在 android 上的 chrome 上自动播放传入的 WebRTC 流

Question

我有一个使用 simple-peer 的多点 WebRTC 流，我正在播放接收到的流，如下所示：

        peer.on("stream", data => {
          let audio = document.createElement("audio") as HTMLAudioElement;
          audio.src = URL.createObjectURL(data);
          audio.play();
        });

这在桌面上可以正常工作，但对于 android 上的 chrome 则没有声音：

Unhandled Promise rejection: play() can only be initiated by a user gesture.

我找不到任何有关如何正确播放接收到的流的文档。当流准备好时，我真的必须显示一个按钮吗？

我还尝试通过播放来自 getUserMedia 的流来解决此问题，但这仅在我不调用 audioTag.muted = true 时才有效，这也不是解决方案，因为这会产生反馈循环。

let audioTag = document.createElement("audio") as HTMLAudioElement;
audioTag.autoplay = true;

navigator.getUserMedia({video: false, audio: true}, (async stream => {
  audioTag.src = window.URL.createObjectURL(stream);
  audioTag.muted = true;
  // ...
});

http://talky.io 之类的网站似乎已经找到了解决此问题的方法，那么我该怎么办？

Answer 1

查看：https://www.chromium.org/audio-video/autoplay

var promise = document.querySelector('video').play();

if (promise !== undefined) {

  promise.then(_ => {

    // Autoplay started!

  }).catch(error => {

    // Autoplay was prevented.

    // Show a "Play" button so that user can start playback.

  });

}