一、HTML5 多媒体标签
----
传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要 使用 Flash 浏览器插件才能实现 ;
在 HTML5 中 , 使用 多媒体标签 , 即可实现向浏览器中插入音视频...所有的浏览器都可以播放音频 ;
audio 标签常用属性 :
src 属性 : 设置 url 值 , 要播放的音频路径 ;
autoplay 属性 : 值为 autoplay , 表示音频文件加载就绪后..., 马上播放 ;
Chrome 浏览器不能自动播放 ;
IE 等其它浏览器可以自动播放 ;
controls 属性 : 值为 controls , 在网页中显示操作控件 , 如 : 播放 / 暂停...:
点击播放后 , 标签右侧显示播放图标 :
四、音频标签代码示例 ( 插入 mp3 / ogg 两种格式的音频 )
----
浏览器加载页面 , 发现 audio 标签 , 读取该 audio...:
点击播放后 , 标签右侧显示播放图标 :