Question

如何使用访客相机流式传输视频？我想创建类似Skype的东西 - 使用访问者计算机上的相机将图片流式传输到访问我页面的其他用户。

这是我的代码：

<video id="video" width="640" height="480" autoplay></video>
<canvas id="canvas" width="640" height="480"></canvas>

<script type="text/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);
</script>

但它只适用于我（只有我能看到这张照片）。我如何在我的网页上为每个人展示这张照片？

PHP / javascript - 使用用户相机流式传输视频

0 个答案: