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. [原创] ASP.NET WEBAPI 接入微信公众平台 总结，Token验证失败解决办法

    首先,请允许我说一句:shit! 因为这个问题不难,但是网上有关 ASP.NET WEBAPI的资料太少.都是PHP等等的. 我也是在看了某位大神的博客后有启发,一点点研究出来的. 来看正题! 1.微 ...

  2. ##DAY6 UIScrollView

    ##DAY6 UIScrollView #pragma mark ———————UIScrollView——————————— 属性: contentSize 内容滚动范围 contentOffset ...

  3. C++ : 类型的别名和对象的别名

    #include <iostream>using namespace std; class human{public:    void Talk();    ~human(){cout&l ...

  4. UVa 11082 Matrix Decompressing(最大流)

    不想吐槽了..sample input 和sample output 完全对不上...调了一个晚上...不想说什么了... -------------------------------------- ...

  5. ThinkPHP第十五天(setField、setInc、setDec、关联模型)

    1.ThinkPHP中的比较特殊连贯操作 如果要更新某个字段可以用setField方法,比如M('user')->where('id=1')->setField('username','T ...

  6. ISO14443 ISO15693 ISO18000

    [提要]射频标签的通信标准是标签芯片设计的依据,目前国际上与RFID相关的通信标准主要有:ISO/IEC 18000标准(包括7个部分,涉及125KHz, 13.56MHz, 433MHz, 860- ...

  7. C#使用WinAPI 修改电源设置，临时禁止笔记本合上盖子时睡眠

    原文 http://www.cnblogs.com/h46incon/archive/2013/09/03/3299138.html 在 阻止系统自动睡眠的小软件,附C#制作过程 ,弄了一个防止系统睡 ...

  8. Linux安装make无法使用

    1.apt-get update 2.apt-get install g++ 3.apt-get install pentium-builder 4.apt-get install build-ess ...

  9. 启用Apache Mod_rewrite模块

    Ubuntu 环境 在终端中执行 sudo a2enmod rewrite 指令后,即启用了 Mod_rewrite 模块. 另外,也可以通过将 /etc/apache2/mods-available ...

  10. 输出1到最大的N位数

    题目:输入数字n,按顺序输出从1最大的n位10进制数.比如输入3,则输出1.2.3一直到最大的3位数即999. 分析:这是一道很有意思的题目.看起来很简单,其实里面却有不少的玄机. 应聘者在解决这个问 ...