linux打开h5⽂件，简单介绍HTML5中audio标签的使⽤
这篇⽂章主要介绍了HTML5中audio标签的使⽤，在各浏览器中添加⾳频播放控件，需要的朋友可以参考下
在HTML5标准⽹页⾥⾯，我们可以运⽤audio标签来完成我们对声⾳的调⽤及播放。以下是最经常见到的运⽤HTML5三种基本格式：
1.最少的代码
复制代码代码如下:
2.带有不兼容提醒的代码
复制代码代码如下:
Your browser does not support the audio tag.
3.尽量兼容浏览器的写法
复制代码代码如下:
Your browser does not support the audio tag.
浏览器和⾳频兼容性
浏览器制造商并⾮都同意使⽤某种⾳频⽂件格式。对于图像，PNG、JPEG 或 GIF 格式的⽂件在任何浏览器上都能加载到您的⽹页⾥。遗憾的是，⾳频⽂件并⾮如此。表 1 展⽰了⽹页中可以使⽤的⾳频⽂件格式，但是并⾮所有格式都能⽤于所有浏览器。例如，Chrome、Internet Explorer 9 (IE9) 和 Safari 浏览器不⽀持 WAV ⽂件，这是⼀种使⽤⾮压缩格式且正在衰败的标准。
HTML5浏览器和⾳频格式兼容性
没有⼀种通⽤的⽂件格式让每个浏览器都使⽤单个⽂件格式意味着⾄少有 2/5 的浏览器⽆法播放某些声⾳。这不是⽆法在单⼀⾳频标准中达成⼀致的浏览器制造商不妥协的问题，⽽是涉及专利权和特许权使⽤费的法律和财务问题。不受软件专利限制的 OGG 格式旨在⼀劳永逸地解决这个问题。然⽽，在撰写本⽂时，Opera 和 Safari 都不⽀持 OGG。与 OGG 格式的⽂件相⽐，可⽤的 WAV 和 MP3 ⽂
件数量要更多，因此毫⽆疑问，浏览器制造商考虑到了这⼀点。MP3 作为事实的标准是个很好的解决⽅案。
解决⽅案：使⽤三种⽂件类型和标签
鉴于⽬前的状况，您可能认为⽬前还不是在 HTML5 页⾯上使⽤⾳频的黄⾦时刻。在某些⽅⾯可能的确如此，但是 HTML5 提供了⼀个解决⽅案，使您喜欢的浏览器能够到⼀种兼容的格式。
与 标签结合使⽤时， 标签可以嵌套在 容器内。假设您是⼀个⽡格纳迷，想在 HTML5 ⽹页上听他的歌剧 Ride of the Valkyries(《⼥武神》)。⾸先，您需要获得三种⽂件类型的⾳乐，即 OGG、MP3 和 WAV。将这些⾳乐⽂件与 HTML5 ⽂件放在同⼀个⽂件夹内。然后，将每个⽂件名放在单独的 标签⾥，并且⾳频容器中的所有源标签都由 构成，如下所⽰。
复制代码代码如下:
⽆论访问者使⽤什么浏览器，它都将⾃动选择所读取的第⼀个⽂件类型，并为您播放声⾳。
浏览器⾳频控件：没有两个是完全相同的
⼀旦您决定要在⽹站上提供⾳频，将⾯临⼀个有趣的设计选择。每个浏览器都有与众不同的外观，看起来像是有意识地故意使其与众不同。
除了 Chrome 浏览器外，所有浏览器都有开始/暂停控件、进度条、滑块、播放秒数、⾳量/静⾳控件，还显⽰声⾳⽂件的总秒数。使⽤HTML5 标准和浏览器⽀持，开发⼈员可以相信⽤户将拥有与 HTML5 ⾳频类似的体验，因为浏览器控件是类似的。您还可以使⽤ Flash 和 Silverlight 等插件创建控件，但是对于不同的⽤户，体验可能会有所不同。html中的5种空格表示
某些浏览器(如 IE9)甚⾄有⾃⼰的声⾳控制条，在浏览器本⾝之外运⾏。⽤户打开有声⾳的任何⽹站时，他们可以从 Windows 任务栏控制声⾳，并能够预览当前正在播放的声⾳。
html代码 (隐藏播放控件)
复制代码代码如下:
代码演⽰ (隐藏播放控件)
复制代码代码如下:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。