074_html5音频

1. html5提供了播放音频的标准。

2. Web上的音频

2.1. 直到现在, 仍然不存在一项旨在网页上播放音频的标准。

2.2. 今天, 大多数音频是通过插件(比如 Flash)来播放的。然而, 并非所有浏览器都拥有同样的插件。

2.3. html5规定了一种通过audio元素来包含音频的标准方法。

2.4. audio元素能够播放声音文件或者音频流。

3. 音频格式

3.1. 当前, audio元素支持三种音频格式:

4. <audio>标签的属性

5. 如何工作

5.1. 如需在html5中播放音频, 您所有需要的是:

<audio src="song.ogg" controls="controls"></audio>

5.2. control属性供添加播放、暂停和音量控件。

5.3. <audio>与</audio>之间插入的内容是供不支持audio元素的浏览器显示的:

<audio src="song.ogg" controls="controls">Your browser does not support the audio tag.
</audio>

5.4. 上面的例子使用一个Ogg文件, 适用于Firefox、Chrome浏览器。要确保适用于Safari浏览器, 音频文件必须是MP3或Wav类型。audio元素允许多个source元素。source元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式:

<audio controls="controls"><source src="song.ogg" type="audio/ogg" /><source src="song.mp3" type="audio/mpeg" />Your browser does not support the audio tag.
</audio>

6. 例子

6.1. 代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>html音频</title></head><body><audio controls="controls"><source src="song.ogg" type="audio/ogg" /><source src="song.mp3" type="audio/mpeg" />Your browser does not support the audio element.</audio></body>
</html>

6.2. 效果图

074_html5音频相关推荐

音频编解码器以50%的功耗提供两倍的音频质量
音频编解码器以50%的功耗提供两倍的音频质量 Audio codecs deliver twice the audio quality at 50% less power Dialog的DA740x音 ...
新十年嵌入式音频的五大趋势
新十年嵌入式音频的五大趋势 Five embedded audio trends for the new decade 很难相信正在进入一个新的十年.十年前,像Alexa这样的语音技术甚至还没有成为现 ...
人工智能在音频链中找到自己的声音
人工智能在音频链中找到自己的声音 AI finds its voice in audio chain 硅基silicon-based麦克风的出现重塑了音频领域.但在未来几年,市场研究公司Yole Dé ...
处理器嵌入室内校正数字音频平台
处理器嵌入室内校正数字音频平台 Processors to embed room correction digital audio platform 家庭影院的目的是给家带来一种影院般的体验.对于发烧 ...
用matlab怎么画视电阻率拟断面图,在MATLAB平台上实现可控源音频大地电磁反演数据三维可视化显示...
第29卷增刊物探化探计算技术 2007年10月收稿日期6文章编号:1001-1749(2007)增刊(1)-0068-04 在MAT LAB 平台上实现可控源音频大地电磁反演数据三维可视化显示 ...
FFmpeg学习4：音频格式转换
前段时间,在学习试用FFmpeg播放音频的时候总是有杂音,网上的很多教程是基于之前版本的FFmpeg的,而新的FFmepg3中audio增加了平面(planar)格式,而SDL播放音频是不支持平面格式 ...
au加载默认的输入和输出设备失败_Mac OS X的音频输入输出时如何调整音量
本次为大家介绍一款音频管理软件,AudioSwitcher for Mac是一款位于菜单栏的音源设备管理工具.利用这款软件能够帮大家设定音频输入设备和音频输出设备,从而帮助大家迅速调整输入设备的音量以 ...
嵌入式linux alsa,嵌入式Linux下ALSA音频架构ALSA-lib移植与编译心得
**************************************************************************************************** ...
python计算wav的语谱图_Python实现电脑录音（含音频基础知识讲解）
前言今天开始进入近期系列文章的第一篇,如何用 Python 来实现录音功能. 在开始"造轮子"之前,个人一直强调一个观点,如果有些东西已经有了,不妨直接去 github 上搜,用 ...

074_html5音频

074_html5音频相关推荐

最新文章

热门文章