有一个需求是要在edge上录制一段视频发给后端,调研getUserMedia API之后,发现edge内核不支持MediaRecorder的方法,所以录制视频的功能被卡住了。
限定edge浏览器
相关代码
navigator.mediaDevices.getUserMedia({
audio: true,
video: { width: 1080, height: 640 , frameRate: 30}
}).then((mediaStream) => {
this.video = document.getElementById('demo') as HTMLVideoElement
this.video.srcObject = mediaStream
this.video.play();
const canvas = document.getElementById('photo') as HTMLCanvasElement
this.canvasContext = canvas.getContext('2d')
console.log(MediaRecorder)
let recorder = new MediaRecorder(mediaStream)
}).catch((error) => { console.log(error) })
console.log(MediaRecorder) chrome里是能打印出东西的,但是edge不能
有没有什么其他的解决思路
flash/提示用户下载其他浏览器