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


9

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

是否存在更好的面向未来的,且向后兼容的方式,以便在页面上包含mp3音频片段,而不会强迫用户使用Flash,也不会强迫他们首先下载mp3或完全离开页面?

Answers:


6

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

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


SoundManager看起来不错!并且实际上并入了已经接受的使用答案<audio>。很棒的东西,欢迎来到Pro网站管理员!
artlung

8

最好的选择是继续对所有支持该功能的浏览器使用Flash Player并使用HTML5音频标签。最终,所有浏览器都将支持HTML5,您将可以杀死Flash音频播放器。

有关HTML5音频标签及其使用方法的详细文档,请参见http://html5doctor.com/native-audio-in-the-browser/。它似乎非常易于使用。

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


2
另外,Opera和FF支持ogg vorbis,这可能比MP3更好。
luiscubal

@luiscubal-是的。如果忘记提及这一点。谢谢!
本·霍夫曼

1
如果您喜欢jQuery,则可能需要看看jPlayer。它使用HTML5,但在需要时返回Flash:happyworm.com/jquery/jplayer
deizel 2010年

我实际上的意思是“比WAV更好的赌注”,但我想它也可能适用于MP3。
luiscubal

1

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

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

访客单击指向M3U文件的链接时,将下载(微型)M3U文件,并且他或她可以选择在自己选择的媒体播放器中打开该文件(即,计算机上已安装的任何文件-不需要适用于Flash)。

打开后,MP3将开始流式传输。


这是一种标准文件类型,但不认为会在外部播放器中强制打开吗?我希望将用户留在我的页面上,并使用现有的浏览器资源作为播放器。仅仅链接到mp3,这听起来就像是同样的问题,有时(通常是?)使用户退出浏览器。
artlung

的确,下载完成后,该操作将使用系统上的首选应用程序打开M3U文件-如果我误解了您的要求,RE:离开页面,我们感到抱歉。对于您的问题,可接受的答案仍然是最好的选择(除非该站点的用户统计信息另有说明,否则我敢打赌这将足以满足该站点的需求)。
danlefree,2010年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.