使用来自URL的JQUERY或HTML5播放声音

时间:2014-08-07 07:03:20

标签: jquery html5 html5-audio

这是我想做的事:
我想显示一个文件名列表(例如:Voice_003.wav),当用户点击文件名时,声音会在浏览器中播放。 (支持不同的音频格式,如m4a,3gpp,wav等。

数据将来自API,它将返回如下内容: http://the.ser.ver:0000/resources/MAC002/Q7/596.3gpp

在我的尝试中,我尝试使用以下代码,但没有成功:

<audio controls="controls">' 
    <source src="http://the.ser.ver:0000/resources/MAC002/Q7/596.3gpp"></source>
</audio>

3 个答案:

答案 0 :(得分:1)

你试过这个吗? http://www.schillmania.com/projects/soundmanager2/ 可能会帮助你。

答案 1 :(得分:1)

音频元素尚不支持所有现有的音频格式。 只支持mp3,wav和ogg以及更多功能,具体取决于浏览器。

此外,您可以尝试在source元素中添加type属性。

<audio controls="controls">
    <source src="http://the.ser.ver:0000/resources/MAC002/Q7/yourfile.ogg" type="audio/ogg"></source>
</audio>

答案 2 :(得分:0)

就像另一个答案所解释的那样,HTML5音频元素只支持mp3,wav和ogg。这种方法的另一个问题是并非所有浏览器都支持所有文件类型。

如果您打算使用html5音频元素,最好的方法是提供足够格式的音轨,以支持大多数观众。一个可以为你做这件事的快速而免费的工具是ffmpeg。

请参阅此处:http://www.w3schools.com/tags/tag_audio.asp了解详情。

作为旁注,支持音频标签的所有浏览器通常都可以找出&#34;类型&#34;属于你,尽管包含它并不会有什么坏处。

要解决您的评论/问题,还有其他一些方法可以播放音频文件。一个流行的选择是闪光灯。这通常在使用html5音频元素时用作后备,因为仍然有旧版浏览器的用户不支持它。在我看来,你应该将你的音频文件转换为更兼容的类型,如mp3。然后使用html5音频播放器播放它,如果浏览器不支持html5音频播放mp3,你可以使用flash后备播放mp3。这是一个很好的参考:http://matt.coneybeare.me/getting-html5-audio-tag-and-flash-fallback-to/

祝你好运。