Everything in the code:

<!DOCTYPE html>

<html>

<head>

<title>Media Example</title>

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>

<script type="text/javascript" charset="utf-8">

    var my_media = null;

	var mediaTimer = null;

	var music_src = "/android_asset/www/music.mp3";

    document.addEventListener("deviceready",onDeviceReady,false);

	function onDeviceReady(){

		playAudio(music_src);

	}

	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) + " sec");

					   }

				   },

				   // error callback

				   function(e){

					   console.log("Error getting pos=" + e);

					   setAudioPosition("Error: " + e);

				   }

			   );

			},

			1000);

		}

	}

	function pauseAudio()

	{

		if(my_media){

			my_media.pause();

		}

	}

	function continueAudio()

	{

		if(my_media){

			my_media.play()

		}

	}

	function stopAudio(){

		clearInterval(mediaTimer);

		mediaTimer = null;

		if(my_media){

			my_media.stop();

			// on an Android device,it is important to release the media

			media.release();

		}

	}

	function onSuccess(){

		console.log("playAudio():Audio Success");

	}

	function onError(error){

		alert('code: ' + error.code    + '\n' +

		      'message: ' + error.message + '\n');

	}

	function setAudioPosition(position){

		document.getElementById('audio_position').innerHTML = position;

	}

</script>

</head>

<body>

    <a href="#" onClick="playAudio(music_src);">Play Audio</a>

    <a href="#" onClick="pauseAudio();">Pause Playing Audio</a>

    <a href="#" onClick="continueAudio();">continue Playing Audio</a>

    <a href="#" onClick="stopAudio();">Stop Playing Audio</a>

    <p id="audio_position"></p>

</body>

</html>

Comments welcome!!!!!!

Phonegap-----Media的更多相关文章

  1. 八 个优秀的 jQuery Mobile 教程

    jQuery Mobile 是 jQuery 在手机上和平板设备上的版本.jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.虽然j ...

  2. PhoneGap/cordvoa如何添加Media插件

    phonegap由2.7升级到3.7之前,只要引入一个cordova.js,就可以了.现在由于所用的插件,都需要用模块的形式进行按需加载,自然就没有以前那么安逸了. 例如,如果要在安卓平台添加一个音频 ...

  3. Phonegap中自定义插件的使用

    在phonegap中需要实现特定相关的功能,可能需要自定义扩展一下功能,那么扩展phonegap组件就成为了可能. 源代码结构图: 本文目的在于讲述怎么扩展一个phonegap组件以及实现. 针对ph ...

  4. NFC：Arduino、Android与PhoneGap近场通信

    NFC:Arduino.Android与PhoneGap近场通信(第一本全面讲解NFC应用开发的技术著作移动智能设备近距离通信编程实战入门) [美]Tom Igoe(汤姆.伊戈),Don Colema ...

  5. PhoneGap介绍及简单部署

    一.什么是PhoneGap: PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序,开发出来的程序经过在各自的平 ...

  6. PhoneGap与Jquery Mobile组合开发android应用的配置

    PhoneGap与Jquery Mobile结合开发android应用的配置 由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接 ...

  7. [转]初探 PhoneGap 框架在 Android 上的表现

    原文地址:http://topmanopensource.iteye.com/blog/1486929 phonegap是由温哥华的一家小公司研发的多平台的移动开发框架,支持流行的大多数移动设备(iP ...

  8. 如何用HTML5+PhoneGap写个Path项目

    最近Path这个应用很火爆,网上也出现了不少仿Path菜单的项目.即使在原生APP里边,Path的效果也是非常赞的.我突然想,Web APP是不是也能做出类似Path那样的效果呢?于是就有了OPath ...

  9. PhoneGap与Jquery Mobile结合开发android应用配置

    由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学 ...

  10. PhoneGap搭建运行环境（3.2版本）

    一. 1.准备环境nodejs(http://nodejs.org/download/) 2.ant(http://ant.apache.org/bindownload.cgi) 3.Android ...

随机推荐

  1. vs2010 项目编译 ResGen.exe”已退出，代码为 -1073741701

    解决的办法如下: 1.关闭所有Visual Studio: 2.以管理员的身份打开命令提示窗口:(开始-运行-cmd) 3.更改目录至"CD C:\Program Files (x86)\M ...

  2. 纯css加伪类实现关闭提示创窗口

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8&quo ...

  3. zoj 3490

    蛋都疼了,高了半天,Output Limit Exceeded 原来是输入的问题,我靠!!以后还是用输入输出c++好,这尼玛!!郁闷!!!!! #include<stdio.h> #inc ...

  4. JavaScript属性中的offsetLeft、offsetWidth、clientWidth、scrollLeft、scrollWidth、innerWidth

    1.offsetLeft和offsetTop 只读属性,返回当前元素与父辈元素之间的距离(不包括边框).其中父辈元素的取法是有门道的: (1).若父辈元素中有定位的元素,那么就返回距离当前元素最近的定 ...

  5. [Jobdu] 题目1520：树的子结构

    题目描述: 输入两颗二叉树A,B,判断B是不是A的子结构.注:B为空树时不为任何树的子树 typedef struct BTNode{ int key; struct BTNode *rchild; ...

  6. [Swust OJ 838]--最优价值(0-1背包+数学)

    题目链接:http://acm.swust.edu.cn/problem/838/ Time limit(ms): 1000 Memory limit(kb): 10000 Description 我 ...

  7. BZOJ 1770: [Usaco2009 Nov]lights 燈( 高斯消元 )

    高斯消元解xor方程组...暴搜自由元+最优性剪枝 -------------------------------------------------------------------------- ...

  8. jquery选择器:nth-child()与空格:eq() 的区别;

    在一个7x7的表格当中 nth-child(1); td.parents("table").find("tr :nth-child(1)").css(" ...

  9. CDOJ 1259 昊昊爱运动 II bitset+线段树

    题目链接 昊昊喜欢运动 他N天内会参加M种运动(每种运动用一个[1,m]的整数表示) 现在有Q个操作,操作描述如下 昊昊把第l天到第r天的运动全部换成了x(x∈[1,m]) 问昊昊第l天到第r天参加了 ...

  10. Ajax 生成流文件下载 以及复选框的实现

    JQuery的ajax函数的返回类型只有xml.text.json.html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载.但可以用js生成一个form, ...