5款帮助简化的HTML5 Audio开发的Javascript类库

简介:

HTML5的audio标签提供了我们方便控制声音的功能,可是使用原生的HTML5来开发声音或者音乐相关的项目仍旧很的麻烦。在今天这篇文章中,我们将介绍5款帮助你简化开发的javascript audio类库,相信合理的使用可以帮助你高效的开发基于html5 audio的应用和项目,希望大家认为有帮助!

SoundManager 2

soundmanager2绝对是一个产品级别的javascript audio解决方式。支持HTML5而且兼容老的flash。帮助大家使用一套统一API来实现跨平台(支持移动设备和桌面设备)的声音解决方式,避免针对不同的平台来定制功能。而且功能完整,而且类库很小巧,文档和演示也很完整。个人和商业使用免费,小编我强烈推荐!

Sound.js

这个类库帮助你更快更简洁的开发web相关的audio。提供了一个连续而完整API来处理不同浏览器的行为。包括了对web audio及其flash的支持。

Howler.js

这个类库缺省使用web audio API,假设不支持则调用HTML5 audio。

支持多种文件格式,跨平台,支持声音文件的缓存而且能够同一时候播放多个声音文件。类库很轻量级,支持链式方法,不要求第三方类库。很多其它相关介绍和演示

Audio5js

这个类库提供了针对html5 audio的无缝兼容。支持多种codec,而且针对老式浏览器使用flash来兼容。

Audio.js

Audio.js同意HTML5 audio标签能够方便的在不论什么地方使用。

对于现代浏览器使用本地audio,对于老式浏览器使用不可见的flash来模拟。

提供了一个连续的播放器UI能够使用标准的css来定义样式。这个类库主要用来播放mp3。眼下不支持ogg格式。支持浏览器例如以下:

  • Mobile Safari (iOS 3+)

  • Android (2.2+, w/Flash)

  • Safari (4+)

  • Chrome (7+)

  • Firefox (3+, 使用Flash)

  • Opera (10+, 使用Flash)

  • IE (6, 7, 8, 使用 Flash).

以上就是我们推荐的5款超棒的HTML5 audio有用型类库,假设大家有更好的推荐,请给我们留言。

原文来自:5款帮助简化的HTML5 Audio开发的Javascript类库






本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5137688.html,如需转载请自行联系原作者

相关文章
|
23天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
107 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
21天前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
48 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
24天前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
70 33
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js开发
Node.js开发
74 13
|
2月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
99 2
|
3月前
|
Web App开发 开发框架 JavaScript
深入浅出Node.js后端开发
本文将带你领略Node.js的魅力,从基础概念到实践应用,一步步深入理解并掌握Node.js在后端开发中的运用。我们将通过实例学习如何搭建一个基本的Web服务,探讨Node.js的事件驱动和非阻塞I/O模型,以及如何利用其强大的生态系统进行高效的后端开发。无论你是前端开发者还是后端新手,这篇文章都会为你打开一扇通往全栈开发的大门。
|
2月前
|
Web App开发 JavaScript 前端开发
深入浅出Node.js后端开发
本文将带领读者从零基础开始,一步步深入到Node.js后端开发的精髓。我们将通过通俗易懂的语言和实际代码示例,探索Node.js的强大功能及其在现代Web开发中的应用。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供新的见解和技巧,让你的后端开发技能更上一层楼。
|
3月前
|
JavaScript 前端开发 API
深入理解Node.js事件循环及其在后端开发中的应用
本文旨在揭示Node.js的核心特性之一——事件循环,并探讨其对后端开发实践的深远影响。通过剖析事件循环的工作原理和关键组件,我们不仅能够更好地理解Node.js的非阻塞I/O模型,还能学会如何优化我们的后端应用以提高性能和响应能力。文章将结合实例分析事件循环在处理大量并发请求时的优势,以及如何避免常见的编程陷阱,从而为读者提供从理论到实践的全面指导。

热门文章

最新文章