html5_音频播放

男娘i 2022-05-25 05:08 294阅读 0赞

1. 音频播放

<table> 
 <tbody> 
 <tr> 
 <td style="background:rgb(213,213,213);">属性</td> 
 <td style="background:rgb(213,213,213);">值</td> 
 <td style="background:rgb(213,213,213);">描述</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_audio_autoplay.asp" title="HTML5 <audio> autoplay 属性" rel="nofollow">autoplay</a></td> 
 <td style="background:rgb(239,239,239);">autoplay</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则音频在就绪后马上播放。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_audio_controls.asp" title="HTML5 <audio> controls 属性" rel="nofollow">controls</a></td> 
 <td style="background:rgb(239,239,239);">controls</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则向用户显示控件，比如播放按钮。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_audio_loop.asp" title="HTML5 <audio> loop 属性" rel="nofollow">loop</a></td> 
 <td style="background:rgb(239,239,239);">loop</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则每当音频结束时重新开始播放。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_audio_preload.asp" title="HTML5 <audio> preload 属性" rel="nofollow">preload</a></td> 
 <td style="background:rgb(239,239,239);">preload</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_audio_src.asp" title="HTML5 <audio> src 属性" rel="nofollow">src</a></td> 
 <td style="background:rgb(239,239,239);">url</td> 
 <td style="background:rgb(239,239,239);">要播放的音频的 URL。</td> 
 </tr> 
 </tbody> 
</table>

![20180508160112715][]

[20180508160112715]: /images/20220525/c73d59f774b34d13a804563a01bc383a.png