HTML5音频：Android上的Chrome不会自动播放歌曲，而PC上的Chrome会自动播放歌曲

Question

我制作了一个HTML5 iPod。

你可以在这里试试。

http://inventikasolutions.com/demo/iPod

在PC上使用Chrome时。如果我导航到一首歌，它会自动开始播放。但在Android上使用Chrome时，它不会播放这首歌。我必须再次按下播放/暂停按钮才能播放音频。

这是当您选择要播放的歌曲时运行的代码：

audioPlayer.src=songurl[number];
audioPlayer.oncanplaythrough = "isAppLoaded";
audioPlayer.autoplay = "autoplay";
audioPlayer.addEventListener('ended',nextSong,false);
document.getElementById("player").appendChild(audioPlayer);

这是播放/暂停代码。

        if (audioPlayer.paused)
        {
        audioPlayer.play();
        $("#pauseindicator").hide();
        $("#playindicator").show();
        }
        else
        {
        audioPlayer.pause();
        $("#pauseindicator").show();
        $("#playindicator").hide();
        }

它是否与“autoplay”变量有关？Android的默认浏览器会立即播放歌曲。

谢谢。

Answer 1

将create.js添加到您的页面：

<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>

然后按以下方式启动声音：

<script>
    createjs.Sound.registerSound("./click.mp3", "x");
    setTimeout(function () {
        createjs.Sound.play("x");
    }, 10000)
</script>

在最新的Android上对我有效。

Answer 2

请参考此链接。。。

http://code.google.com/p/chromium/issues/detail?id=138132

Chrome不允许应用程序在没有用户明确操作的情况下播放HTML5音频，这与iOS的处理方式类似，但与Android浏览器的处理方式不同。

android上不支持自动播放，因为它会导致数据使用成本增加。

Answer 3

如果有人碰到这个，Android版本的Chrome实际上会阻止自动播放功能，但你可以更改浏览器的设置。要执行此操作，您必须输入chrome://flags并将“禁用媒体播放的手势要求”设置为“开”。无法通过web强制进行此设置，但如果您像我一样编写专用web应用程序，则可以使用它。