您可以使用很多东西。
<audio>
标签:用法:
<audio controls>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
type='audio/mp4'>
<!-- The next two lines are only executed if the browser doesn't support MP4 files -->
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
type='audio/ogg; codecs=vorbis'>
<!-- The next line will only be executed if the browser doesn't support the <audio> tag-->
<p>Your user agent does not support the HTML5 Audio element.</p>
</audio>
或者,如果你想支持旧版本浏览器,可以使用许多免费的音频Flash播放器。比如:
注意:我不确定哪些才是最好的,因为我从未使用过其中之一(至今)。
更新:如另一个答案的评论中所提到的,您正在使用XHTML 1.0 Transitional。您可能能够通过一些技巧使<audio>
工作。
更新 2:我刚想起另一种播放音频的方法。这个将会在XHTML中工作!!!这是完全符合标准的。
您可以使用下面的JavaScript代码:
var aud = document.createElement("iframe");
aud.setAttribute('src', "http://yoursite.com/youraudio.mp4"); // replace with actual file path
aud.setAttribute('width', '1px');
aud.setAttribute('height', '1px');
aud.setAttribute('scrolling', 'no');
aud.style.border = "0px";
document.body.appendChild(aud);
更新 3:若要自定义控件,请使用类似这样的方法。
无疑,HTML5元素是最好的选择。几乎所有浏览器的最新版本都至少对其进行了基本支持:
http://caniuse.com/#feat=audio
当浏览器不支持该元素时,它允许指定要执行的操作。例如,您可以通过以下方式添加一个文件链接:
<audio controls src="intro.mp3">
<a href="intro.mp3">Introduction to HTML5 (10:12) - MP3 - 3.2MB</a>
</audio>
这里有一个解决方案,可以使用有效的xHTML和非侵入式JavaScript来制作可访问的音频播放器,感谢W3C Web Audio API:
该怎么做:
首先,我们检查浏览器是否实现了Web Audio API:
if (typeof Audio === 'undefined') {
// abort
}
然后我们实例化一个Audio
对象:
var player = new Audio('mysong.ogg');
然后我们可以检查浏览器是否能够解码此类型的文件:
if(!player.canPlayType('audio/ogg')) {
// abort
}
或者即使它可以播放编解码器:
if(!player.canPlayType('audio/ogg; codecs="vorbis"')) {
// abort
}
然后我们可以使用player.play()
,player.pause()
;
我做了一个小的JQuery插件,我称之为nanodio来测试它。
您可以在我的演示页面上检查它的工作方式(抱歉,但文本是法语:p)
只需单击链接播放,再次单击暂停。如果浏览器可以本地读取它,它将会播放。如果不能,则应下载文件。
这只是一个小例子,但您可以改进它以使用页面中的任何元素作为控制按钮或使用javascript动态生成按钮...无论您想要什么。
<html>
<head>
<H1>
Automatically play music files on your website when a page loads
</H1>
</head>
<body>
<embed src="YourMusic.mp3" autostart="true" loop="true" width="2" height="0">
</embed>
</body>
</html>
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<embed height="50" width="100" src="horse.mp3">
</audio>
<audio>
元素。
audio
元素用于在HTML或XHTML文档中嵌入声音内容。音频元素是作为HTML5的一部分添加的。
更新:
为了在 HTML 5 之前的版本(包括 XHTML)中在浏览器中播放音频,您需要使用众多的 Flash 音频播放器之一。