|
今天在看html5的时候,第一个先看的是音频,先来简单记录下这个audio标签:
<audio src="Beyond - 真的爱你.mp3" autoplay="autoplay" controls="controls" loop="loop">
首先是它的原理:
不再是以插件的方式来进行播放,而是通过auto元素(能够播放声音文件或者音频流)来包含音频
操作对象类型:
只支持三种音频类型:.ogg、.mp3、.wav
自身属性:
autoplay:自动播放(据说这个用户体验非常不好,自己也切实感觉到了,有些情况确实太坑了,哪怕再进入的时候可以选择一下是否打开音效呢)
controls:向用户展示控件(我还常想那些游戏的背景音乐,我怎么看不到播放控件呢,把这个删掉,默认是是不显示控件的)
loop:循环啊(多一个循环还是挺人性化的感觉,记得当年就那么重复一首歌,可能就那样一下午,好怀念啊)
src:这个是最基本的了吧,连接文件,没有文件播放啥
preload:预加载,如果存在autoplay的话,肯定是在加载页面的时候就加载了,要不然没法播放了,这个属性也就没意义了,而不存在autoplay的时候就可以用了,不过个人感觉比较鸡肋啊,不会拖缓页面加载速度么,没想出这个属性存在的意义在哪来。

在发现这个标签之前呢,我曾经也用到过播放音乐,但是之前用到的是如下两个
<embed src="Beyond - 真的爱你.mp3" autostart="true" hidden="false" loop="true"></embed>
<bgsound src="Beyond - 真的爱你.mp3" autostart="true" loop="infinite"> 这个
embed还是蛮好用的,
bgsound只适用于ie,而且设定参数也比较少,该淘汰了。
embed的参数则就多的多了,它不仅插入的有音频,还可以插入各种多媒体啊,比较强大了。
今天给自己放了两个小时的假期,看了几集那小时候的“龙珠”,满满的回忆,满满的感伤...

|