H5学习之路之audio音频播放

为什么突然写这个呢?很简单,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(自动循环播放)不做赘述

这三个属性的默认值都是它本身。


猜你喜欢

转载自blog.csdn.net/qq_41485414/article/details/80494304