Tam*_*ser 15 javascript webcam html5
我想使用HTML 5元素和JavaScript创建视频聊天应用程序,我不想使用Flash来访问用户的网络摄像头.
如何仅使用HTML和JavaScript实现此目的？
Paw*_*ech 17
在撰写本文时,最佳解决方案是WebRTC.它在Chrome,Mozilla和Opera中受支持,但在Internet Explorer和Safari中仍然不可用.
简约的演示.
的index.html
<!DOCTYPE html>
<head>
</head>
<body>
<video></video>
<script src="webcam.js"></script>
</body>
webcam.js
(function () {
navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);
navigator.getMedia(
// constraints
{video:true, audio:false},
// success callback
function (mediaStream) {
var video = document.getElementsByTagName('video')[0];
video.src = window.URL.createObjectURL(mediaStream);
video.play();
},
//handle error
function (error) {
console.log(error);
})
})();
| 归档时间： |
|
| 查看次数： |
26207 次 |
| 最近记录： |