HTML5 音频无法在 Android 设备上播放答案

【问题标题】：HTML5 Audio in not playing on android deviceHTML5 音频无法在 Android 设备上播放
【发布时间】：2015-06-03 16:24:03
【问题描述】：

你好朋友我已经开发了我的音乐网站并使用了 html5 音频。它在桌面上成功运行，但无法在 android mobile 设备上播放/运行音频。

我的代码如下控制 html5 audio .

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 音频。谢谢。

【问题讨论】：

在支持html5的chrome等安卓浏览器上运行
我会检查并回复你

标签： javascript android jquery html audio

【解决方案1】：

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

【讨论】：

【解决方案2】：

好吧，我终于想通了，

HTML：

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

jQuery:

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

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

soundelement.play()

随时随地。

【讨论】：