網頁聲音怎麼錄下來(網頁變成啞巴别急)

更新时间:2023-05-29 16:31:20

導語

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

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)1

音樂演奏

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)2

石錘d孕棄養音頻證據

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

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)3

音頻失效

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)4

動畫展示

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

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

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

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)5

終結flash通告

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)6

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

那就是現代的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>

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

網頁聲音怎麼錄下來(網頁變成啞巴别急)7

網頁又有聲音了

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

總結

網頁聲音怎麼錄下來(網頁變成啞巴别急)8

總結

,

推荐阅读

核桃種植技術效益

核桃種植技術效益

濟南地區核桃高效豐産栽培關鍵技術孫兆祥鹹德玲核桃别名胡桃、羌桃,屬于胡桃科植物,和腰果、扁桃、榛子并稱為四大幹果。核桃仁營養成分相當豐富,每100g果仁含蛋白質15~20g,且脂肪含量高,具備人體所需的磷、鈣、鐵等礦物質,對人體健康有利,成...
2023-05-29
安史之亂的影響

安史之亂的影響

安史之亂的影響?導緻藩鎮數量激增當時唐室為了早日結束戰事,不惜招撫安史降将如李懷仙、田承嗣等,大肆分封為節度使、觀察使,允許其保留所據地區與兵力,于是藩鎮數量激增,全國各地均置節度使而安史叛将的舊有軍力得以維持,因此便割據一方,控制了地方的...
2023-05-29
怎樣高效背單詞

怎樣高效背單詞

從沒見過到有一定的初步印象。記一個單詞,你不能指望一下子從形同陌路就跳到了刻骨銘心!給自己定過高的标準,反而達不到期望值!那麼,我們就要遵循一般的記憶規律,不強求背一遍就不會忘。第一遍時,隻需要看單詞的外觀特征和中文釋義!這其中包含了:發音...
2023-05-29
元宵燈籠手工好看

元宵燈籠手工好看

各位讀者元宵快樂,小編也沒啥好送的,送你十款手工燈籠的教程,學起來哄孩子哄女朋友吧。,
2023-05-29
長豆角燒茄子的做法

長豆角燒茄子的做法

長豆角燒茄子的做法?茄子洗淨切條,豆角切段切蔥段、姜片、蒜片,燈籠椒切絲,我來為大家科普一下關于長豆角燒茄子的做法?以下内容希望對你有幫助!長豆角燒茄子的做法茄子洗淨切條,豆角切段。切蔥段、姜片、蒜片,燈籠椒切絲。碗中加入蚝油、适量生抽、半...
2023-05-29