javascript - HTML5 音频无法在 Android 设备上播放

Question

你好 friend 我已经开发了我的音乐网站并使用了 html5 声音的。
它在桌面上成功运行，但没有在 上播放/运行音频安卓 手机设备。

我的代码如下控制 html5 音频 .

HTML:

<audio src="./files/track01l.mp3" id="player"></audio>  
        <div class="col-md-4">
        <button id="play" class="playpause"><span class="glyphicon glyphicon-play"></span></button>
        <button id="pause" class="playpause"><span class="glyphicon glyphicon-pause"></span></button>
        <button id="loop"class="playpause"><span class="glyphicon glyphicon-repeat"></span></button>
        <button id="removeloop"class="playpause"><span class="glyphicon glyphicon-resize-horizontal"></span></button>

jQuery/Javascript:

$(document).ready(function(){
    $("#pause").hide();
    $("#removeloop").hide();
    $('#play').on('click', function() {
        document.getElementById('player').play();
        $(this).hide();
        $("#pause").show();
    });

    $('#pause').on('click', function() {
        document.getElementById('player').pause();
        $(this).hide();
        $("#play").show();
    });

    $('#player').on('timeupdate', function() {
        $('#seekbar').attr("value", this.currentTime / this.duration);
    });
    $("#loop").click(function(){
        $("#player").attr('loop','');
        $(this).hide();
        $("#removeloop").show();
    });
    $("#removeloop").click(function(){
        $("#player").removeAttr('loop','');
        $(this).hide();
        $("#loop").show();
    });
});

如何使用我自己的控件在安卓设备上播放我的 html5 音频。
谢谢。

Answer 1

我最近在 android 设备上发现了 Firefox 的一个问题。简短的版本是 .mp3 文件格式的文件无法播放。我切换到 .ogg 格式并且没有问题。 Chrome 似乎对 .mp3 没有问题，因此无法准确确定问题出在哪里。我在三星 Galaxy S5 上使用 Firefox 和 Chrome 测试了这个问题。具有讽刺意味的是，我对 Kindle Fire HD 上的 Silk 也没有任何问题，但 Windows 版 Safari 确实存在问题。我也将 Firefox 侧载到 kindle 上，但无法播放带有 html5 音频的 .mp3 文件。所以第一步是简单地改变音频格式，看看是否能解决问题。