У меня на сайте был простой проигрыватель, на котором можно проигрывать трек 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, и он отлично работает!