html5 audio的文法以及屬性和方法

來源:互聯網
上載者:User

標籤:play   迴圈   mp3   auto   屬性   load   移動   設定   control   

使用文法
<audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">親 您的瀏覽器不支援html5的audio標籤</audio>
屬性
src  是歌曲的路徑
controls  播放控制 如果給標籤裡寫了 controls="controls" 那麼網頁會顯示audio內建的播放控制項,如果沒寫就不會顯示.
loop 歌曲迴圈 在標籤裡添加該屬性歌曲迴圈 如果你的歌曲是從後台調取的的 也可以在ajax裡設定 loop=true/false來控制;
autoplay 當歌曲載入後自動播放,但是只有pc端可以實現 移動端不行(pc端的瀏覽器要比移動端的完善很多,對有些屬性支援也會好很多)
以上是標籤內的屬性 當然也可以作為對象屬性來調取控制auido.*

audio不單單是個標籤 他也是window下的一個對象,對象就有屬性和方法,作為對象他有哪些常用的方法呢
對象屬性:
currentTime 擷取當前播放時間
duration 擷取歌曲的總時間
play 是否在播放 返回true/false
pause 是否暫停 返回true/false
對象方法:
play() 播放歌曲
pause() 暫停歌曲
load()重新載入歌曲

html5 audio的文法以及屬性和方法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.