![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
xdm,xdm chrome升级后video的captureStream好像获取不到图像了。
用MediaRecorder对视频录制,chrome升级到103.0.5060.134之后就只有声音没有图像
排查一圈之后MediaRecorder没问题,ondataavailable里返回的data,大小变小(应该是只有音频)。
初步怀疑是video的captureStream问题。
有没有懂的兄弟指点指点
var stream = document.querySelector('#video').captureStream();
const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ?
"video/webm; codecs=vp9" :
"video/webm"
var recorder = new MediaRecorder(stream, {
mimeType: mime
})
var data = []
recorder.ondataavailable = (event) => {
data.push(event.data);
console.log('ondataavailable', event.data);
};
recorder.onstop = (...args) => {
let blob = new Blob(data, {
type: data[0].type
})
document.querySelector('#video2').src = URL.createObjectURL(blob)
}
用MediaRecorder对视频录制,chrome升级到103.0.5060.134之后就只有声音没有图像
排查一圈之后MediaRecorder没问题,ondataavailable里返回的data,大小变小(应该是只有音频)。
初步怀疑是video的captureStream问题。
有没有懂的兄弟指点指点
var stream = document.querySelector('#video').captureStream();
const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ?
"video/webm; codecs=vp9" :
"video/webm"
var recorder = new MediaRecorder(stream, {
mimeType: mime
})
var data = []
recorder.ondataavailable = (event) => {
data.push(event.data);
console.log('ondataavailable', event.data);
};
recorder.onstop = (...args) => {
let blob = new Blob(data, {
type: data[0].type
})
document.querySelector('#video2').src = URL.createObjectURL(blob)
}
展开
3
点赞