如何在<video>切換srcObject 後讓MediaRecorder 繼續進行錄影?

nodejs electron webrtc

alishaqoo 2022-01-26 13:47:21 ‧ 714 瀏覽

分享至

小弟目前在做一個專案
目的是用webrtc api MediaRecorder錄下video正在撥放的內容，錄製的過程中user 可以隨時切換video.srcObject且錄製要繼續
現在遇到個問題就是一旦切換了srcObject,像這樣

var stream = await navigator.mediaDevices.getUserMedia(option)
      this.handleStream(stream)
      this.desktopRecorder = new MediaRecorder(stream)
      this.desktopRecorder.onstop = this.videoOnStop
      this.desktopRecorder.ondataavailable = this.videoDataAvailable

舊的MediaRecorder instance 就會變成inactive無法操作
請問要如何才能夠無縫接軌的持續錄影呢?

另外請教MediaRecorder的畫質有點差，有辦法提升嗎?