JavaScript错误:未知(承诺) DOMException

Question

我正在开发一个网络应用程序，它将播放JS的一首歌。我的代码是：

const song =  {
    play: () => {
        document.querySelector('body .audio').play();
    },
    pause: () => {
        document.querySelector('body .audio').pause();
    }
};

当我调用song.play()时，我在控制台中得到一个错误：

默默无闻的(承诺) DOMException

别再这样了，就这样。我试着在网上搜索，但是没有什么能给我答案。我怎样才能解决这个问题。

更新：--我做了一些更多的研究，结果是我可以从控制台调用完全相同的脚本，它可以工作，但不能从脚本调用。

Answer 1

自动播放策略更改

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

if (promise !== undefined) {
  promise.then(_ => {
    // Autoplay started!
  }).catch(error => {
    // Autoplay was prevented.
    // Show a "Play" button so that user can start playback.
  });
}