亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML 5 基礎(chǔ)之音頻與視頻

HTML5 提供了播放音訊的標(biāo)準(zhǔn)。

Web 上的音訊

直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁上播放音訊的標(biāo)準(zhǔn)。

今天,大多數(shù)音訊是透過外掛程式(例如 Flash)來播放的。然而,並非所有瀏覽器都擁有相同的插件。

HTML5 規(guī)定了一種透過 audio 元素來包含音訊的標(biāo)準(zhǔn)方法。

audio 元素能夠播放聲音檔案或音訊串流。

音訊格式

目前,audio 元素支援三種音訊格式:

1.png

如何運(yùn)作

如需在HTML5 中播放音頻,您所有需要的是:

<audio src="song.ogg" controls="controls"></audio>

註: control 屬性供新增播放、暫停和音量控制。

下面我們來寫一個(gè)實(shí)例:透過寫上mp3的位址,我們可以在網(wǎng)頁中聽音樂,程式碼如下

<article>
<header>
<meta charset="utf-8">
</header>
    <audio src="/asset/1.mp3" controls="controls"></audio>
</article>

HTML5 Video(影片)

很多站點(diǎn)都會使用到影片. HTML5 提供了展示影片的標(biāo)準(zhǔn)。

大家看下面一段程式碼

<article>
<header>
<meta charset="utf-8">
</header> ;
?? ?<video width="320" height="240" controls>
? ?? ??? ?<source src="?" "video/ogg">
?? ?</video>
</article>

我們可以把你需要看的影片的地址放在src中,這樣就可以觀看影片了


繼續(xù)學(xué)習(xí)
||
<article> <header> <meta charset="utf-8"> </header> <audio src="/asset/1.mp3" controls="controls"></audio> </article>
提交重置程式碼