Web 上的音频
直到现在,仍然不存在一项旨在网页上播放音频的标准。
今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
音频格式
当前,audio 元素支持三种音频格式:
如何工作
如需在 HTML5 中播放音频,您所有需要的是:
引用
<audio src="song.ogg" controls="controls">
</audio>
control 属性供添加播放、暂停和音量控件。
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的:
引用
<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 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>
Internet Explorer
Internet Explorer 8 不支持 audio 元素。在 IE 9 中,将提供对 audio 元素的支持。
<audio> 标签的属性
引用:http://www.3wschool.com.cn/
- 大小: 13.3 KB
- 大小: 25.1 KB
- 大小: 38.1 KB
分享到:
相关推荐
音频转码工具(用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放).zip 音频转码工具(用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放).zip 音频转码...
主要是用来转化各种音频格式的... 内含发布到服务器无法转换音频的参考博客地址. Alvas.Audio allows C# and VB.Net developers to create applications that play...Alvas.Audio can convert audio and record audio.
主要是用来转化各种音频格式的... Alvas.Audio allows C# and VB.Net developers to create applications that play, record, edit and convert sound....Alvas.Audio can convert audio and record audio.
HTML5新增加的audio和video标签让我们增加了很多惊喜,可以让我们更方便的在网页中播放音频和视频。但目前很多浏览器不支持,无法在旧版的IE浏览器中使用。html5media.min.js却是一个能让这两个标签在各种新旧版IE...
Alvas.Audio.DLL音频转换,实现比较偏门的Wav转换Vox格式
用audio标签实现播放音频文件,其中音频文件的后缀包括amrnb,mp3,wav。由于对音频文件个格式有的不支持,有的会进行一下转换。
最专业权威的音频信号定义和测试手段:音频测量手册.Audio.Measurement.Handbook-Part3-4
RTP: Audio and Video for the Internet By Colin Perkins Publisher : Addison Wesley Pub Date : June 12, 2003 ISBN : 0-672-32249-8 Pages : 432 The Real-time Transport Protocol (RTP) provides ...
预览地址:https://blog.csdn.net/qq_42312466/article/details/125218038 功能: 1、可以拖拽进行定位进度、也可能点击进行定位进度 2、拥有倍速效果 3、一键恢复 完整组件 传入src即可
java sun.audio包,里面包含大部分音频操作的类,给需要的朋友
html5 音乐播放器 audio 标签使用概述.docxhtml5 音乐播放器 audio 标签使用概述.docx
标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: 复制代码代码...
ios中audio不能直接通过audio.play()播放,需要用户在click事件或者touch事件中执行audio.play()才能播放。 ajax回调中audio.play()音乐不能正常播放。 用户点击按钮,等服务器返回数据后再播放相应的成功或失败的...
Web-前端html+css从入门到精通 119. video标签与audio标签.zip
最专业权威的音频信号定义和测试手段:音频测量手册.Audio.Measurement.Handbook-Part1-4
单元一 HTML5基础知识端基础前WebHTML5多媒体标签1常用多媒体格式2播放音频audio播放视频video34其他多媒体标签1常用多媒体格式音频格式1、WAV 微软和IBM共同开发的PC标准声音格式,文件后缀名.wav。2、MP3 MP3是一...
HTML5中的audio标签概述.pdf 学习资料 复习资料 教学资源
实现wav格式的音频录制: 开始录制: AudioUtil audio = AudioUtil.getInstance() audio.startRecord(name , int) audio.recordData(); 结束录制: audio.stoprecord(); audio.converWaveFile(name);
该资源免费,大家新年快乐。