it-swarm.cn

简单的面向未来,向后兼容的方式在页面上就地播放音频mp3文件?

我有一个音乐家网站,其中包含mp3格式的音乐,但这些是通过Flash文件播放的( xspfplayer )。当然,没有Flash,这是没用的。

有没有更好的面向未来,合理向后兼容的方式在页面上包含mp3音频片段而不强迫用户使用Flash,也不强制他们先下载mp3,或完全离开页面?

9
artlung

另一个解决方案是使用名为 Sound Manager 的JavaScript库。默认情况下,它在页面中嵌入一个不可见的Flash对象,并使用它来播放音频文件(包括MP3)。最新版本包括在可用时使用HTML5的audio标签的功能。

然后,您可以使用HTML/CSS/JS编写播放器,并让Sound Manager确定是使用Flash还是audio标签来播放音频文件。这样你的播放器就可以在IE6和iPhone/iPad上运行。

6
jay_soo

您最好的选择是继续使用Flash播放器,并对任何支持它的浏览器使用 HTML5音频标签 。最终,所有浏览器都支持HTML5,您将能够终止Flash音频播放器。

HTML5音频标签上有一个很棒的文档,以及如何在这里使用它, http://html5doctor.com/native-audio-in-the-browser/ 。它似乎非常容易使用。

它看起来像Safari 4,Chrome 3都支持标签和mp3格式。 Opera和FF 3.5支持WAV格式。

8
Ben Hoffman

我相信这个解决方案更符合您的要求:

创建一个M3U播放列表文件,该文件指向MP3的URL,将M3U上传到您的服务器,然后在您的页面上创建指向M3U文件的链接。

当访问者点击M3U文件的链接时,将下载(微小的)M3U文件,他或她可以选择在他或她选择的媒体播放器中打开它(即机器上已经安装的任何东西 - 不需要无论如何)。

一旦打开,MP3将开始流式传输。

1
danlefree