说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

不只是Chrome,Firefox也开始支持Web Audio API

HTML文档下载 WORD文档下载 PDF文档下载
Web Audio API是Javascript中主要用于在网页应用中处理音频请求的一个高级应用接口。目前,Firefox Nightly和Firefox Aurora两个版本已经基本支该持API。

Mozilla公司称,他们一直在为Firefox支持Web Audio API而努力,而今这个愿望就快达成了。目前,Firefox Nightly和Firefox Aurora两个版本已经基本支该持API。Web Audio提供了诸多炫酷的功能,开发者可以基于此创建应用 、游戏,可以说基本上任何一款应用都需要先进的音频处理。


Web Audio API是JavaScript中主要用于在网页应用中处理音频请求的一个高级应用接口,这个API目的是用于让最新技术与传统的游戏音频引擎的综合处理相兼容,也即尽力提供一些桌面音频处理程序的要求。

Web Audio API特性包括:

  • 查看音频播放期间调度事件发生的确切时间;
  • 支持各种类型的音频过滤波器以实现各种效果,包括回声、消除噪音等;
  • 支持利用合成声音(Sound synthesis)创建电子音乐;
  • 支持3D位置音频模拟效果,比如某种声音随着游戏场景而移动;
  • 支持外部输入的声音与WebRTC 进行集成(调用WebRTC,在你的设备中增添吉他声),或者在WebRTC中调用其他地方传输过来的声音;
  • 利用音频数据分析创造良好的可视化声音等。

代码示例

下面是利用Web Audio创建应用的一个简单示例。试想下,当你在创建一款游戏,你想要玩家在点击游戏画布时(game canvas)呈现枪声的声音。为了确保你不会受网络延迟、音频解码器延迟等影响,你可以使用Web Audio来加载音频作为游戏加载进程缓冲区的一部分。

为了营造一个整洁的声音效果,我们可以在点击鼠标时使用循环声音并在鼠标松开后创建渐变效果。下面的这段代码示例演示了这一效果:

// Load the sound file from the networkvar decodedBuffer;var ctx = new AudioContext();var xhr = new XMLHttpRequest();xhr.open("GET", "gunshot.ogg", true);xhr.responseType = "arraybuffer";xhr.send();xhr.onload = function() {  // At this point, xhr.response contains the encoded data for gunshot.ogg,  // so let's decode it into an AudioBuffer first.  ctx.decodeAudioData(xhr.response, function onDecodeSuccess(buffer) {    decodedBuffer = buffer;  }, function onDecodeFailure() { alert('decode error!'); });}; // Set up a mousedown/mouseup handler on your game canvascanvas.addEventListener("mousedown", function onMouseDown() {  var src = ctx.createBufferSource();  src.buffer = decodedBuffer;                                      // play back the decoded buffer  src.loop = true;                                                 // set the sound to loop while the mouse is down  var gain = ctx.createGain();                                     // create a gain node in order to create the fade-out effect when the mouse is released  src.connect(gain);  gain.connect(ctx.destination);  canvas.src = src;                                                // save a reference to our nodes to use it later  canvas.gain = gain;  src.start(0);                                                    // start playback immediately}, false);canvas.addEventListener("mouseup", function onMouseUp() {  var src = canvas.src, gain = canvas.gain;  src.stop(ctx.currentTime + 0.2);                                 // set up playback to stop in 200ms  gain.gain.setValueAtTime(1.0, ctx.currentTime);  gain.gain.linearRampToValueAtTime(0.001, ctx.currentTime + 0.2); // set up the sound to fade out within 200ms}, false);

Web Audio API还未成为W3C标准

谷歌声称,Chrome是首个实现Web Audio API,但对于WebKit核心的浏览器,需要加上webkitAudioContext的前缀。Mozilla表示,其一直在与W3C Audio工作小组讨论API问题,并试图解决API早期版本存在的一些问题。也就是说,打破代码的向后兼容性能,即解决webkitAudioContext前缀问题。值得一提的是,很多Web Audio API功能,比如说创建AudioNodes 或者是解码音频文件,都是采用AudioContext的方法。AudioContext(W3C)是一种管理、播放声音的对象。

