Получить HTML ширин камеры и высоту

Question

Я вижу код о захвате видео в html5

Он отлично работает с этим руководством, (http://www.html5rocks.com/ko/tutorials/getusermedia/intro/)

, но по-разному работать каждое устройство. телефона и моего ноутбука. Поскольку размер экрана кулачка телефона и моего ноутбука отличается.

Итак, я хочу получить ширину и высоту камеры каждого устройства и отрегулировать код с этим значением.

Как я могу получить эти значения? или Как я могу получить значение всего экрана каждого устройства?

Answer 1

вы можете использовать загруженное событие metadata, чтобы получить высоту и ширину видео.

video.addEventListener("loadedmetadata", function() { 
      find_video_size(); 
     }, false); 

function find_video_size(){ 
     if (isStreaming++ <= 10) { 
      // videoWidth isn't always set correctly in all browsers 
      if (video.videoWidth > 0){ 
       cwidth = video.videoWidth; 
       cheight = video.videoHeight;///(video.videoWidth/cwidth); 
       $("#tutcanvas").attr("width", cwidth).attr("height", cheight); 
       isStreaming = 11; 
      }else{ 
       setTimeout(find_video_size, 200); 
      } 
     }else{ 
      $("#tutcanvas").attr("width", cwidth).attr("height", cheight); 
     } 
    }