使用phonegap播放音频

u010142437

已于 2022-04-18 17:34:47 修改

阅读量1.5k

点赞数 1

分类专栏： Android phonegap 文章标签： phonegap android Media Audio

于 2016-08-30 10:54:26 首次发布

本文链接：https://blog.csdn.net/u010142437/article/details/52367435

版权

Android 同时被 2 个专栏收录

459 篇文章 5 订阅

订阅专栏

phonegap

19 篇文章 0 订阅

订阅专栏

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

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

u010142437

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
使用phonegap播放音频

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Compass...
复制链接

扫一扫