私は、ビデオ録画用の WebRtc と JavaScript ライブラリ RecordRtc に取り組んでいます。現在、どちらも Chrom と Mozilla で動作します。別の JavaScript ライブラリ adaper.js を使用して、Internet Explorer と Safari でnavigator.getUserMedia()を機能させることができます。したがって、以下のコードは入力デバイスを検出しています。たとえば、すべてのブラウザに組み込みのカメラです。
<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 で正常に動作し、記録されたブロブを取得できます。しかし、IE と Safari では、以下のようにカメラを検出した後に 1 つのエラーが表示されます。
列をなして
video.src = URL.createObjectURL(stream);
それは示しています
"No such interface supported"
基本的に私は立ち往生しているので、誰かが解決策や代替案を提案できますか?助けていただければ幸いです。