更改 Safari 中 MediaStream 和 Blob 的视频 srcObject

如何解决更改 Safari 中 MediaStream 和 Blob 的视频 srcObject

我正在处理一个 WebRTC 项目，我需要在一个视频标签中替换两个流。我分两步完成。

1. 我正在将 getUserMedia 流添加到视频标签中。

   videoModalVideo.srcObject = 流； //用户媒体流

2. 我使用 MediaRecorder 记录该流并将其转换为 Blob。然后我尝试更新视频源。

   videoModalVideo.src = URL.createObjectURL(recordedBlob); //显示录制的流

问题是它在 Chrome 中可以正常工作，但在 iPhone 的 Safari 中却不能。

我阅读了一些资源，并尝试在视频标签上使用暂停、加载和播放方法，但它不起作用。

问题是，我只能替换 src 或 srcObject。在第一步中，我正在更改 srcObject，在第二步中，我正在更改 src。这似乎造成了问题。

当我尝试使用 srcObject 再次填充流时（在第二步中），它起作用了。

有什么办法可以实现我想要的吗？提前致谢！

解决方法

iOS 不允许这样做。唯一的解决办法是保留两个视频标签，并在第二个设置录制源。