最近我在使用 WebRTC 搭配 PeerJS 庫進行一個項目。在桌面端一切運作正常,但在 iOS Safari 上,無論是本地流還是遠端流,都只看到一個黑色盒子。

經過一番研究後,我找到了解決方法,需要將 video 標籤的 playsincline 屬性添加到本地和遠端流的標籤中:

<video id="local" autoplay playsinline muted></video>
<video id="remote" autoplay playsinline></video>

(注意:在 JSX 中是 playsInline

解決這個問題後,我成功在 iOS 上正常顯示了 WebRTC 的視頻流。希望這個方法也能對你有幫助!