鍍金池/ 問答/HTML5  HTML/ html5做視頻直播，iPhone不支持

html5做視頻直播，iPhone不支持

html5做視頻直播 Android可以獲取到數(shù)據(jù)并發(fā)送到后臺 iphone手機不支持 主要在這一塊 navigator.getUserMedia 各位大神有什么好的辦法能解決這個問題

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
    <video autoplay id="sourcevid" playsinline   style="width:640px;height:480px"></video>
    <canvas id="output" style="display:none"></canvas>

    <script type="text/javascript" charset="utf-8">
        if( document.createElement('canvas').getContext ) {
            var socket = new WebSocket("ws://***.***.***.***:9502"),
            back = document.getElementById('output'),
            backcontext = back.getContext('2d'),
            video = document.getElementsByTagName('video')[0];
            socket.onopen = function() {
                draw();
            }
            
            var success = function(stream) {
                alert(stream);
                video.src = window.URL.createObjectURL(stream);
            }
            var draw = function() {
                try {
                    backcontext.drawImage(video,0,0, back.width, back.height);
                } catch(e) {
                    if (e.name == "NS_ERROR_NOT_AVAILABLE") {
                        return setTimeout(draw, 100);
                    } else {
                        throw e;
                    }
                }
                socket.send(back.toDataURL("image/jpeg", 0.5));
                setTimeout(draw, 100);
            }
            navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia||navigator.mozGetUserMedia || navigator.msGetUserMedia;
                //alert(navigator.getUserMedia);
                navigator.getUserMedia({video:true, audio:false}, success, console.log);
        } else {
            alert('你的瀏覽器不支持html5，請先更換瀏覽器。。');
        }
    </script>
</body>
</html>
回答
編輯回答
短嘆

有沒有可能是canvas的問題，我之前引用了一個關(guān)于canvas的插件，在安卓能顯示，在ios上掛掉了

2018年1月4日 23:49