首頁 > web前端 > html教學 > html中

html中

黄舟
發布: 2017-06-19 16:31:23
原創
3592 人瀏覽過

在HTML5標準網頁裡面,我們可以運用audio標籤來完成我們對聲音的呼叫及播放。以下是最常被看到的運用HTML5三種基本格式:

1.最少的程式碼

<audio src="song.ogg" controls="controls"></audio>
登入後複製

2.帶有不相容提醒的程式碼

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
登入後複製

3.盡量相容瀏覽器的寫法

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
登入後複製

 在HTML5 標準出現以前,程式設計師無法想使用標籤一樣,輕鬆的播放音訊檔案。 HTML5為解決這個問題,提供了一個新的標籤

HTML5

html中<audio>標籤的使用

HTML5

#audio 可腳本控制的特性值:

autoplay       自動播放已經加載的的媒體文件,或查詢是否已設置為autoplay

loop              將媒體文件設置為循環播放,或查詢是否已設置為loop

currentTime 以s為單位返回從開始播放到目前所花的時間,也可設定currentTime的值來跳到特定位置

controls        顯示或隱藏使用者控制介面

volume         在0.0到1.0間設定音量值,或詢問目前音量值

muted           設定為靜音#muted           設定為靜音

autobuffer      設定為靜音

##toplay此特性

對於這些屬性,主流的瀏覽器都支援。可別以為就沒有了相容性,在音訊播放串流中,有兩個陣營。 firefox 和 opera 支援 ogg 音頻,safari 和 ie 支援 mp3.幸好Google的chrome都支援。 ###

以上是html中

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
audio標籤是不是區塊級元素
來自於 1970-01-01 08:00:00
0
0
0
如何取得HTML5音訊的播放時長
來自於 1970-01-01 08:00:00
0
0
0
javascript - 關於audio標籤暫停的問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板