`

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

阅读更多

日期: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

分享到:
评论

相关推荐

    前端项目-howler.zip

    在现代Web开发中,音频处理已经成为一个不可或缺的部分,特别是在创建互动性强、用户体验丰富的网页应用时。"前端项目-howler.zip" 提供了一个重要的工具——Howler.js,这是一款专为JavaScript设计的音频库,旨在...

    howlerjs一个Javascript音频库

    Howler.js 是一个强大的JavaScript音频库,专为现代Web开发设计,旨在简化和增强浏览器中的音频处理。它提供了一种简单、统一的API,使得开发者能够轻松地处理音频播放、控制和效果,无论是在简单的背景音乐还是复杂...

    react-howler:一个用于howler.js的React.js包装器(音频播放器)

    howler.js 是现代网络的音频库。 它默认为Web Audio API,而后退为HTML5 Audio。用法npm install --save react-howler import React , { Component } from 'react'import ReactHowler from 'react-howler'class App ...

    HTML5声音引擎Howler.js

    Howler.js是一个不错的HTML5声音引擎。功能强大,性能不错,用起来也很方便。

    详解Howler.js Web音频播放终极解决方案

    Howler.js 是一个新的 JavaScript 库用于处理 Web 中的音频,该库最初是为一个 HTML5 游戏引擎所开发,但也可用于其他的 Web 项目,Howler.js 基于 Google 的 Web Audio API,能够帮助你快速简单全面的控制音频。...

    keysound:按键声音游戏的使用-howler.js -paper.js https

    本文将深入探讨如何使用JavaScript库——howler.js和paper.js来实现一个按键声音游戏,即"keysound"。 首先,我们来看howler.js。这是一个专门用于音频处理的JavaScript库,它简化了音频播放、暂停、音量控制等功能...

    JavaScript_现代网络的Javascript音频库.zip

    总结来说,"JavaScript_现代网络的Javascript音频库.zip"提供的资源可以帮助开发者利用Howler.js这一强大工具来提升网页音频处理能力,创建更加生动、交互的Web应用程序。通过掌握Howler.js的核心概念和用法,开发者...

    howler.js:适用于现代网络的Javascript音频库-开源

    howler.js是现代网络的音频库。 它默认为Web Audio API,而后退为HTML5 Audio。 这使得在所有平台上使用JavaScript进行音频操作都变得轻松,可靠。 有关其他信息,实时演示和用户展示,请访问howlerjs.com。 满足...

    howler.js:现代网络的Javascript音频库

    描述是现代网络的音频库。 它默认为而后退为 。 这使得在所有平台上使用JavaScript进行音频操作变得轻松可靠。 有关更多信息,实时演示和用户展示,请访问 。 在Twitter上关注howler.js和与开发相关的讨论: 。产品...

    前端项目-jsfx.zip

    4. **库和框架**:项目可能依赖于一些已有的JavaScript音频库,如Web Audio API、Howler.js、Tone.js等。这些库为开发者提供了丰富的音频处理功能,如音频播放、音量控制、音频分析等。 5. **资源文件**:音效项目...

    js-guitar.zip

    6. **音效库**:可以使用现成的JavaScript音频库,如Tone.js或Howler.js,来简化音频处理工作,增加更多高级功能,如节奏、和弦、效果器等。 7. **响应式设计**:确保数字吉他在不同设备和屏幕尺寸上都能良好运行,...

    spotify-clone-源码.rar

    - **音频播放**:为了实现实时音乐播放,项目可能使用Web Audio API或者如Howler.js之类的库,处理音频播放、暂停、进度控制等功能。 2. **后端开发** - **技术选型**:后端可能基于Node.js和Express框架,利用其...

    前端项目-Jouele.zip

    4. **音频处理库**:为了处理音频播放,Jouele可能使用了像`Howler.js`或`Web Audio API`这样的JavaScript库,这些库提供了与浏览器原生音频API交互的能力,简化了音频播放和控制的复杂性。 5. **框架或库**:考虑...

    meteor-howler:用于现代网络的 Javascript 音频库

    《 Meteor Howler:JavaScript音频库在现代Web中的应用与实践》 在当今的Web开发领域,音频处理已经成为不可或缺的一部分,无论是游戏、音乐播放器、在线教育还是实时通信应用,都需要高质量的音频支持。"meteor-...

    小游戏源码-愚公移山.rar

    这需要JavaScript库如Howler.js或Web Audio API来处理音频播放和控制。 9. **资源管理**:游戏中的图片、音频和其他资源可能被组织成一个资源管理系统,用于加载、缓存和释放内存,以优化性能。 10. **数据结构与...

    rehowl:一个有思想的React包装器,用于howler.js

    npm install --save-dev howler rehowl yarn add -D howler rehowl 文档和现场示例 文档和实时示例可在 这些示例的来源是 快速开始 建议查看。 但是,Rehowl的核心是通过使用useHowl或获取一个useHowl实例,然后...

    iMusic-master.rar

    2. **音乐播放器**:音乐播放功能的实现,通常需要利用HTML5的Audio API或者第三方的音频插件如JPlayer或Howler.js。用户可以在此基础上实现播放、暂停、上一曲、下一曲、音量控制等操作。 3. **数据存储与API接口*...

    music-keep-源码.rar

    1. 音频播放库:应用可能使用了Web Audio API或第三方库如Howler.js来处理音频播放,包括播放、暂停、进度控制、音量调节等功能。 2. 音频格式支持:为了支持多种音频格式,源码中可能包含音频解码库,如FFmpeg,...

    (高仿QQ音乐播放界面)QQMusic-master.zip

    此外,音乐播放相关的功能可能需要用到音频处理库,如Howler.js或AudioJS。 4. **响应式设计**:考虑到QQ音乐同时支持移动端和桌面端,项目可能采用了响应式设计,确保在不同设备上都能提供良好的用户体验。 5. **...

Global site tag (gtag.js) - Google Analytics