Question

我的网站上有一个简单的播放器，可以播放Soundcloud Track。我正在使用Widget 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

/编辑我自己找到了解决方案。只需将属性allow =“ autoplay”添加到iframe，即可正常工作！

Soundcloud Widget API仅在Chrome中提供错误：不允许启动AudioContext

0 个答案: