“HTML音频”的版本间差异
本页内容
(创建页面,内容为“要在 HTML 中播放音频文件,请使用以下''' <nowiki><audio></nowiki> '''元素: <sample title="" hererun="s" desc="" > <audio controls> <source src="/third/demo/sample.mav" type="audio/wav "> <source src="/third/demo/sample.ogg" type="audio/ogg"> 您的浏览器不支持音频元素。 </audio> </sample>”) |
无编辑摘要 |
||
(未显示同一用户的1个中间版本) | |||
第1行: | 第1行: | ||
[[Category:HTML教程|51]] | |||
要在 HTML 中播放音频文件,请使用以下''' <nowiki><audio></nowiki> '''元素: | 要在 HTML 中播放音频文件,请使用以下''' <nowiki><audio></nowiki> '''元素: | ||
<sample title="" hererun="s" desc="" > | |||
<audio controls> | |||
<source src="/third/demo/sample.mav" type="audio/wav"> | |||
<source src="/third/demo/sample.ogg" type="audio/ogg"> | |||
您的浏览器不支持音频元素。 | |||
</audio> | |||
</sample> | |||
''' <nowiki>controls</nowiki> '''属性添加了音频控件,例如播放、暂停和音量。 | |||
''' <nowiki><source></nowiki> '''元素允许您指定浏览器可以选择的替代音频文件。浏览器将使用第一个识别的格式。 | |||
''' <nowiki><audio></nowiki> '''和标签之间的文本''' <nowiki></audio></nowiki> '''只会在不支持该''' <nowiki><audio></nowiki> '''元素的浏览器中显示。 | |||
== 自动播放 == | |||
要自动启动音频文件,请使用以下''' <nowiki>autoplay</nowiki> '''属性: | |||
<sample title="" hererun="s" desc="" > | <sample title="" hererun="s" desc="" > | ||
<audio controls | <audio controls autoplay> | ||
<source src="/third/demo/sample.mav" type="audio/wav"> | |||
<source src="/third/demo/sample.ogg" type="audio/ogg"> | <source src="/third/demo/sample.ogg" type="audio/ogg"> | ||
您的浏览器不支持音频元素。 | 您的浏览器不支持音频元素。 | ||
</audio> | </audio> | ||
</sample> | </sample> | ||
<blockquote> | |||
在大多数情况下,Chromium 浏览器不允许自动播放。但是,始终允许静音自动播放。 | |||
</blockquote> | |||
添加''' <nowiki>muted</nowiki> '''after''' <nowiki> autoplay</nowiki> '''让您的音频文件开始自动播放(但静音): | |||
<sample title="" hererun="s" desc="" > | |||
<audio controls autoplay muted> | |||
<source src="horse.ogg" type="audio/ogg"> | |||
<source src="horse.mp3" type="audio/mpeg"> | |||
Your browser does not support the audio element. | |||
</audio> | |||
</sample> | |||
== HTML 音频 - 媒体类型 == | |||
{| class="table hover" | |||
! 文件格式 | |||
! Type | |||
|- | |||
| MP3 | |||
| audio/mpeg | |||
|- | |||
| OGG | |||
| audio/ogg | |||
|- | |||
| WAV | |||
| audio/wav | |||
|} | |||
== HTML 音频 - 方法、属性和事件 == | |||
''' <nowiki><audio></nowiki> '''HTML DOM 定义了元素的方法、属性和事件。 | |||
这允许您加载、播放和暂停音频,以及设置持续时间和音量。 | |||
还有一些 DOM 事件可以在音频开始播放、暂停等时通知您。 |
2022年8月15日 (一) 21:07的最新版本
要在 HTML 中播放音频文件,请使用以下 <audio> 元素:
示例
<audio controls>
<source src="/third/demo/sample.mav" type="audio/wav">
<source src="/third/demo/sample.ogg" type="audio/ogg">
您的浏览器不支持音频元素。
</audio>
controls 属性添加了音频控件,例如播放、暂停和音量。
<source> 元素允许您指定浏览器可以选择的替代音频文件。浏览器将使用第一个识别的格式。
<audio> 和标签之间的文本 </audio> 只会在不支持该 <audio> 元素的浏览器中显示。
自动播放
要自动启动音频文件,请使用以下 autoplay 属性:
示例
<audio controls autoplay>
<source src="/third/demo/sample.mav" type="audio/wav">
<source src="/third/demo/sample.ogg" type="audio/ogg">
您的浏览器不支持音频元素。
</audio>
在大多数情况下,Chromium 浏览器不允许自动播放。但是,始终允许静音自动播放。
添加 muted after autoplay 让您的音频文件开始自动播放(但静音):
示例
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML 音频 - 媒体类型
文件格式 | Type |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
HTML 音频 - 方法、属性和事件
<audio> HTML DOM 定义了元素的方法、属性和事件。
这允许您加载、播放和暂停音频,以及设置持续时间和音量。
还有一些 DOM 事件可以在音频开始播放、暂停等时通知您。