爱程序网

HTML5音频:嵌入简单的声音提示技巧

来源: 阅读:

了解如何使用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 没有

详细说明:http://html5.662p.com/thread-10-1-1.html

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助