为什么突然写这个呢?很简单,H5学习本身应该是一个系统的学习过程,虽然很多的东西都是会的,但是没有总结过,也不知道自己究竟对H5了解多少,爱有多深,所以在这里装作自己好像对H5很了解的样子,写一个记录性质的博文。进行一次系统的总结和学习。
今天学习的是audio音频播放的属性
我们都知道,其实在H5之前是没有只在网页上播放音频的标准的,之前大多数的解决办法是运用Flash,甚至是一直用来很长的一段时间,直到H5的出现,基本上定了网页播放音频的标准-audio
支持的格式:Ogg、MP3、Wav
对网页的支持情况是这样的:
(摘自W3cshool)
具体怎么使用呢?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <audio src="music/胡夏 - 同桌的你.mp3" controls="controls" loop="loop" autoplay="autoplay"></audio> </body> </html>
这里我用了三个属性:controls、loop、autoplay
我分别说一下:
controls(控制插件)使用的话就是需要显示插件,不使用的话不显示,效果是这样的:
那就有人说了,不显示我怎么播放呢?也是可以的,如果您不写这个显示插件的属性,可以设置我下面要说的属性
autoplay(加载页面播放)不管有没有显示播放的按钮,只要设置这个属性,进入页面就会播放
loop(自动循环播放)不做赘述
这三个属性的默认值都是它本身。