導語
網頁的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通過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。畢竟浏覽器已經自帶有音頻功能，而你需要做的，就僅僅是調取出來！
總結
總結
,
