使用phonegap播放音频

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用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>

　　

以上是关于使用phonegap播放音频的主要内容，如果未能解决你的问题，请参考以下文章

通过 phonegap 和 cordova for Android 播放音频

Phonegap + iOS：如何使用 Media API 播放音频

使用phonegap播放音频

使用PhoneGap播放音频文件

使用phonegap在iphone上录制音频

iPhone 上来电后，Phonegap HTML5 音频无法恢复播放