现代浏览器的web音频javascript类库 - Howler.js

标签: 现代 浏览器 web | 发表时间:2013-02-07 05:49 | 作者:jjfat
出处:http://blog.csdn.net

日期:2013-2-6  来源: GBin1.com

howlerjs

在线演示

浏览器这个玩意儿并不是个新鲜事,但是随着HTML5的发展激起了浏览器技术的巨大发展。但是浏览器上对于音频控制技术来说仍旧非常的落伍。庆幸的是 Google积极的开发和创建了web audio API,这使得基于浏览器的音频控制更加的简单并且直观。但是唯一的问题是浏览器兼容性支持问题!

今天我们将要介绍一款基于web audio API的javascript类库 - howler.js,能够帮助你快速简单全面的控制音频。最早这款JS类库是为web游戏设计开发的。它使用Google的web audio API,如果浏览器不支持的话,会自动fallback到HTML audio。你可以方便的将声音控制整合到你开发的网站,应用或者web游戏中去。如果你需要兼容老版本浏览器需要使用一些fallback,可以参考这篇文章:

跨浏览器的HTML5 Audio解决方案- Audio5js

主要特性

  • 缺省使用Web Audio API
  • 可以方便的fallback回HTML audio如果浏览器不支持
  • 支持不同的音频文件格式来完整的支持不同浏览器
  • 针对HTML5 Audio实现了缓存池
  • 支持静音和音量控制
  • 多声音的同时回放
  • 方便定义声音特效
  • 支持淡出淡入的播放
  • 支持链接方法操作
  • 不使用外部类库
  • 轻量级7kb(压缩后2kb)

via gbtags

来源: 现代浏览器的web音频javascript类库 - Howler.js

作者:jjfat 发表于2013-2-7 13:49:11 原文链接
阅读:78 评论:0 查看评论

相关 [现代 浏览器 web] 推荐:

现代浏览器的web音频javascript类库 - Howler.js

- - CSDN博客Web前端推荐文章
日期:2013-2-6  来源: GBin1.com. 浏览器这个玩意儿并不是个新鲜事,但是随着HTML5的发展激起了浏览器技术的巨大发展. 但是浏览器上对于音频控制技术来说仍旧非常的落伍. 庆幸的是 Google积极的开发和创建了web audio API,这使得基于浏览器的音频控制更加的简单并且直观.

Web前端浏览器兼容初探

- - 博客 - 伯乐在线
浏览器兼容是前端开发人员必须掌握的一个技能,但是初入前端的同学或者其他后台web开发同学往往容易选择忽略,而形成两个极端:. 1 我最开始都是使用IE6,IE6上没问题,其它浏览器坑爹(多出现与前端后端一起搞的同学,小生2年前就这种状态,鼓励人家用ie6.. 2 我要遵循标准,我只要ff就好,IE就是坑爹的玩意,我不必去理他(小生一年前的心态.

web基础-web工作原理,http协议,浏览器缓存

- - 浏览器 - 互联网 - ITeye博客
4,cookie和session. 平时用浏览器,输入网址后回车,页面响应我们想要浏览的内容,简单操作的背后蕴涵了什么原理. 当输入url回车后,客户端(浏览器)会去请求DNS服务器,通过DNS获取域名对应的IP地址,然后通过这个地址找到对应的服务器,要求建立TCP连接,建立连接,客户端发送httpRequest(请求包)后,服务器接收并开始处理请求,调用自身服务,返回httpResponse(响应包),客户端收到响应包后开始渲染body主体,等到全部接收,断开与该服务器端的TCP连接.

[转]现代浏览器揭秘(2)

- - 小彰
解析 Parsing-general. 既然解析是渲染引擎中一个非常重要的过程,我们将稍微深入的研究它. 解析一个文档即将其转换为具有一定意义的结构――编码可以理解和使用的东西. 解析的结果通常是表达文档结构的节点树,称为解析树或语法树. 例如,解析“2+3-1”这个表达式,可能返回这样一棵树. 解析基于文档依据的语法规则――文档的语言或格式.

Chrome和Firefox联手开发跨浏览器Web App应用

- pansin - Solidot
whuhacker 写道 "Mozilla曾经计划发布一个开放的跨浏览器Web App Store,使得Web应用可以运行于Firefox、Chrome、IE、Safari、Opera等多种浏览器. 现在,Chrome正和Firefox联手推进这项计划. 一个名为Web Intents的框架正在开发以帮助Web Apps更加顺畅地运行.

5 款基于Web浏览器的建模工具

- tinda - ITeye资讯频道
本文介绍5款可以直接在浏览器中使用的很棒的建模工具,无需再单独安装软件. 提供在线图表和协助功能,包含多种建模语言(包括UML)支持,这里有一个简单的演示. Diagram.ly比其他的建模工具功能要少,而且缺少协作方面的功能,但我喜欢它的简单. 在你开始绘制时,你看到的只是一张空白画布,请随意发挥.

Firefox 6已达Web浏览器网络流量的8%

- Antoine - cnBeta.COM
8月16日Mozilla发布了Firefox稳定分支的最新版本Firefox 6,Chitika今天统计了16日到22日短短一周的数据,结果发现Firefox用户跟随新版本的能力非常强,Firefox 6在短时间内拿下了全球WWW互联网8%的流量,与此同时,Firefox 6在所有版本的Firefox浏览器中的流量达到45%,以下是统计图表:.

http协议:Web前端-HTTP Cache-control/浏览器缓存(转)

- - 互联网 - ITeye博客
HTTP协议分别在 1.0 / 1.1 两个时代推出了 Expires / Cache-control 两种cache策略,这里我们无需了解全部的细节,无需记住整个RFC内容,但是当我们需要使用HTTP cache策略时,我们需要注意以下细节:. Expires 是HTTP 1.0 那个时代的东西了,目前来看,可以不使用了,因为HTTP 1.0 的user agent占有率在 0.1% 以下(我们主要面向的web浏览器均默认使用HTTP 1.1),Cache-control 是 HTTP 1.1 的新特性,也是我们主要做文章使用cache策略的工具.

作为Web开发人员,我为什么喜欢Google Chrome浏览器

- liu - 博客园-首页原创精华区
【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】. 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器.

Web浏览器第四次大比拼:Chrome 13,Firefox 6,Mac OS X Lion

- Richard - cnBeta.COM
最新的浏览器基准测试又将出炉. 文章《Web浏览器第四次大比拼:Chrome 13,Firefox 6,Mac OS X Lion》 精彩地描述了浏览器角逐的场面. Chrome 13,Firefox 6,IE9,Opera 11.50,和Safari 5.1同时在Windows 7和Mac OS X Lion上接受了近40项测试.