码迷,mamicode.com
首页 > 其他好文 > 详细

使用phonegap播放音频

时间:2017-03-29 22:45:57      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:pre   getting   err   use   使用   har   interval   ready   head   

<!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>

  

使用phonegap播放音频

标签:pre   getting   err   use   使用   har   interval   ready   head   

原文地址:http://www.cnblogs.com/ganchuanpu/p/6641862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!