我正在使用WebRtc和JavaScript庫RecordRtc進行視頻錄製。目前,兩者都將在Chrom和Mozilla上運行。使用另一個JavaScript庫adaper.js我可以在Internet Explorer和Safari中使用navigator.getUserMedia()工作。所以下面的代碼是檢測輸入設備,例如:在所有瀏覽器中內置攝像頭。使用RecordRTC的WebRTC視頻錄製在IE和Safari中顯示錯誤
<video id="video" autoplay="" loop="" controls="" muted=""></video>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.webrtc-experiment.com/RecordRTC.js"> </script>
<script type="text/javascript" src="https://cdn.temasys.com.sg/adapterjs/0.13.3/adapter.min.js"></script>
<script type="text/javascript">
var recorder;
var video = document.getElementById('video');
AdapterJS.webRTCReady(function(isUsingPlugin) {
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
navigator.getUserMedia({ audio: true, video: true }, function(stream) {
//console.log("hai");
video.src = URL.createObjectURL(stream);
video.width = 320;
video.height = 240;
var options = {
type: 'video',
video: {
width: 320,
height: 240
},
canvas: {
width: 320,
height: 240
}
};
recorder = window.RecordRTC(stream, options);
//console.log(recorder);
recorder.startRecording();
}});
});
</script>
這在Chrome和Mozilla中運行良好,並且能夠獲得記錄的blob。但在IE和Safari它示出一個誤差檢測相機如下
在行之後
video.src = URL.createObjectURL(stream);
它顯示
"No such interface supported"
任一項能否提供任何解決方案或替代方案,一個幫助將高度讚賞,因爲基本上我卡住了。
[RecordRTC僅支持MS-Edge](https://github.com/muaz-khan/RecordRTC#browsers-support)。 **沒有Safari/IE支持。**計劃實施WebRTC的蘋果公司(據傳言),讓我們等待! IE是(可能/似乎)已停止使用MSEdge。 –