在 android 浏览器中播放 html5 音频

Question

我有一个使用 html5 <audio> 标签在浏览器中播放音频的 javascript。它在 iPhone 浏览器中运行良好，但在 Android 中却不行。 （使用 android 2.1 的 htc 欲望进行测试。）有人知道为什么吗？

我的代码：

   function playHTML5(sound, soundcv){
                // sound = url to m4a audio file
                // soundcv = div in which the audioplayer should go

  var audio = document.createElement('audio');
  audio.src = sound;
  audio.controls = "controls";
  if (currentSound != null){
   soundcv.replaceChild(audio,currentSound);
  } else {
   soundcv.appendChild(audio);
  }
  currentSound = audio;
 }

顺便说一句，我也在尝试放大 iphone 中显示的音频按钮（默认按钮很小），到目前为止还没有运气 - 如有任何想法，我将不胜感激！

Answer 1

FroYo 中最新的 Android 浏览器尚不支持 HTML5 音频元素。这不是错误，而是尚未实现的功能。它可能会出现在姜饼中。

更新：姜饼浏览器有音频元素。

Answer 2

这里是 Google Android 错误的链接，该错误是由于 Android 中缺乏对 AUDIO 标签的支持而提出的。 请投票。

http://code.google.com/p/android/issues/detail?id=10546

顺便说一句，有一种解决方法，可以让您在 Android 1.6 .. 2.2 中播放原生 MP3，就像这样：

<video src="test.mp3" onclick="this.play();"></video>

Answer 3

我也想不通。但是，Apple 创建的这个测试页面在 Android 上播放 HTML5 音频：http://www.apple.com/html5/showcase/audio

苹果是怎么做到的？

Answer 4

你检查过你的audio format 吗？

Answer 5

我的 Kindle Fire 遇到了问题，但发现一件小事似乎可以解决问题。

<audio>
  <source src="someclip.mp3" type="audio/mpeg" />
</audio>

我错误地使用了“音频/mp3”。我正在使用没有原生控件的播放器（使用 HTML5/JS）。

Answer 6

我使用 trigger.io 部署到运行 Android Jellybean 的 Nexus 7 的项目上进行了这项工作，但目前只有在我使用绝对 URL 时才会播放音频。我不确定在我的项目中使用音频的相对路径是什么，但希望这会对某人有所帮助......

(function() {

    var currentSound;
    // I have a div called "page"
    var soundcv = document.body;

    // This only works for one sound for simplicity's sake
    function playSound(sound){

        if (currentSound == null){
            var audio = document.createElement('audio');
            audio.src = sound;
            soundcv.appendChild(audio);
            currentSound = audio;
        }

        currentSound.play();
    }

    // This isn't a real audio file URL - replace it with one of your own
    playSound('http://example.com/example.mp3');
})();

Answer 7

我整天都在修修补补，终于让我的旧三星 Droid 浏览器与雅虎网络播放器一起工作：

<a href="somefolder/file.mp3"></a>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>

效果很好，在文本旁边放了一个小箭头图标，您可以点击它来播放您的 mp3。谢谢雅虎。

我忘了提到在本地测试时音频不会显示在我的 Chrome 或 Firefox 浏览器中。不过在我的手机浏览器上效果很好。

Answer 8

我知道这是一个 hack，但它无处不在（据我所知）！

您可以使用视频元素并将您的 mp3 转换为 mp4 和 ogg 文件（ogg 用于 android 上的 firefox）。您还可以设置它的样式，使其不显示任何不必要的默认播放器。见以下代码：

<video id="audioTest" width="1" height="1" style="top: -100px; left: -100px; position: absolute;" preload >
    <source src="audio.mp4" type="video/mp4">
    <source src="audio.ogv" type="video/ogg">
</video>

然后你可以在你的 js 代码中使用：

var audioTest = document.getElementById("audioTest");
audioTest.addEventListener("ended",onSoundComplete,false);
audioTest.play();

Answer 9

在正文中

<audio id="myAudio" src="audio/bomba.mp3"></audio>

活动期间在javascript中

document.getElementById('myAudio').play();