Question

Hello Friends我开发了自己的音乐网站并使用了 html5 音频。它在桌面上成功运行，但没有在 android 移动设备上播放/运行音频。

我的代码是控制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();
    });
});

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

Answer 1

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

Answer 2

好的，所以我终于弄明白了，

HTML：

<audio id="soundaudio" class="hidden"></audio>

jQuery的：

soundelement = document.getElementById("soundaudio");
soundelement.play();
soundelement.src = "source.mp3";

这种情况在开始时强制用户单击“开始”按钮，然后您可以使用

soundelement.play()

随时随地。

HTML5音频不在Android设备上播放

2 个答案: