html5-audio tag不能使用phoneGap

问题描述

audio tag不能使用phoneGap

我在用HTML5开发一个游戏,想加上声音的效果,当我在浏览器中测试时能播放声音。但是它是一个手机游戏,当我在仿真器中通过 PhoneGap测试时,声音就播放不出来。
Html:

 <audio id="buttonover">
 <source src="sounds/cartoon008.ogg" ></source>
 </audio>

JavaScript :

sndCollide = document.getElementById('buttonover');
sndCollide.play();

解决方案

在手机浏览器中,原来音频标签的声音响应是很慢的。
所以你可以使用一个 phonegap native sound系统
相关的javascript代码:

src="sounds/cartoon008.ogg"

var soundObj = new Media(src,onSuccess,onError);

soundObj.play();

同时也要检查手机中是否支持ogg文件。
要给onSuccess 和 onnError创建一个重写函数。

解决方案二:

在assets/www文件夹中存储音乐文件

src= "/android_asset/www/rockGuitar.mp3";
newMedia= new Media(src,onSuccess1,onError);
时间: 2024-10-03 05:29:58

html5-audio tag不能使用phoneGap的相关文章

关于Android HTML5 audio autoplay无效问题的解决方案_Android

前言:在android HTML5 开发中有不少人遇到过 audio 标签 autoplay在某些设备上无效的问题,网上大多是讲怎么在js中操作,即在特定的时刻调用audio的play()方法,在android上还是无效. 一.解决方案 在android 4.2添加了允许用户手势触发音视频播放接口,该接口默认为 true ,即默认不允许自动播放音视频,只能是用户交互的方式由用户自己促发播放. WebView webView = this.finishActivity(R.id.main_act_

关于Android HTML5 audio autoplay无效问题的解决方案

前言:在android HTML5 开发中有不少人遇到过 audio 标签 autoplay在某些设备上无效的问题,网上大多是讲怎么在js中操作,即在特定的时刻调用audio的play()方法,在android上还是无效. 一.解决方案 在android 4.2添加了允许用户手势触发音视频播放接口,该接口默认为 true ,即默认不允许自动播放音视频,只能是用户交互的方式由用户自己促发播放. WebView webView = this.finishActivity(R.id.main_act_

HTML5 audio标签使用js进行播放控制实例

HTML5 audio标签使用js进行播放控制实例  <audio>标签可以在HTML5浏览器中播放音频文件. <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态. 这里我们可以使用JS来进行控制,代码如下:   代码如下: var audio ; window.onload = function(){ initAudio(); } var initAudio = function(){ //audio = document.c

开大你的音响,感受HTML5 Audio API带来的视听盛宴

话说HTML5的炫酷真的是让我爱不释手,即使在这个提到IE就伤心不完的年代.但话又说回来,追求卓越Web创造更美世界这样高的追求什么时候又与IE沾过边儿呢?所以当你在看本文并且我们开始讨论HTML5等前沿东西的时候,我们默认是把IE排除在外的.本文的例子可以工作在最新的Chrome及Firefox浏览器下,其他浏览器暂未测试. 若下方未出现演示页面请刷新.  你也可以点此全屏演示  或者前往GitHub进行代码下载然后本地运行. 你还可以 下载示例音乐(如果你手头没有音频文件的话) 文件列表:b

Three.js + HTML5 Audio API 打造3D音乐频谱,Let’s ROCK!

继续玩味之前写的音乐频谱作品,将原来在Canvas标签上的 作图利用Three.js让它通过WebGL呈现,这样就打造出了一个全立体感的频谱效果了. 项目详情及源码 项目GitHub地址:https://github.com/Wayou/3D_Audio_Spectrum_VIsualizer/tree/master 在线演示地址:http://wayou.github.io/3D_Audio_Spectrum_VIsualizer 如果你想的话,可以从这里下载示例音乐:http://pan.b

HTML5 Audio标签方法和函数API介绍

 问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函数API介绍 问说网 • 2014-06-19 09:53:52 • 3561 浏览 文章目录 audio常用属性 audio音乐格式的支持 audio属性 参数说明 最近想弄一个类似在线播放MP3的应用,刚开始想用flash播放器,但是已经很就没有弄flash了,用起来很老火,于是想到了HTML5的audi

论HTML5 Audio 标签歌词同步的实现

HTML5草案里面其实有原生的字幕标签(<track> Tag)的,但使用的是vtt格式的文件,非常规的字幕(.sub, .srt)或歌词文件(.lrc). 用法如下(代码来自W3School): <video width="320" height="240" controls> <source src="forrest_gump.mp4" type="video/mp4"> <sou

HTML5 Audio &amp;amp;amp; Video 处理

问题描述 这是一组在线的幻灯片,请使用键盘光标键翻页.这是一组带着各种演示的幻灯片,对于你要学习HTML5的声音和视频相关的知识很有帮助.http://blog.gingertech.net/wp-content/uploads/2011/01/LCA_MM_AVProc2011/#slide1 解决方案 解决方案二:自己顶啊!解决方案三:不错,多谢分享解决方案四:good,谢谢分享,收藏了

给俺的 CSDN 博客加背景音乐 - 高大尚的《心经》背景音乐

给俺的 CSDN 博客加背景音乐 - 高大尚的<心经>背景音乐 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 尚不知其它博客能否,反正高大尚的 CSDN 能做到,如下图: 源码如下