
地 址:上海市宝山66号
网址:dsesh.com
邮 箱:20780227@qq.com
在HTML中,何设我们可以(yi)使用<audio>标签来嵌入音频文(wen)件。置音<audio>标签有一些属性(xing),频插可(ke)以用来控制音频的性值播放,以下是何设一些常(chang)用的<audio>标签属性:(图片来源网络,侵删)
1、置音src:这个属性用(yong)于指(zhi)定音频文件的频插URL,这是性值必需的属性。

2、何设controls="":这个属性用于显示音频控制器,置音包括播放/暂停按钮、频插音量控制等,性值如果设置了(le)这(zhe)个属性,何设浏览器会显示默认(ren)的置音音(yin)频控制器。

3、频插autoplay="":这(zhe)个属性用于在页面(mian)加载时自动播放音(yin)频,如果(guo)设置了这(zhe)个属性(xing),音频会(hui)在页面加载后立即开始播放。

4、loop:这个属性用于设置音频是否循环播放,如果设置了这个属性,音频会在播放结束后重新开始播放。
5、preload:这个属性用(yong)于设置音频的(de)预加载策略,可能的值有none、metadata和auto。none表示不预加载音频,metadata表(biao)示(shi)只预加(jia)载音频的(de)元数据(例如长度和格式(shi)),auto表示根据浏览器的能力自动选择预加载策略。
6、muted:这个属性用于设置音频是否静音,如果设置了这个属性(xing),音频将不会播放声音。
7、volume:这(zhe)个属性用于设置音(yin)频的音量,它的值应该在0.0(静音)和1.0(最(zui)大音量(liang))之间。
8、buffered:这个属性是(shi)一个TimeRanges对象,表示已经缓冲的音频时间范围。
9、currentTime:这个属性表示当前播放位(wei)置的时间(jian)(以秒为单位)。
10、duration:这(zhe)个(ge)属性表示音频的总时(shi)长(以秒为单位)。
以下是一个使用(yong)这些属性的例子:
<audio controls autoplay="" loop="loop" muted='muted'> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
在这个例子中,我们创建了(le)一个自动播放、循环播放、静音的音频播放器,音频文件是"horse.mp3",如果浏览器不支持<audio>标签,会显示一条消息。
注意,不是所有的浏览器都支持所有的<audio>标签属性,在使用这(zhe)些属性之(zhi)前,最好(hao)先检查你的浏览器支持(chi)哪些属性,你可以(yi)在网上找到很多关于HTML5音频属性兼容性的信息。
还有(you)一些其他的<audio>标签事件(jian),如onplay、onpause、onended等,可以(yi)用来监听音频的播放状态,你可以使用onplay事件来显示一个消息,告诉用(yong)户音频已经开始播放了:
<audio controls="" autoplay='autoplay' loop muted onplay="showMessage()"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio><script>function showMessage() { alert('Audio is playing');}</script>