一、HTML5 多媒体标签
----
传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要 使用 Flash 浏览器插件才能实现 ;
在 HTML5 中 , 使用 多媒体标签 , 即可实现向浏览器中插入音视频...:
src 属性 : 设置 url 值 , 要播放的音频路径 ;
autoplay 属性 : 值为 autoplay , 表示音频文件加载就绪后 , 马上播放 ;
Chrome 浏览器不能自动播放...;
IE 等其它浏览器可以自动播放 ;
controls 属性 : 值为 controls , 在网页中显示操作控件 , 如 : 播放 / 暂停 / 停止 / 进度条 / 音量控制 等按钮 ;...( 插入 mp3 / ogg 两种格式的音频 )
----
浏览器加载页面 , 发现 audio 标签 , 读取该 audio 标签 , 发现
第一个 source 字标签 配置 mp3 音频文件 ;...如果不支持 wav 格式 , 则继续读取下一行 , 显示提示信息 ;
如果浏览器的版本太低 , 如 IE 6 / 7 / 8 , 则显示 很抱歉 , 当前浏览器不支持现有音频格式 ~ ;
代码示例 :