音频HTML5自动播放WebWorks

Question

如何通过自动播放选项使HTML5音频标签在Webworks应用程序中工作？

例如：在文档加载时，音频元素的src通过javascript进行了更改，然后通过audioElement.play（）更改-这不起作用，您必须将另一个链接或按钮的单击绑定到audioElement.play（）并再次单击。

有任何想法吗？

function playSongNow(currentID) {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('autoplay', 'true');
    audioElement.setAttribute('preload', 'true');
    audioElement.setAttribute('src', 'http://' + sessionStorage.url + ':' + sessionStorage.port + '/rest/stream.view?u=' + sessionStorage.user + '&p=' + sessionStorage.pass + '&v=1.6.0&c=BerrySonic&id=' + currentID);
    audioElement.load();
    audioElement.addEventListener("load", function() {
        audioElement.play();
        $(".duration span").html(audioElement.duration);
        $(".filename span").html(audioElement.src);
    }, true);
    $('.play').click(function() {
        audioElement.play();
    });
    $('.pause').click(function() {
        audioElement.pause();
    });
    $('.volumeMax').click(function() {
        audioElement.volume=1;
    });
    $('.volumestop').click(function() {
        audioElement.volume=0;
    });
    $('.stop').click(function() {
        audioElement.pause();
        audioElement.currentTime = 0;
    });
    $('.playatTime').click(function() {
        audioElement.currentTime= 35; //Testing skipping so used 35
        audioElement.play();
    });
}

HTML调用playSongNow：

<a onclick="playSongNow('2f6d656469612f52616964426f782f4d757369632f4164656c652f32312f4164656c65202d2052756d6f7572204861732049742e6d7033');"><li>Rumour Has It</li></a>

新：实际​​上，我认为我已经将问题缩小到：

audioElement.addEventListener("load", function() {
    audioElement.play();
    $(".duration span").html(audioElement.duration);
    $(".filename span").html(audioElement.src);
}, true);

我尝试使用“ canplaythrough”，但都无法确定何时传递了足够的数据以进行实际播放，因为如果这样做：

audioElement.load();
audioElement.play();

我尝试了以下事件：

audioElement.addEventListener('canplay', function() {
    alert('canplay');
    audioElement.play();
});

这可行，但这并不意味着音频可以在不缓冲的情况下播放吗？ 它也立即触发“ canplaythrough”事件。

对这些事件的一些指导将很方便。

Answer 1

您可以使用ended事件处理此事件，如下所示：

audioElement.addEventListener('ended', function(){
playSongNow(......)
}, false);

Answer 2

canplaythrough不能在黑莓上启动，但是canplay可以。...不要问我为什么....