Soundcloud Widget API выдает ошибку только в Chrome: не удалось запустить AudioContext - PullRequest
0 голосов
/ 19 февраля 2019

У меня на сайте был простой проигрыватель, на котором можно проигрывать трек Soundcloud.Я использую 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 Button, я получаюэто сообщение об ошибке тоже, но оно воспроизводит песню.

Когда я использую свою собственную кнопку воспроизведения, я получаю это сообщение об ошибке, и песня не воспроизводится.Работал последние дни.

Я думаю, что Chrome что-то изменил, но я не уверен, как заставить это работать сейчас?Я надеюсь, что вы можете помочь мне <3 </p>

/ EDIT Я нашел решение самостоятельно.Просто добавьте атрибут if = "autoplay" в iframe, и он отлично работает!

...