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

在线演示

浏览器这个玩意儿并不是个新鲜事,但是随着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

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

  1. 超酷的实时颜色数据跟踪javascript类库 - Tracking.js

    来源:GBin1.com 今天介绍这款超棒的Javascript类库是 - Tracking.js,它能够独立不依赖第三方类库帮助开发人员动态跟踪摄像头输出相关数据. 这些数据包括了颜色或者是人, 这 ...

  2. 灵活的数据管理和展示javascript类库 - Recline.js

    日期:2012-7-15  来源:GBin1.com 在线演示 今天我们介绍一款用来创建数据相关应用的开源Javascript类库 - Recline.js,使用这个类库可以帮助你使用Javascri ...

  3. 创新的缩略图展示javascript类库 - Kort.js

    在线演示  本地下载 Kort.js是一个迷你的javascript类库,能够使用充满创意的方式来展示一系列的缩略图,同时支持触摸设备.你可以将鼠标悬浮放置到缩略图图片上,能够生成一系列的缩略图展示效 ...

  4. html5实现浏览器自动全屏,[JavaScript] 用html5 js实现浏览器全屏

    项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的 效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以 让页面中的图片,视频等全屏目前只有g ...

  5. 2.Java Web之JavaScript

    1.JavaScript介绍 JavaScript语言诞生主要是完成页面的数据验证,因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码. JS 是 Netscape 网景公司的产品, ...

  6. Howler.js:用于现代Web的音频库

    Howler.js提供了一个现代音频库,支持Web Audio API和HTML5 Audio的回退机制.该项目致力于简化与使用JavaScript开发跨平台音频相关的开发工作. Howler.js为 ...

  7. 分享一个帮助你自定义标签并且兼容现代浏览器的javascript类库 : X-tag

    为什么80%的码农都做不了架构师?>>>    日期:2012-6-26  来源:GBin1.com 今天我们介绍一个能够帮助你自定义标签的js类库:x-tag,使用这个类库可以快速 ...

  8. 浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍

    为什么80%的码农都做不了架构师?>>>    日期:2012-4-17  来源:GBin1.com 在线演示  本地下载 大家是不是在开发设计过程中遇到如下情况?某些浏览器不支持H ...

  9. 通过howler.js实现在Android下的微信浏览器自动播放音频

    howler.js是一个把webaudio进行封装的一个js库,通过它可以轻松的对音频文件进行控制播放.暂停.甚至指定播放音频中的某个片段.以及加快等等,这里我们只关注它在微信浏览器中自动播放的问题, ...

最新文章

  1. Pandas进阶修炼120题,给你深度和广度的船新体验
  2. 解密:面部特征点检测的关键技术
  3. Dubbo搭建HelloWorld-搭建服务提供者与服务消费者并完成远程调用(附代码下载)
  4. spring 事务笔记(四)
  5. (Object-C)学习笔记(一)--开发环境配置和与c语言的区别
  6. linux上的中国象棋游戏下载,中国象棋下载_中国象棋最新下载_玩一玩游戏
  7. 【注】【精】【火】博主考研去了,现在的博文都是以前的笔记或者算法。
  8. 计算几何之凸包_卷包裹算法
  9. Parallels中使用加密狗读取文件出现错误
  10. 【Tensorflow】图像的读取、解码、显示、处理、编码、保存
  11. php斐波那契数列循环,两种php实现斐波那契数列的方法
  12. 机器语言、汇编语言(低级语言)、高级语言
  13. m分别使用ESN网络,ESN+RBF神经网络以及ESN+Volterra网络进行数据预测对比仿真
  14. Kvsc autorun.inf病毒
  15. win10 idea配置git命令简写缩写
  16. OPENCV C++保存视频
  17. ios中SQLite3的基本操作
  18. ubutnu18+cuda11.1+cudnn8.0.4+nvidia-driver-465
  19. 转载的java面试题(值得推荐)
  20. 知到网课艺术与审美考试试题以及答案

热门文章

  1. MFC中App与Dlg区别
  2. vr视频转换教程,怎么把普通视频转换成vr视频?
  3. WordCount 详解
  4. android收集备忘录恢复工具,备忘录不小心删了怎么恢复?专业恢复工具分享
  5. 智能电销机器人工作流程《各版本机器人部署》
  6. 皮尔森相关性系数的计算python代码(三)
  7. hadoop +hbase+zookeeper 伪分布安装(超级无敌详细)
  8. 记录一次vue-cli3踩坑
  9. [转载]计算机科学与技术学生学习基础材料参考
  10. 除了神经网络其他的智能算法,人工神经网络算法与机器算法