在HTML中解决音频播放最好的方式
2016-05-07 17:33
387 查看
学习w3cschool一些总结:传送门->w3cschool
运行实例
上面的例子使用了两个不同的音频格式。HTML5 < audio > 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 < embed > 元素。
问题:
您必须把音频转换为不同的格式。
< audio > 元素无法通过 HTML 4 和 XHTML 验证。
< embed > 元素无法通过 HTML 4 和 XHTML 验证。
< embed > 元素无法回退来显示错误消息。
使用雅虎媒体播放器是一个不同的途径。您只需简单地让雅虎来完成歌曲播放的工作就好了。
它能播放 mp3 以及一系列其他格式。通过一行简单的代码,您就可以把它添加到网页中,轻松地将 HTML 页面转变为专业的播放列表。
运行一下
使用雅虎播放器是免费的。如需使用它,您需要把所需 JavaScript 插入网页底部即可。
1. 方法一
<audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio>
运行实例
上面的例子使用了两个不同的音频格式。HTML5 < audio > 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 < embed > 元素。
问题:
您必须把音频转换为不同的格式。
< audio > 元素无法通过 HTML 4 和 XHTML 验证。
< embed > 元素无法通过 HTML 4 和 XHTML 验证。
< embed > 元素无法回退来显示错误消息。
2. 方法二
使用雅虎播放器使用雅虎媒体播放器是一个不同的途径。您只需简单地让雅虎来完成歌曲播放的工作就好了。
它能播放 mp3 以及一系列其他格式。通过一行简单的代码,您就可以把它添加到网页中,轻松地将 HTML 页面转变为专业的播放列表。
<a href="song.mp3">Play Sound</a> <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
运行一下
使用雅虎播放器是免费的。如需使用它,您需要把所需 JavaScript 插入网页底部即可。
相关文章推荐
- HTML回车换行导致空格
- <html>文档类型
- <html>framest(框架)
- MVC Html.AntiForgeryToken() 防止CSRF攻击
- HTML的title属性
- idea更改新建文件模板和注释
- html基础知识
- html复习第五天 表单输入
- HTML
- Html属性
- html元素
- 复杂的HTML解析 003
- HTML页面跳转的5种方法
- 木化html
- 使用Pandoc命令将Markdown格式文件转换为HTML格式文件
- HTML addEventListener() 方法和attachEvent()区别分析
- 使用Visual Studio Code打开浏览器查看HTML文件
- docx转成html
- HTML的渲染过程
- <html>form(表单)