小编Kai*_*Vey的帖子

我的网站上有一个简单的播放器，可以在其中播放 Soundcloud Track。我正在使用小部件 API。过去几周一切正常，但现在我在 Chrome 浏览器（桌面）中收到此错误：不允许启动 AudioContext。它必须在页面上的用户手势之后恢复（或创建）。

我只是为你简化了代码：

<!-- Own Play Button -->
<div id="playBtn">Play</div>

<!-- SC Widget -->
<iframe id="sc-widget" src="https://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/406078437" scrolling="no" frameborder="no"></iframe>

<!-- JS -->
<script src="/src/vendors/jquery-3.3.1/jquery.min.js"></script>
<script src="/src/vendors/sc-widget-api/sc-widget-api.js"></script>
<script>
    $(document).ready(function()
    {
        var widgetIframe   = document.getElementById('sc-widget');
        var widget         = SC.Widget(widgetIframe);

        widget.bind(SC.Widget.Events.READY, function()
        {

        });

        $('#playBtn').on('click', function()
        {
            widget.play();
        })

    });
</script>

当我使用 Soundcloud 小部件按钮本身时，我也收到此错误消息，但它会播放歌曲。

当我使用自己的播放按钮时，我收到此错误消息并且歌曲无法播放。最后几天还在上班。

我认为 Chrome 改变了一些东西，但我不确定现在如何让它工作？我希望你能帮助我 <3

/EDIT 我自己找到了解决方案。只需将属性 allow="autoplay" 添加到 iframe 就可以了！