大佬教程收集整理的这篇文章主要介绍了HTML5 获得音视频播放，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<span style="font-family: Arial,Helvetica,sans-serif;"><!doctype html></span>
<html lang="zh-CN">
<head>
<Meta charset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<video id="localVideo" autoplay></video>
</body>
<script type="text/javascript">
//获得控制音视频的浏览器兼容写法
var userMedia = (navigator.getUserMedia||navigator.webkitGetUserMedia
||navigator.mozGetUserMedia||navigator.msGetUserMedia);
/*
约束对象可以被设置在getUserMedia()和RTCPeerConnection的addStream方法中，这个约束对象是WebRTC用来指定接受什么样的流的，其中可以定义如下属性：
* video: 是否接受视频流
* audio：是否接受音频流
* MinWidth: 视频流的最小宽度
* MaxWidth：视频流的最大宽度
* MinHeight：视频流的最小高度
* MaxHiehgt：视频流的最大高度
* MinAspectRatio：视频流的最小宽高比
* MaxAspectRatio：视频流的最大宽高比
* MinFramerate：视频流的最小帧速率
* MaxFramerate：视频流的最大帧速率
*/
userMedia.call(navigator,{
video: true,audio: true
},function(stream) {
var localVideo = document.getElementById("localVideo");
//window.URl.createObjectURL(stream)来创造能在video中使用src属性播放的Blob URL，注意在video上加入autoplay属性，否则只能捕获到一张图片
localVideo.src = window.URl.createObjectURL(stream);
localVideo.onloadedMetadata = function(E) {
//流创建完毕后可以通过label属性来获得其唯一的标识，
//还可以通过getAudioTracks()和getVideoTracks()方法来获得流的追踪对象数组（如果没有开启某种流，它的追踪对象数组将是一个空数组）
console.log("Label: " + stream.label);
console.log("AudioTracks",stream.getAudioTracks());
console.log("VideoTracks",stream.getVideoTracks());
};
},function(E) {
console.log('Reeeejected!',E);
});
</script>
</html>
需要部署到服务器访问
以上是大佬教程为你收集整理的HTML5 获得音视频播放全部内容，希望文章能够帮你解决HTML5 获得音视频播放所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。