这段代码展示了如何在网页中利用JavaScript的getUserMedia接口获取用户摄像头视频流，并将其播放到video元素中，同时在canvas上进行显示。它支持标准、Webkit前缀和Firefox前缀的getUserMedia方法。
javascript// put event listeners into place
window.addeventlistener("domcontentloaded", function() {
// grab elements, create settings, etc.
var canvas = document.getelementbyid("canvas"),
context = canvas.getcontext("2d"),
video = document.getelementbyid("video"),
videoobj = { "video": true },
errback = function(error) {
console.log("video capture error: ", error.code);
};
// put video listeners into place
if(navigator.getusermedia) { // standard
navigator.getusermedia(videoobj, function(stream) {
video.src = stream;
video.play();
}, errback);
} else if(navigator.webkitgetusermedia) { // webkit-prefixed
navigator.webkitgetusermedia(videoobj, function(stream){
video.src = window.webkiturl.createobjecturl(stream);
video.play();
}, errback);
}
else if(navigator.mozgetusermedia) { // firefox-prefixed
navigator.mozgetusermedia(videoobj, function(stream){
video.src = window.url.createobjecturl(stream);
video.play();
}, errback);
}
}, false);
扫一扫
23万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
