前端入门学习笔记(九)HTML5入门(三)网页的audio,video标签

HTML5 audio标签

HTML5 规定了在网页上嵌入音频元素的标准,即使用

网易云所提供的外链播放器代码及其效果


这里写图片描述

需要注意的是,IE8以及更早的IE版本不支持

如何使用audio元素


  • 加了controls后,才会有能够控制音频的播放的空间,否则将无法对音频进行播放、暂停等操作。
  • 规定了多媒体资源, 可以是多个,在
  • src里面的是你的音频文件的地址,type即MIME Type,可理解为解析该音频文件的方法。
  • “您的浏览器不支持 audio 元素。”这段文字,在

这里写图片描述 此为有controls
这里写图片描述 此为无controls

以下是音频格式以及其所对应的解析方法

音频格式(format) 解析方法(MIME Type)
MP3 audio/mepg
Ogg audio/Ogg
Wav audio/waw
如果大家有看W3C的官方手册,官方的使用方法为

这样的写法仍旧只会播放一个音频文件,但为什么要写入两种音频格式呢?因为不同的浏览器他所能够支持的音频文件各不相同,并非能够支持

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ NO YES YES
Safari 5+ YES YES NO
Opera 10+ NO YES YES
为了使支持

你可能感兴趣的:(#,HTML5,HTML,HMLT5,HTML5入门,HTML学习,前端)