audio标签_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:47:46
Original
1349 Leute haben es durchsucht

audio

HTML5中的新元素标签audio是被大家等待已久的,它有原生支持音频播放的功能,而不需要浏览器安装额外的扩展;目前支持audio元素的浏览器主要有Safari 4,Firefox 3.5和Chrome 3。

audio元素标签的一些常用属性:

src:音频文件路径。
autobuffer:设置是否在页面加载时自动缓冲音频。
autoplay:设置音频是否自动播放。
loop:设置音频是否要循环播放。
controls:设置是否显示播放控制面板。
可以看到这些属性和video元素标签的属性很类似。下面我们来看一个代码范例:

<audio src="elvis.ogg" controls autobuffer></audio>
Nach dem Login kopieren

这段代码可以在Firefox 3.5和Chrome 3中正常工作,对于Safari 4来说要使用ogg格式的音频文件替换掉mp3文件。不过,鉴于W3C的HTML5定义规范并没有最终完成,这些格式限制也许在将来会有所变化。

根据定义规范,以下几种API方法是可以使用的:

play():播放音频
pause():暂停播放
canPlayType():命令浏览器判断当前音频文件是否可以被播放
buffered():设定文件需要缓冲部分的开始与结束时间点。
另外,我们可以使用source元素标签来配合audio;source用来指定多个音频文件,如果当前浏览器不支持第一个文件,那么audio会自动尝试播放下面一个source中指定的文件;我们还可以在它们后面加上目前常规的embed代码来加载Flash播放器,作为后备方案;范例如下:

<audio controls autobuffer><source src="elvis.ogg" /><source src="elvis.mp3" /><!-- now include flash fall back --></audio>
Nach dem Login kopieren

HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output

HTML audio 标签

那些年的 web audio

初探音频上下文与音频节点

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!