Question

我已经制定了通过javascript代码在网络浏览器中处理网络摄像头和音频的解决方案。这是JSFIDDLE示例。在Jsfiddle中，它适用于firefox和chrome。

但是当我在本地html文件中运行它时，它在Firefox上运行良好，但它在chrome中不起作用。你能不能看看它并告诉我我错过了什么？看一下html代码片段：

<html>
    <head>
        <script>
            var localstream = null;

            var errorCallback = function(e) {
                console.log('Not working!', e);
            };

            function turnOnVideoAndAudio() {

                var options = {video: true, audio: true};

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

                window.myURL = window.URL || window.webkitURL || window.mozURL || window.msURL;
                navigator.myUserMediaVar(options, function(localMediaStream) {


                    alert("Initiallizing devices");

                    var video = document.getElementById('videoStreaming');

                    alert("Enjoy Streaming...");

                    video.src = window.myURL.createObjectURL(localMediaStream);

                    localstream = localMediaStream;

                    turnOnBtn.disabled = true;
                    turnOffBtn.disabled = false;

                }, errorCallback);
            }

            function turnOffVideoAndAudio() {

                turnOnBtn.disabled = false;
                turnOffBtn.disabled = true;
                localstream.stop();

                videoStreaming.src = null;
            }

        </script>
    </head>
    <body>
        <button id="turnOnBtn" onclick="turnOnVideoAndAudio()">Turn on Video/Audio</button> 
        <button id="turnOffBtn" disabled onclick="turnOffVideoAndAudio()">Turn off</button> 
        <br />
        <video id="videoStreaming" autoplay></video>


    </body>
</html>

在javascript中处理视频和音频

0 个答案: