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. c++ primer plus 习题答案(7)

    p427.4 //头文件: #include<iostream> #ifndef STACK_H_ #define STACK_H_ typedef unsigned long Item; ...

  2. [C#编程参考]把图像转换为数组的两种实现

    当一个程序和一个图片放在一起,无非有两种操作: 第一种,就是传输这个图片,在传输图片之前要首先把这个图片变成byte类型的数组.所以这时候我们用到的是图片的存储的数据,也就是图片属性中的大小.我们并不 ...

  3. Maven Spring JUnit 在Maven Clean Install时报

    问题: Maven Clean Install时, 遇到报错package org.junit does not exist 明显, Unit Test在Compile阶段就被检查了. 而POM.xm ...

  4. 关于LZO和LZOP

    LZO  是一个适合实时解压.压缩的压缩库 LZOP 基于LZO库的压缩解压工具   PS:有了压缩解压库LZO,还不能直接操作文件压缩解压,需要LZOP   下载的话直接google吧~~~  

  5. [LeetCode]题解（python）：121-Best Time to Buy and Sell Stock

    题目来源: https://leetcode.com/problems/best-time-to-buy-and-sell-stock/ 题意分析: 给定一个数组,代表array[i] 代表第i天的价 ...

  6. MySql学习笔记(转载)

    . 数值类型 -- a. 整型 ----------     类型            字节        范围(有符号位)     tinyint        1字节    - ~        ...

  7. C/C++ 基础教程

          自从做IOS后,就比较少用纯C++的方式写代码了,因为Obj-C的代码风格和C++的风格还是有一点区别的.怕自己忘记了C/C++的基础.整理了一些C/C++基础的网站,供大家学习C/C++ ...

  8. pyrailgun 0.24 : Python Package Index

    pyrailgun 0.24 : Python Package Index pyrailgun 0.24 Download pyrailgun-0.24.zip Fast Crawler For Py ...

  9. IOS学习之路二十四（UIImageView 加载gif图片）

    UIImageView 怎样加载一个gif图片我还不知道(会的大神请指教),不过可以通过加载不同的图片实现gif效果 代码如下: UIImageView* animatedImageView = [[ ...

  10. citrix协议ICA技术原理

    转载自: http://www.zrss.com.cn/article-110-1.html Citrix交付中心解决方式的核心是虚拟化技术,虚拟化计算的核心是ICA协议,ICA协议连接了执行在平台上 ...