Question

我已经获得了这个示例代码......

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="stuff, to, help, search, engines, not" name="keywords">
<meta content="What this page is about." name="description">
<meta content="Display Webcam Stream" name="title">
<title>Display Webcam Stream</title>

<style>
#container {
    margin: 0px auto;
    width: 500px;
    height: 375px;
    border: 10px #333 solid;
}
#videoElement {
    width: 500px;
    height: 375px;
    background-color: #666;
}
</style>
</head>

<body>
<div id="container">
    <video autoplay="true" id="videoElement">

    </video>
</div>
<script>
    var video = document.querySelector("#videoElement");

    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;

    if (navigator.getUserMedia) {       
        navigator.getUserMedia({video: true}, handleVideo, videoError);
    }

    function handleVideo(stream) {
        video.src = window.URL.createObjectURL(stream);
    }

    function videoError(e) {
        // do something
    }
</script>
</body>
</html>

这让我看到自己，使用我的相机。大！但是，我如何动态地将其流式传输到像“/ username / live”这样的URI？

请原谅我在这方面的绝对无知。

我想我可以设置一个获取URI的PHP页面并检查该用户是否实际在线并允许访问他们的相机，但我不知道如何实现这样的魔法。

如果用户不允许访问他们的相机，我想展示他们的个人资料页面，这很容易。

我正在使用MODX Revolution 2.4.2以及额外的用户URL，所以这些信息可能会有所帮助。

究竟如何动态地将摄像机流式传输到特定的URI？

0 个答案: