1. 问题
1.1. 在html中播放音频并不容易!
1.2. 您需要谙熟大量技巧, 以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。
2. 使用<object>标签播放MP3
2.1. 使用<ojbect>标签能够显示嵌入网页中的MP3文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>使用object播放mp3</title>
<meta charset="utf-8" />
</head>
<body>
<object height="100px" width="100px" data="song.mp3"></object>
</body>
</html>
2.2.问题:
2.2.1.不同的浏览器对音频格式的支持也不同(IE播放ogg有问题)。
2.2.2.如果浏览器不支持该文件格式, 没有插件的话就无法播放该音频。
2.2.3.如果用户的计算机未安装插件, 无法播放音频。
2.2.4.如果把该文件转换为其他格式, 仍然无法在所有浏览器中播放。
2.2.5.使用html5播放音乐, 解决以上问题。
3. 使用超链接
3.1. 如果网页包含指向媒体文件的超链接, 大多数浏览器会使用"辅助应用程序"来播放文件。
3.2. 以下代码片段显示指向mp3文件的链接。如果用户点击该链接, 浏览器会启动"辅助应用程序"来播放该文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>超链接播放音乐</title>
<meta charset="utf-8" />
</head>
<body>
<a href="song.mp3">点击这里, 播放音乐</a>
</body>
</html>