導語

網頁的4大表現形式：字、圖、視、聲。然而承擔網頁媒體功能的flash在2020年12月31日正式終結産品生命周期！既然flash被廢除，那麼誰來承擔這些功能。尤其是音頻功能，聽歌還不能聽了？

聲音，是人類感知外界物質最直接的一種體驗。悅耳的音樂，可以讓人身心舒暢；高昂的演講，讓人瞬間充滿雞血。

音樂演奏

當然，聲音更大的作用在于傳播信息。僅憑一段錄音，就掀起了一月吃瓜大戲！

石錘d孕棄養音頻證據

而且最近這幾年，喜馬拉雅、蜻蜓FM、網易雲音樂等隻有聲音的網站，大受歡迎。

聲音如此重要，很難想象，如果網頁裡失去聲音究竟是一種什麼樣的體驗！然而這種情況最近可能會有相當多的人中招！别慌，這不是病毒！

音頻失效

我們先要明白為什麼你打開的網頁能播放視頻和音樂。全靠flash！在早期影視網站、音樂網站、動畫 MV、遊戲等，幾乎都是基于flash制作。Flash壟斷了在網頁的媒體地位。

動畫展示

然而flash并不是一個開放标準技術，隻是一個公司的旗下産品，還賊多漏洞。所以flash一直被抵制。

2010年時任蘋果CEO喬布斯公開表示，蘋果設備将不能運行flash！随後安卓也開始逐漸限制flash。

在最近谷歌浏覽器和微軟浏覽器更新裡，正式移除對flash的支持！

而flash所屬的公司adobe，則是幹脆在2020年12月31日，正式通告産品全生命周期的終結。

終結flash通告

flash雖然是沒了，但是劇還是要刷的，音樂還是要聽的。哪誰來繼承這個位置，扛起媒體功能呢？

上網不能聽歌看劇？我上的是假網吧

那就是現代的HTML5！HTML5是一個開放技術标準，是多個技術的集合。其中audio擔起了音頻功能！

最關鍵的是，在網頁開啟音頻功能非常簡單，無需像flash還要借助第三方插件實現。

通過audio标簽就可以在網頁開啟視頻功能，但是還需要兩個必備的參數。

Src（必備）

音頻的播放源，可以是本地，也可以是在線地址。

音頻文件格式最好是mp3格式。

<audiosrc="hangge.MP3"></audio>

Controls（必備）

音頻的控制器，這裡要注意的是，每個系統的視頻控制器樣子都是不一樣，例如安卓、蘋果、window，甚至像MIUI這類系統都長得不一樣。

<audiosrc="hangge.MP3"controls></audio>

Autoplay（非必選）

自動播放，可以讓浏覽器加載完音頻文件後立即播放.

在一些浏覽器會自動禁止

<audiosrc="hangge.MP3" controlsautoplay></audio>

Loop（非必選）

循環播放

<audiosrc="hangge.MP3"controlsloop></audio>

是的，你沒看錯，在網頁創造一個音頻播放器就是這麼簡單！

網頁又有聲音了

不用懷疑，網頁版的網易雲音樂、喜馬拉雅等等，隻要是發得出聲音的，基本都是使用audio。畢竟浏覽器已經自帶有音頻功能，而你需要做的，就僅僅是調取出來！

總結