孤云博客

程序人生

使用phonegap播放音频
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Compass Example</title>

		<script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
		<script type="text/javascript" charset="UTF-8">
			document.addEventListener("deviceready", onDeviceReady, false);

			function onDeviceReady() {
			}
			
			var my_media=null;
			var mediaTimer=null;
			
			function playAudio(src){
				my_media=new Media(src,onSuccess,onError);
				my_media.play();
				
				if(mediaTimer==null){
					mediaTimer=setInterval(function(){
						my_media.getCurrentPosition(
							//成功回调
							function(position){
							if(position>-1){
								setAudioPosition((position/1000)+"sec");
							}
						},
						//错误回调
						function (e){
							console.log("Error getting pos="+e);
							setAudioPosition("Error: "+e);
						}
						);
					},1000);
				}
			}
			
			function pauseAudio(){
				if(my_media){
					my_media.pause();
				}
			}
			
			function stopAudio(){
				if(my_media){
					my_media.stopAudio();
				}
				clearInterval(mediaTimer);
				mediaTimer=null;
			}
			
			function onSuccess(){
				console.log("playAudio():Audio Success");
			}
			
			function setAudioPosition(position){
				document.getElementById('audio_position').innerHTML=position;
			}

            //错误的回调 
			function onError(error) {
				alert('code:'+error.code+'\n'+'message:'+error.message+'\n');
			}
			
		</script>
	</head>

	<body>
		<a href="#" onclick="playAudio('http://example.com/audio.mp3');">Play Audio</a>
		<a href="#" onclick="pauseAudio();">Pause Playing Audio</a>
		<a href="#" onclick="stopAudio();">Stop Playing Audio</a>
	    <p id="audio_position"></p>
	</body>

</html>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010142437/article/details/52367435
个人分类: Android phonegap
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

使用phonegap播放音频

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