导语

网页的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)

总结

,