Android Phonegap HTML5 音频标签不起作用

Posted 2023-02-25

【中文标题】Android Phonegap HTML5 音频标签不起作用

【英文标题】：Android Phonegap HTML5 Audio tag doesn't work

【发布时间】：2014-01-13 09:56:41

【问题描述】：

大家好，我希望你们能帮我解决这个问题...

我使用 Phonegap 3.1 和 jQuery Mobile 1.4 ... android 4.1.2

当我在 Firefox 中测试应用程序时，音频播放器运行良好，但在手机上测试时，播放器可见，但当我点击播放时，没有任何反应...

试过 mp3 和 ogg 所以应该支持所有浏览器...

我在 *** 上看到了很多线程……甚至按照建议尝试了 MediaElement.js……但似乎没有任何效果…… 我知道原生媒体 API ......但我真的不想使用它...... 所以我想知道是否有人找到了解决这个烦人问题的方法？

谢谢

【问题讨论】：

如果我使用来自服务器的 .ogg 文件，它会播放声音......但它只播放一次，然后无法重播......

我目前正在寻找这个问题的相同答案。发现 chrome 会阻止 android 上的自动播放，而您的应用本质上是在浏览器中。不知道这是否重要

【参考方案1】：

html

<audio id="play_audio" autoplay="autoplay" controls preload>
    <source src="your_audio_url" type="audio/mpeg" codecs="mp3"></source>
    <source src="your_audio_url" type="audio/mp4" codecs="mp4a.40.5 "></source>
    <source src="your_audio_url" type="audio/ogg" codecs="vorbis"></source>
</audio>

javascript

$(document).ready(function()
    $("#play_audio").click(function()
        $(this).load();
        $(this).play();
    )


)

【讨论】：

是的，我是... Phonegap 3.1 ...我发现来自服务器的 .ogg 文件可以正常使用 标签...但是当我尝试重播时...什么也没有发生

直接试试这个 1)docs.phonegap.com/en/3.3.0/cordova_media_media.md.html#Media 两者都在我的应用程序中工作

正如我在第一篇文章中提到的......我不能使用媒体元素，但只能使用 HTML5 和 JS