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. Linq to Sqlite连接

    本人还是挺喜欢用Sqlite,鼓捣半天终于连上了,赶紧记录一下 1.当然还是新建一个项目,还是winform, 2.Vs2012添加NoGet,点击工具--扩展和更新,搜索NoGet,安装. 3.管理 ...

  2. SMACSS:一个关于CSS的最佳实践-1.Overview

    什么是SMACSS? SMACSS(发音"smacks"),全称Scalable and Modular Architecture for CSS.顾名思义,SMACSS是一个可扩 ...

  3. zoj 2229 Ride to School

    所有车子到达的总时间算出来,然后从小到大排序,如果:1. 开始时间 < 0 的,不予考虑,太快的赶不上,太慢的赶上也没用.2. 开始时间 > 0 的,Charley 和最早到达的车子一起到 ...

  4. C part 1 -- 指令篇

    Windows系统的cmd(command命令行工具): Shutdown -s -t 600:表示600秒后自动关机 Shutdown -a :可取消定时关机 Shutdown -r -t 600: ...

  5. [LeetCode]题解（python）：134-Gas Station

    题目来源: https://leetcode.com/problems/gas-station/ 题意分析: 在一个圈子路线里面有N个汽油站,i站的汽油有gas[i]汽油.现在有一辆无限容量的车,它从 ...

  6. [LeetCode]题解（python）：084-Largest Rectangle in Histogram

    题目来源: https://leetcode.com/problems/largest-rectangle-in-histogram/ 题意分析: 给定一个数组,数组的数字代表这个位置上的bar的高度 ...

  7. nrf51 SDK自带例程的解读

    简单的pwm电机控制示例 simple_pwm_motor_control_example 其实就是pwm控制led的亮度 1.首先设置gpiote 设置初始为高电平2.接着设置ppi 定时器time ...

  8. Java Web 入门（一）使用 Intellij IDEA 14.1.5 创建 Maven Web项目

    1.基础配置 1.1 安装 JDK1.7,配置系统变量:JAVA_HOME 和 Path 1.2 安装 Tomcat 7.0 1.3 安装  Intellij IDEA 14.1.5 1.4 Mave ...

  9. Android Studio ADB响应失败解决方法

    当启动Android Studio时,如果弹出 adb not responding. you can wait more,or kill "adb.exe" process ma ...

  10. angulajs 当input使用 bootstrap的email类型时，如果是无效的email格式，则ng-model无效的情况

    当使用bootstrap的如下input时 <input type="email" ng-model="userid"> 如果输入的内容是无效的em ...