私はWebRtcとJavaScriptライブラリーRecordRtcを使ってビデオ録画を行っています。現在、どちらもChromとMozillaで動作します。別のjavascriptライブラリadaper.jsを使用して、私はnavigator.getUserMedia()をInternet ExplorerとSafariで作れるようになりました。したがって、以下のコードは入力デバイスを検出しています:すべてのブラウザでinbuilt camereです。IEとSafariでエラーを表示するRecordRTCを使用したWebRTCビデオ録画
<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"
を示しているラインでは
以下のようにカメラを検出した後、1つのエラーを示しています基本的に私は立ち往生しているので、高く評価されます。
[RecordRTCは現在MS-Edgeをサポートしています](https://github.com/muaz-khan/RecordRTC#browsers-support)です。 ** Safari/IEのサポートはまだありません。** WebRTCを実装しようとしているアップルの人たち(噂によると)ので待ってください! IEは(おそらく/思われる)MSEdgeから廃止されました。 –