导语
网页的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。毕竟浏览器已经自带有音频功能,而你需要做的,就仅仅是调取出来!
总结
总结
,