mui开发记录（二）音频播放 js传参 js字符串比较

audio标签可实现音频播放。为了ui更好看，自定义了图片，点击实现音频的播放和停止。代码如下

//部分html

<div class="mui-col-sm-4">
			<div class="tj_img">
				<button class="m1 " onclick="playPause(6);" id="mc_play6">
					<audio loop="loop"  id="ad6" >
						<source src="fonts/test.mp3" type="audio/mp3"></source>
					</audio>
					<img src="img/zheng1.jpg"/>
				</button>
				<p>十面埋伏</p>
			</div>
//js


<script>
		function playPause(str){
			var str1="ad"+str;
			var myAud = document.getElementById(str1);
			var myad1 = document.getElementById("ad1");
			var myad2 = document.getElementById("ad2");
			var myad3 = document.getElementById("ad3");
			var myad4 = document.getElementById("ad4");
			var myad5 = document.getElementById("ad5");
			var myad6 = document.getElementById("ad6");
			if(myad1!=myAud){
				myad1.pause();
			}
			if(myad2!=myAud){
				myad2.pause();
			}
			if(myad3!=myAud){
				myad3.pause();
			}
			if(myad4!=myAud){
				myad4.pause();
			}
			if(myad5!=myAud){
				myad5.pause();
			}
			if(myad6!=myAud){
				myad6.pause();
			}
			if(myAud.paused){
				myAud.play();
			}else{
				myAud.pause();
			}
		}
	</script>

为了使音频之间不混合播放，采用了js进行逻辑控制（不想费脑子，所以用了简单粗暴的逐一判断 cry）。其中涉及了js函数传参，js中字符串比较等。

mui框架