关闭

使用phonegap播放音频

标签: phonegapandroidMediaAudio
888人阅读 评论(0) 收藏 举报
分类:
<!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>

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Cordova官方插件 -- Vibration、Media、NativeAudio

Cordova官方插件 -- Vibration、Media、NativeAudio
  • itCatface
  • itCatface
  • 2016-04-01 10:07
  • 3994

ionic使用cordovaMedia、cordovaFile和cordovaFileTransfer播放在线音乐

首先安装cordovaNativeAudio和cordovaFileTransfer插件cordova plugin add cordova-plugin-media cordova plugin a...
  • qq_33561700
  • qq_33561700
  • 2016-12-23 16:07
  • 2013

用phonegap实现录音功能并上传

phonegap实现录音功能
  • muller_z
  • muller_z
  • 2015-05-08 13:04
  • 2306

小强的HTML5移动开发之路(5)——制作一个漂亮的视频播放器

在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识。 一、视频...
  • lxq_xsyu
  • lxq_xsyu
  • 2013-12-30 14:03
  • 10044

Android实战 - 音心音乐播放器 (开启篇)

1.背景         在开发之鱼APP的时候,本来音乐播放器是之鱼中的一个模块,用来播放音乐使用,但是随着项目代码的编写,越来越复杂,决定将其单独的拉出来,制作为单独的APP - 音心播放器 。 ...
  • LABLENET
  • LABLENET
  • 2015-12-15 11:14
  • 2245

使用FFMPEG实现音频播放器

使用FFMPEG实现音频播放器导言因为公司项目的原因,要学习如何使用FFMPEG进行音频播放,折腾一圈发现,使用FFMPEG还真不是一件简单的事,更为可惜的是,当年在这方面的杰出人物—雷霄骅的英逝,这...
  • toudsour
  • toudsour
  • 2017-03-20 15:29
  • 635

python实现简单的音乐播放功能

对于热门语言深感兴趣 ,激励自己多多学习和实践,自己也决定做个开头,一步步来实现音乐播放器功能。刚开始的设计,只是实现了简单的音乐播放、暂停、退出功能。至于还有些功能键的添加, 以及树形结构来添加播放...
  • qq_15508113
  • qq_15508113
  • 2015-11-27 15:47
  • 6257

HTML基础入门:Canvas+视频播放+音频播放

通过HTML5几个小实例代码来了解HTML新特性,掌握一些基本知识。 实例效果如下:
  • ItJavawfc
  • ItJavawfc
  • 2015-01-25 11:39
  • 3128

简单谈谈如何利用h5实现音频的播放

简单谈谈如何利用h5实现音频的播放
  • m_422744746
  • m_422744746
  • 2016-04-24 11:01
  • 1753

最简单的基于FFMPEG+SDL的音频播放器

FFMPEG工程浩大,可以参考的书籍又不是很多,因此很多刚学习FFMPEG的人常常感觉到无从下手。 在此我把自己做项目过程中实现的一个非常简单的音频播放器(大约100行代码)源代码传上来,以作备忘,同...
  • leixiaohua1020
  • leixiaohua1020
  • 2013-08-29 17:11
  • 59865
    个人资料
    • 访问:1744010次
    • 积分:23478
    • 等级:
    • 排名:第342名
    • 原创:502篇
    • 转载:318篇
    • 译文:99篇
    • 评论:435条
    博客专栏
    最新评论