支持实现HTML5音频：嵌入简单的声音提示技巧
浏览数：18 /
时间：2015年06月09日
了解如何使用HTML音频元素嵌入在网页中的声音容易。在本教程中都包含大量的代码示例。
截至目前，在Web浏览器中的音频播放一直是位一个黑色的艺术。传统上，有几种方法可以嵌入在网页中的声音 -一些比别人更好的工作，和许多人只工作，如果你碰巧使用正确的浏览器，用正确的插件。
无处不在的Flash插件已经在很大程度上帮助，因为Flash可以很容易地嵌入音频的方式，与大多数浏览器。然而，这并不能帮助iPhone和iPad不支持Flash的浏览器，如Safari。
总之，这是一个有点乱。
幸运的是，HTML5看起来使生活更容易为我们的开发人员，由于其音频元素。这个元素可以让你在网页中嵌入音频文件，以及控制播放的声音使用JavaScript。更重要的是，它并不需要任何插件工作，并支持几乎所有现代的Web浏览器。（我们会回来的浏览器支持！）
在本教程中，我将向您展示如何在一个页面中的音频元素嵌入声音。我们也来看看如何触发和停止通过JavaScript的音频，以及如何确保我们的音频可以播放许多Web浏览器可能。
HTML5 音频元素
基本的音频元素是很容易使用。由于这是本赛季是快乐的-和欧洲超过其公平份额的雪-让我们的嵌入短的MP3片段的平克劳斯贝的“白色圣诞”
<audio src="WhiteChristmas.mp3"> </audio> //www.heatpress123.net
没有太多的解释，需要在这里！，就像<IMG>标签可以让你在一个页面中包括一个图像文件，<AUDIO>标签包括一个音频文件。
跨浏览器支持
虽然简单，但是上面的例子中，它在许多浏览器将无法正常工作。这是音频文件格式热转印机器。
有些浏览器可以播放MP3文件，但不OGG文件，而其他浏览器可以播放OGG格式的文件，但没有。MP3。大多数浏览器都可以播放WAV文件，WAV文件被解压缩，导致大文件的大小，这是不切实际的短音频片段以外的任何东西。
以下简要介绍了当前的浏览器支持多种音频格式：
| 浏览器 | 。MP3 | 。OGG | 的。wav |
| 火狐4 | 没有 | 是 | 是 |
| Safari 5的 | 是 | 没有 | 是 |
| Chrome 8的 | 是 | 是 | 是 |
| Opera 11 | 没有 | 是 | 是 |
| IE9 | 是 | 没有 | 是 |
您的浏览器支持哪些音频格式。
从表中可以看到，唯一可行的方法，提供跨浏览器支持音频播放服务的浏览器，可以播放MP3文件，和OGG文件到其他。
要做到这一点，你可以添加多个的<source>元素的<AUDIO>元素指定相同的多种格式的声音文件。然后，浏览器会玩的第一个文件，它能够播放。下面是一个例子：
<AUDIO> <source src="WhiteChristmas.mp3"> <source src="WhiteChristmas.ogg"></audio>
当然，这并不意味着你需要创建。MP3和OGG版本的声音文件（如Audacity的工具是方便），但它会给你良好的跨浏览器支持。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
