📜  HTML | DOM 音频可搜索属性(1)

📅  最后修改于: 2023-12-03 15:15:38.250000             🧑  作者: Mango

HTML | DOM 音频可搜索属性

HTML5提供了内置的音频播放器,使得我们可以在网页中嵌入音频和视频。在使用音频标签时,有一些可搜索属性可以使用。

可搜索属性

以下是HTML音频标签中可搜索的属性:

autoplay

这个属性如果被设置为true,那么音频将会自动播放。这个属性在移动设备上会被忽略。可以使用以下代码来设置autoplay:

<audio autoplay>
    <source src="test.mp3" type="audio/mpeg">
</audio>
controls

这个属性如果被设置为true,那么控制播放的界面将会显示。可以使用以下代码来设置controls:

<audio controls>
    <source src="test.mp3" type="audio/mpeg">
</audio>
loop

这个属性如果被设置为true,那么音频将会循环播放。可以使用以下代码来设置loop:

<audio loop>
    <source src="test.mp3" type="audio/mpeg">
</audio>
preload

这个属性定义了浏览器是否应该预先加载音频。可以使用以下代码来设置preload:

<audio preload="auto">
    <source src="test.mp3" type="audio/mpeg">
</audio>

其中,preload属性有以下值可以使用:

  • auto:浏览器应该预加载整个音频。
  • metadata:浏览器应该预加载音频的元数据(比如,长度、收录日期等)。
  • none:浏览器不应该预加载音频。
src

这个属性指定要播放的音频的URL。可以使用以下代码来设置src:

<audio src="test.mp3" type="audio/mpeg">
</audio>
总结

以上是HTML音频标签中可搜索的属性。它们可以让我们更好地控制音频的播放行为,为我们的网页添加声音效果。