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. CSS通用编码规范

    CSS通用编码规范 总结一部分前端编码规范,CSS部分先奉上,大多比较通用,应该是主流方式吧. 1 前言 本文档的目标是使 CSS 代码在团队中风格保持一致,容易被理解和被维护. 尽管本文档是针对 C ...

  2. JavaScript基础知识----零基础js入门练习题

    1,什么是Javascript? 答:Javascipt是一种脚本语言,由web浏览器进行解释和执行.   2,JavaScript是由那几个部分组成?  答:主要分为以下三种:     ECMASc ...

  3. SubLime2 win + mac keygen

    参考 http://www.cnblogs.com/snandy/archive/2013/05/08/3068059.html http://www.freebuf.com/tools/6434.h ...

  4. 电脑cmos是什么？和bois的区别？

    很多人都分不清电脑cmos和bois区别,有人一会儿说什么bois设置,有人一会儿说cmos设置.而看起来这两个又似乎差不多,本文将用最简单的白话文告诉各位,什么是cmos,以及cmos和bois的的 ...

  5. Jacob

    http://www.cnblogs.com/luckyxiaoxuan/archive/2012/06/13/2548331.html http://blog.csdn.net/qingwangyo ...

  6. JAVA GUI学习 - JOptionPane对话框组件学习

    /** * 对话框 - 学习笔记 * @author Wfei * */ public class JoptionPaneKnow extends JFrame { public JoptionPan ...

  7. 数据结构与算法分析 3.4&3.5 — 链表的交与并算法

    代码: #include <list> template<typename ElementType> list<ElementType> Intersect(con ...

  8. javascript - Get page source code - Stack Overflow

    javascript - Get page source code - Stack Overflow Get page source code

  9. SVNserver的本地搭建和使用

    Subversion是优秀的版本号控制工具,其具体的的长处和具体介绍,这里就不再多说. 首先来下载和搭建SVNserver. 如今Subversion已经迁移到apache站点上了,下载地址: htt ...

  10. 远程登录 Windows server 2008 黑屏

    scenerio:  远程登录 Windows server 2008 黑屏,别人那里一切正常. Solution:在黑屏界面,点击桌面,按住Ctrl+Alt+End键 -> Log Off. ...