H5audio标签制作音频播放器

公司要在网页端为课程加一个音频播放的功能，H5的audio标签可以满足此功能，并且有丰富的api可供选择，话不多说，直接上代码。

    <audio preload="auto"  id="audio"  onload="true" loop="true">
			<source id="source" src="音频的src" />
	</audio>
	//音频进度条滑块
	<div class="controlPlate2">
		<div class="nstSlider" id="aaa"  data-range_min = "0" data-range_max="770" data-cur_min="0">
			<div id='sss'class="leftGrip"></div>
		</div>
		<div class="leftLabel" /></div>
	//音量条滑块
	<div id="slideTest3" class="demo-slider"></div>	

onload代表是否自动加载
loop代表是否循环播放(loop为true或false都会循环，不想循环只有不写loop参数)

  function muted() { 
        audio.muted = !audio.muted;
        audio