h5 video radio 檢測

時間 2019-12-12

標籤 h5 video radio 檢測简体版

原文原文鏈接

<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
<meta charset="UTF-8">  
<title>GetUserMedia實例</title>  
</head>  
<body>  
<video id="video" autoplay><ideo>  
</body>  
<script type="text/javascript">
function isMediaAvailable(){
  return new Promise(function(resolve, reject){
    if (navigator.mediaDevices.getUserMedia) {
      console.log('[mediaDevices]');  
      navigator.mediaDevices.getUserMedia({   
        video: true,
        audio: true   
      }).then(function(localMediaStream) { 
        resolve('1');
        var video = document.getElementById('video');   
        video.srcObject = localMediaStream; 
        // video.src = window.URL.createObjectURL(localMediaStream)  
        video.onloadedmetadata = function(e) {   
          console.log("Label: " + localMediaStream.label);   
          console.log("AudioTracks" , localMediaStream.getAudioTracks());   
          console.log("VideoTracks" , localMediaStream.getVideoTracks());   
        };   
      }).catch(function(err) {   
        reject('0');
        // console.log(err.name + ": " + err.message);   
      }) 
    }  else if (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia) {
      var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);   
      getUserMedia.call(navigator, {   
        video: true,   
        audio: true   
      }, function(localMediaStream) {  
        resolve('1')
        var video = document.getElementById('video');   
        video.srcObject = localMediaStream;   
        // video.src = window.URL.createObjectURL(localMediaStream)  
        video.onloadedmetadata = function(e) {   
          console.log("Label: " + localMediaStream.label);   
          console.log("AudioTracks" , localMediaStream.getAudioTracks());   
          console.log("VideoTracks" , localMediaStream.getVideoTracks());   
        };   
      }, function(err) {
        reject('0');
        // console.log(err);   
        // console.log(err.name + ": " + err.message);   
      });
    }
    
  });
};
isMediaAvailable().then(function (para) {
  console.log('[para]',para);
  
}).catch(function(para){
  console.log('[e]',para);
  
})


// isMediaAvailable()
 
</script>  
<html>

1. H5 video
2. H5 的 video
3. h5視頻video
4. H5視頻------＜/video＞
5. h5 audio 和 video
6. H5 video的使用
7. h5-audio/video標籤
8. H5 video 播放器demo
9. h5 video全屏播放
10. 【視頻檢測】Deep Feature Flow for Video Recognition
更多相關文章...
• 使用TCP協議檢測防火牆 - TCP/IP教程
• ping命令檢測遠程主機是否可用 - TCP/IP教程
• Flink 數據傳輸及反壓詳解
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。