html5是html5的新标签，用于定义类似音乐和其他音频流的声音。 html
可以将文本内容放置在开始标签和结束标签之间，以便旧浏览器可以显示与该标签不对应的信息。 ide
html 5音频标签支持wav、mp3、ogg、acc、webm等格式，但有重要的音乐文件格式midi (扩展名mid )，但未内置于各大浏览器中。 并非所有浏览器都支持MP3OGG等，每个浏览器的版权问题支持的格式都不同。 用户界面
浏览器和音频兼容性url
浏览器制造商并不赞成使用音频文件格式。 对于图像，任何浏览器都可以将PNG、JPEG或GIF格式的文件加载到网页中。 很遗憾，音频文件不是这样。 表1显示了网页上可用的音频文件格式，但并非所有格式都适用于所有浏览器。 例如，Chrome、internetexplorer9(ie9 )和Safari浏览器不支持WAV文件。 这是一个使用不可压缩格式并逐渐衰落的标准。 spa
HTML5浏览器和音频格式兼容性
音频格式
Chrome
福克斯
IE9
欧培拉
Safari
OGG
支持
支持
支持
不支持
不支持
MP3
支持
不支持
支持
不支持
支持
美国有线电视网
不支持
支持
不支持
支持
不支持
没有通用的文件格式可供每个浏览器使用一种文件格式。 这意味着至少2/5的浏览器无法播放某些声音。 这不是单一音频标准无法达成一致的浏览器制造商不妥协的问题，而是专利权和特许权的法律和财务问题。 不受软件专利限制的OGG格式旨在一次解决这个问题。 但是在写这篇文章的时候，Opera和Safari不支持OGG。 与OGG格式的文件相比，可以使用的WAV和MP3文件更多，浏览器制造商无疑会考虑到这一点。 MP3作为事实的标准是很好的解决方案。
解决方案：使用三种文件类型和标签
考虑到目前的情况，你可能认为现在不是在HTML5页面上使用音频的黄金时代。 从某种意义上说，可能是这样，HTML5提供了一个解决方案，让您的收藏夹浏览器可以找到兼容的格式。
与标签组合使用时，标签可以嵌套在容器内。 假设你是个瓦格纳迷，想在HTML5页面上听他的歌剧rideoftheValkyries(《女武神》 )。 首先，需要获得OGG、MP3、WAV这三种文件类型的音乐。 将这些音乐文件放在与HTML5文件相同的文件夹中。 然后，将每个文件名放在单独的标签中，并配置音频容器中的所有源标签。 请参照以下内容。
无论访问者使用的是哪个浏览器，都会自动选择导入的第一个文件类型并播放声音。
浏览器音频控制：没有两个是完全相同的
如果您决定在网站上提供音频，您可以选择有趣的设计。 每个浏览器都有惊人的外观，看起来故意让人吃惊。 以下图1显示了这些浏览器控件的外观。
图1 :不同浏览器的音频控制
除Chrome浏览器以外的所有浏览器都有开始/暂停控件、进度条、滑块、播放秒数和音量/静音控件，还显示声音文件的总秒数。 使用HTML5标准和浏览器支持，开发人员相信用户会有与HTML5音频相似的体验。 因为浏览器控件很相似。 虽然可以使用Flash和Silverlight等插件来创建控件，但不同的用户可能会有不同的体验。
某些浏览器(如IE9 )有自己的声音栏，在浏览器本身之外工作。 当用户打开包含声音的网站时，可以从Windows任务栏控制声音，也可以预览当前正在播放的声音。
html代码(隐藏播放控件) ) ) ) ) ) )。
代码演示(隐藏播放控件) )。
演示示例：