window.URL.createObjectURL(mediaStream) 出現 typeError 錯誤

本文轉載自查看原文 2019-08-17 23:15 686 html

轉自：https://blog.csdn.net/Miss_Liang/article/details/85781396

window.URL.createObjectURL(mediaStream) 出現 typeError 錯誤的原因是

瀏覽器正在取消對 mediaStream 類型的支持

解決方案：

video.srcObject = mediaStream

代碼示例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var video = document.getElementById("video");
            var canvas = document.getElementById("canvas"),
                context = canvas.getContext("2d");
            var w;
            if (navigator.webkitGetUserMedia) {
                navigator.webkitGetUserMedia({ video: true }, function (stream) {
                    // 錯誤代碼:
                    // video.src = window.webkitURL.createObjectURL(stream); // 瀏覽器正在取消對 createObjectURL 的支持
                    // 正確代碼:
                    video.srcObject = stream; 
                    video.play();
                    w = new WebSocket(url);
                    w.onopen = function () {
                        sendImg();
                    }
                    w.onmessage = function (e) {
                        sendImg();
                    }

                }, function () {
                    console.log("video error");
                });


                var host = 'localhost';
                var port = 8888;
                var url = 'ws://' + host + ':' + port + '/';

                function sendImg() {
                    context.drawImage(video, 0, 0, 320, 320);
                    var imgData = canvas.toDataURL();
                    w.send(imgData);
                }
            }
        });
    </script>
</head>
<body>
    <video id="video" width="640" height="480" style="background:#000;" autoplay></video>
    <canvas style="display:none" id="canvas" width="320" height="320"></canvas>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 瀏覽器本地預覽圖片 window.url.createobjecturl 使用Xgboost時出現錯誤 TypeError: 'str' object is not callable HTMLMediaElement.srcObject & URL.createObjectURL & HTMLMediaElement.src FileReader與URL.createObjectURL實現圖片、視頻上傳前預覽 JS獲取當前網頁內容，創建文件並下載，URL.createObjectURL和URL.revokeObjectURL TypeError: window.open is not a function Uncaught (in promise) TypeError:的錯誤 Uncaught TypeError: window.showModalDialog is not a function 谷歌 Angular中使用datatable.js出現錯誤“ui-router TypeError: Cannot read property 'childNodes' of undefined”的解決方法 window.open(url,"_self")