如果你也想开发音乐应用或者游戏,不妨参考how toport those applications to the standard API;此外,webkitAudioContext monkeypatch 能够帮助你自动处理一些变化以及如何在API标准中实现webkitAudioContext。

Firefox计划

如今,Firefox已实现了Web Audio API标准。如果你是一名Web开发者对创建先进的音频上感兴趣,不妨查看Mozilla开发团队的这篇基于AudioContext的Porting webkitAudioContext code或许对你有帮助。

Mozilla表示,目前正在研究台式机及Android设备上的Firefox 24支持Web Audio。Mozilla称,除非是遇到什么特殊情况,否则不会延迟发布时间,但目前开发者可以在Nightly和Aurora两个版本中使用大部分API。

英文出自:Mozilla

移动周报:百万壁纸、85后程序媛,我为梦想代言! 电信天翼开放平台:为App开发者免费提供云存储和云主机服务 Google新的Web UI库:Ploymer 研发周报:让开发者高效编程的10个新框架 拯救行将就木的PHP:谷歌为GAE添加PHP支持 PPT集萃(一):10位业内高管分享云计算技术理念与行业趋势 得益于苹果谷歌,未来可穿戴技术市场规模可达500亿美元 雅虎11亿美元押注Tumblr三大因素:用户、社交、内容 Perceptual:英特尔感知计算挑战赛 正式启动 吴义坚:创业去!我用深度神经网络,处理语音识别 浅谈用户体验的“反面模式 可穿戴设备又一站:增强现实眼镜CastAR 数字医疗投资将破纪录 投资人看好这些细分领域 Mayer又下一城:雅虎收购Tumblr推进移动化? 前端开发利器:代码预处理工具Prepros 一个轻量级的JavaScript库:Reactor.js [探讨] 用户体验设计师现在面临怎样的机遇和挑战? PPT集萃(二):淘宝、CloudStack等分享的架构经验与最佳实践 2013中国云计算榜单之二:64家云主机+云存储,错综复杂! 看Java技术基础的eBay如何评价他们的Node.js首次尝鲜 Jolla发布首款Sailfish系统手机 无缝兼容Android应用 NPD:全球智能手机出货量2013年将首次超过功能手机 聚合数据左磊:不走寻常路 做国内最好的数据聚合平台 从程序员到软件商 需要注意些什么? 共享软件海外营销策略与实战(上海站) 直接拿来用!最火的Android开源项目(完结篇) 一步加入云生态系统 参加第五届中国云计算大会的十大理由 传苹果iOS7将深度整合Flickr 用户受益最大 Chrome 27来了:页面加载快5% 可同步数据到Google Drive 微软发布新一代游戏主机Xbox One 搭配全新Kinect 2.0体感系统 Unity游戏引擎向iOS与Android开发者免费 谁知道base64的编码方法? cathy0505活泼有余,roani典型的北方闺女,MM书看的太多了,做梦爱 难道没有人会ADO事务处理吗?请帮忙回答‘这个事务操作错在哪?’ 请给以人道主义援助!!! 如何自定义消息??? 求救!请教高手VC里如何产生一个类似CDialogBar或CToolBar的可任意停靠的东西,并且拖动时没有虚框显示。 错误提示:“无法为更新行集定位:一些值可能已在最后读取后改变”。看一下,谢谢。 SQL Server 存储过程中错误处理问题,请教高手 請教: ADO 的 RecordSet 的打開方式和鎖方式 如何选择三层架构的中间件产品? 小呆猫谢谢了,再请教一下。。。 我想问一下,如何能在程序中锁定键盘和鼠标 西摩斯(厦门)医疗软件开发有限公司急招精通Delphi,MS SQL Sever软件设计师! 大家帮忙啊... 关于 int[][][] a = new int[3][3][3] 再问clavy(有巢无车氏) 和 wqxtt(wqxtt) 关于WINCE 下ACCESS 与 WINDOWS 下ACCESS 的转换 关于C/S结构的问题?快帮我啊!!! 各位programer加班有加班工资吗? 代理服务器的原理?——有谁知道! 请问怎么在一个对话框程序的文本框中绘图 请问windows网络程序PING编程技术里的几个问题,ICMP回显里面的timestamp是怎么纪录进去的 什么地方可以Down rose?或谁寄给我一个? 编写一个函数,通过指针连接两个字符串!!!!!!!!!!!! 用applet怎样打开一个文件吗? 请问哪种ORB产品实现了com服务器/corba客户机的桥 我读《深入探索C++对象模型》的感受,cber能再回答我一次么? 谁有DELPHI的有关网络编程方面的资料?给我一份可以吗? 关于stringgrid的问题????? 痛苦啊,难道要放弃BCB吗? 大家认为在开发过程中是否不能用全局变量? 如何让LINUX支持我显卡 高手,谁来帮我一下~! 取字符 在SDK中,如何获得客户区的宽度和高度呢??(哪两个函数呢?) 哪里有ATL的电子书下载?最好是中文的! 高手谁能帮帮我呀~~~~~~~! 请教:如何在statusbar的panel中显示一个图标呢? VC++中如何使用OLE对象? 初来乍到,发现这儿JJMM还挺多的。。。 请高人指教~! CSDN中碰到这种问题,该如何解决呢? 如何学习director 你能帮我一下吗?~ 企业商务管理软件,开放全部的源代码及开发文档! 企业管理软件,全套源码及开发文档!!!! 哪里有支持任何波特率的通讯控件下载? net_lover(孟子E章)请进~! 一个有关CWebBrowser的问题,急急急!!! 这样的语句为什么不可以实现一次删除多条记录 plmm是什么意思? 各位大侠,知道哪儿有直接可用的上传文件的控件吗? 多谢了!!! 三角形ABC中,∠C=90°,若a:c=7:25,b=48,则a= ,△ABC的三条角平分线交于一点G,∠DAC=76°,∠ABE=20°.求∠BEC、∠ADC、∠DGC的度数 BE和BF三等分∠ABC,CE和CF三等分∠ACB,∠A=75°.求∠BEC和∠BFC的度数.如图,BE和BF三等分∠ABC,CE和CF三等分∠ACB,∠A=75°.求∠BEC和∠BFC的度数.∠A是75°,不是60°,看清楚啊./> 在三角形ABC中,角C等于90°,COSA=5分之3,a=2,则,b+c=? 如图,三角形ABC的三条角平分线交于一点G,角BAC=76°,角ABE=20°,求角DGC的度数. 在△ABC中,∠ACB=90度,AC=BC,BE垂直CE于点E,AD垂直CE于点D,试说明:△BEC全等于△CDA. 三角形ABC中,∠B,∠C的外角平分线交于E,则∠BEC等于多少? 如图,点E是△ABC的两条角平分线的交点.若∠A=80°,求∠BEC的度数. 在三角形ABC中,角ACB=90°,AC=BC,BE垂直于CE于点D,说明三角形BEC全等于三角形CDA. 三角形ABC中,角B的外角平分线与角C的外角平分线交于点E.求证:角BEC=90°减二分之一角A. 如图,点E是△ABC两条角平分线的交点.(1)若∠A=80°,求∠BEC的度数.(2)若∠BEC=30°,求∠A的度数.(3)写出∠BEC与∠A之间的关系. 如图,在△ABC中,AB=AC,以AB为直线的圆O交AC于E,交BC于D 求证(1)D是BC上的中点 (2)△BEC相似△ADC(3)BC²=2AB*CE 如图一,将三角形abc纸片折叠,使c落在三角形内部,求证,角abc加角bec等于两倍的角c (2)如图一,将三角形abc纸片折叠,使c落在三角形内部,求证,角abc加角bec等于两倍的角c(2)如图二,将三角形abc纸片 如图点E是△ABC的两条角平分线的交点 若∠A为80°求∠BEC的度数 若∠BEC=130°求∠A的度数 ∠BEC是直角吗.如图点E是△ABC的两条角平分线的交点若∠A为80°求∠BEC的度数 若∠BEC=130°求∠A的度数 如图所示在RT三角形ABC中,角ACB=90度,AC=BC.D为BC中点,CE垂直AD于E,交AB于点F.连接DF求证角ADC=角BD此题与市面上题目不同,请认真思考是角BDF,打不上去了,嘻嘻,sorry 如图,已知点E是三角形ABC的两条角平分线BE,CE的交点,试说明角BEC等于角A加角1加角2 如图,点E是△ABC的角平分线的交点.若∠BEC=130°,求∠A的度数 如图,在△ABC中,AB=AC,以AB为直径的圆O交AC于E,交BC与D,求证:(1)D是BC的中点(2)△BEC相似于△ADC(3)BC平方=2AB*CE 如图,在△ABC中,∠C=∠ABC=2∠A,BE是∠ABC的平分线,求BEC的度数 如图,点E是△ABC的角平分线的交点.⑴若∠A=80°,求∠BEC的度数⑵若角BEC=130度,求角A的度数 在△ABC中,AB=AC,以AB为直径的⊙O交AC于点E,交BC于点D.求证 (1)△BEC∽△ADC (2)BC²=2AB·CE如图 如图,在△ABC中,∠C=∠ABC=2∠A,BE是∠ABC的平分线,求∠BEC的度数 如图,在△ABC中,∠A=60°,∠B、∠C的三等分线交于D、E,求∠BDC和∠BEC的度数. 如图,在△ABC中,AB=AC,以AB为直径的圆O交AC于点E,交BC于点D.求证 (1)点D是BC中点 (2)△BEC~△ADC(3)BC²=2AB X CE 已知:DE∥BC,BE是∠ABC的平分线,∠ABC=70°,∠C=50°,试求∠DEB ∠BEC的度数 在三角形ABC中,∠B,∠C的角平分线相交于点D,若∠BDC=110°,求∠A的度数? 如图在三角形ABC中∠ACB=90CD垂直AB与D∠BAC的平分线交CD于E过E点作EF‖AB交BC于F求证CE=FB图传不上来 在三角形ABC中,∠B与∠C的外角平分线BE,CE交于点E 试说明∠BEC=90°-1/2∠A 如图已知在三角形abc中角a等于60度角b与角c的角平分线交于点b求角BDc的度数 三角形ABC中,∠C=90°,CD垂直AB于点D,∠BAC的平分线交CD于E,过点E做EF平行于AB,交BC于F,求证:FB=CE 如图11-1-12,已知点E是角ABC的两条角平分线BE,CE的交点,试说明角BEC等于角A加角1加角2. 三角形ABC的角B和角C的平分线交于点D角A和角BDC的度数分别为x和y当角A的度数x发生变化1.求出变量y与x之间的关系式2.当x由40度变化到100度时,角BDC的度数Y发生怎样的变化? 已知,如图,在三角形ABC中,角ACB=90度,CD垂直AB,AE是角CAD的平分线,过点E作EF平行于BC交AB于F,求证:CE=EF 如图,△ABc为等边三角形,角1=角2=角3,①求角BEc②△DEF是等边三角形吗? 如图,在三角形ABC中,角A大于角B,CD是AB边上的高,CE平分角ACB.求证:角DCE=速度 我现在就要求证:角DCE=二分之一(角A-角B) 已知三角形abc中,角ACB=90°,CA=CB,CD垂直AB于D,CE平分角BCD交AB于E,AF平分角A交CD于F.求证:EF平行BC 三角形ABC和三角形DEC均为等边三角形,角DAB=40°角ACD=15°求角BEC的度数 如图,角A=50°,角ABC=60°.(1)若BD为角ABC平分线,求角BDC.(2)若CE为角ACB平分线且交BD于E,求角BEC别说看不清图,图上条件在已知中已经有了 如图,在三角形ABC中∠BAC=90度,AD垂直于BC于点D,CE平分∠ACB,交AD于点G,交AB于E,EF垂直于BC于F,求证:四边形AEFG是菱形 在三角形ABC中,角A,B,C所对的边分别是a,b,c,已知c等于2,C等于3分之派,若三角形的面积等于根号3,求a,b 如图,在三角形ABC中,角BAC=90°,AD⊥BC于D,BF平分∠ABC交于E点,交AC于F点,求证角AEF=角AFE 如图,角A=64度,角ABD=30度,角ACB=72度,且CE平分角ACB,求角BEC的度数(不用三角形内角和等于180°) 在三角形ABC中,已知角A,B,C的对边分别为a,b,c.且a=2,B-C=二分之派,三角形ABC的面积为根号三.求边b. 已知:如图,三角形ABC中∠1=∠2,BE⊥AC于E,交AD 于F 求证:∠AFE=1/2(∠ABC+∠C 角a=65度,角acb=72度,且CE平分角ACB,BD平分角ABC,求角BEC的度数! 在三角形ABC中,a,b,c分别是角A,B,C,的对边,如果a,b,c成等差数列,角B是30度,三角形面积是三分之二求b 如图,在三角形ABC中,BC=10,边BC的垂直平分线交AB,BC与E,D,BE=6,求三角形BEC的周长 如图,在△ABC中,∠ACB=90°,AC=BC,BE⊥CE于点E,AD⊥CE于点D.求证:△BEC≌△CDA. 已知三角形的三边为abc,a-b=b-c=2,它的最大角的正弦值为二分之根号三,则三角形面积为多少? 如图,在等边三角形ABC的边BC、AC上分别取点D、E,使BD=CE,AD与BE相交于点F,求角AFE的度数 如图,在△ABC中,角ACB=90’,AC=BC,BE垂直CE于点E,AD垂直CE于点D.求证:△BEC全等于△CDA 已知a,b,c是三角形ABC的三条边,满足a/3=b/4=c/5,且a+b+c=24 (1)试求a,b,c的值 (2)判断三角形ABC的形状 三角形ABC的三条角平分线交于一点G,角BAC=76度,角ABE=20度.求角BEC,角ADC,角DGC的度数? 在△ABC中,∠ACB=90°,AC=BC,BE⊥CE于点E,AD⊥CE于点D.求证:△BEC≌△CDA 已知a,b,c为三角形ABC的三边,(a-c):(a+b):(c-d)= -2:7:1,且a+b+c=24,试判断三角形ABC的形状 △ABC的三条角平分线交于一点G ∠BAC=76° ∠ABE=20° 求∠BEC ∠ADC ∠DGC 如图三角形ABC中,角ACB=90度,AC=BC.BE垂直CE于点D,求证•三角形BEC全等CDA.谁能写写过程给我, 已知a.b.c为三角形ABC的三边长,且(c-a):(a+b):(c-b)=2:7:1,a+b+c=24判断三角形形状 △ABC的三条平分线相交于一点G ∠BAC=76 ∠ABE=20 求∠BEC ∠ADC ∠DGC的△ABC的三条平分线相交于一点G ∠BAC=76 ∠ABE=20 求∠BEC的度数 http://hi.baidu.com/%C4%B3%CF%A3%CF%A3%CF%A3/album/,这是图片 如图,在△ABC中,BD是高,CE是∠ACB的平分线,BD,CE交于点P,∠A=70°,∠BEC=110°,求∠BPC和∠ABC的度数
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn