2

编辑：浓缩问题：如何创建无闪存连续音乐播放器（用户浏览网站时不会中断的播放器）

因此，我想建立一个带有音频播放器的网站，其行为方式与 hypem.com 和 pitchfork.com 等网站上的许多 Flash 播放器的行为方式大致相同，但是我想尽可能完全避免使用 Flash，以便保留与 Apple 移动设备的兼容性。（编辑：请注意，我不是在创建特定于移动设备的东西！只是一个具有音频播放器功能的网页，可以在 Ipad/Iphone/Ipodtouch 上使用）

我一直在到处寻找信息，到目前为止，有些人认为 Javascript 可能会提供解决方案，但我发现的所有播放器都使用 Javascript 和 Flash，并且没有解决连续播放问题。

4

2 回答 2

0

看一下 html5<audio>标签。

http://www.catswhocode.com/blog/mastering-the-html5-audio-property

尝试保持您的 SO 问题具体。在另一个问题中询问您的网站布局问题。

https://stackoverflow.com/faq

于 2011-11-15T03:50:37.660 回答
0

这是一些应该让您走上正轨的代码

首先是所有浏览器都支持的html音频元素，但在IE家族中只有IE9

<audio id="test" controls="controls" type="audio/ogg">Your browser doesn't support the audio tag.</audio>

然后是javascript

window.onload=function(){
var pre='';
var arr=['songTitle1','songTitle2','songTitle3'];
var ind=0;
var ele=document.getElementById('test');
ele.src=(ind++)+'.ogg';
ele.play();
//when the song ends start a new one
ele.onended=function(){
  ele.src=(ind++)+'.ogg';
  //if you are done with all the songs loop back to the beginning.
  //Or you could add some code to load more songs from the server
  ind=ind==arr.length?0:ind;
  ele.play();
}

}

假设您将 ogg 文件与 html 文件放在同一目录中，这仅需要一组歌曲标题并播放它们。现在我认为 ogg 是您可以在所有浏览器上播放的唯一格式。

于 2011-11-15T04:46:28.083 回答