资讯频道 → 编程语言
阅读更多

3顶
0踩

编程语言

转载新闻 10款优秀的JavaScript音频开发库

2014-02-07 10:19 by 见习编辑 tuhaihe 评论(1) 有37165人浏览
javascript 音频
Web和Web浏览器在过去几年取得了快速的进步，这些进步与新技术通常被认识是HTML5达到的惊人的成果。然而，在这些新技术中，音频仍然是不足的。尽管谷歌开了WEB音频API，使我们上网得到方便，但是只有一些最新的浏览器才支持这种新开发的WEB音频。

HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用JavaScript来创建各种播放控制。

通过下面的列举的音频库，你可用JavaScript来处理音频和视频元素，控制这些元素的各种方法、属性和事件。

1. Howler.js

Howler.js一款基于web audio API的javascript类库，如果浏览器不支持的话，会自动fallback到HTML audio。为了保证跨浏览器的兼容性，它支持多种文件格式。该库能同时缓存和播放多个声音（可以一个一个的静音或者开启），还有循环播放功能，淡入淡出效果和标准的多媒体控制功能。Howler.js是轻量级的（5kb），且不需要任何JS框架。





2. Annyang.js

Annyang是一个微小的javascript库，它可以轻松实现让访客用语音命令控制你的网站。Annyang没有依赖性，重量不到1 kb,并且可以免费使用和修改。它具有很好的浏览器兼容性。使用MIT协议发布。





3. Voix.js

voix.js是一个简单、轻量级的级JavaScript库，可以实现在网站、游戏及APP中添加语音命令。它可以通过麦克风启动或停止，并且可以实现当检测到给定关键字时触发相关事件。





4. Audio.js

Audio.js是一款小巧的音JavaScript音频库，它可以在任何地方使用最新的HTML5中的audio标签来调用音乐文件并输出，它使用那些合适和无形的flash播放器去为其他浏览器模仿原生音频元素。并提供一致的html播放UI，且可以使用标准css来控制UI的样式。

Audio.js注重MP3的播放，目前不支持ogg格式。目前ogg格式在各大浏览器上的支持比较少。经过测试的浏览器有：Mobile Safari (iOS 3+)、Android (2.2+, w/Flash)、Safari (4+)、Chrome （7+)、Firefox (3+, w/ Flash)、Opera (10+, w/ Flash)、IE (6, 7, 8, w/ Flash)。





5. Buzz

Buzz是一款小而强大的JavaScript音频库，且允许你轻松的利用新的HTML5音频元素。它是由Jay Salvat编写，并按照MIT协议发布。





6. SoundManager 2

SoundManager 2尝试提供JavaScript中没有的音频API。它是一个实现和扩展了Flash的音频特性，具有跨平台音频功能的JavaScript库。SoundManager 2 被设计为弥合web交互的JavaScript项目。它可以免费用于个人和商业项目。SoundManager  2提供一个单一、强大的API，不管是在老的或者新的浏览器中，HTML5和flash应用中。SoundManager 2是一个理想的JavaScript项目。





7. Sound.js

SoundJS是一个简化网络音频处理的JavaScript库。它为不同的浏览器中播放音频提供了一个统一的API，包括使用插件模式来提供一种简单的方法控制音频插件。另外，SoundJS还具有音频预加载机制。





8. Audiolet

audiolet是一个在浏览器中实时的音频合成和组成的JavaScript库。它使用基于图形的路由和基于模式的调度，使复杂的音频编程简单，易于理解。





9. ION.Sound

Ion.Sound是一个播放声音的jQuery插件，它已经在Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) 及移动浏览器上测试通过，在MIT许可条件下可以免费试用。





10. Audio5js

Audio5js提供了一个与HTML5音频播放无缝兼容的API,它支持多种解码器，并且能够使用flash向前兼容老版本的浏览器。创建audio5js的目的就是为提供一个轻量级的、纯JavaScript的、能够在浏览器中播放音频的接口。





原文：codegeekz / 编译：乐嵌网
  • 大小: 72.2 KB
  • 大小: 35.2 KB
  • 大小: 66.1 KB
  • 大小: 37.5 KB
  • 大小: 68.6 KB
  • 大小: 91.1 KB
  • 大小: 74.7 KB
  • 大小: 81.9 KB
  • 大小: 74.7 KB
  • 大小: 44.7 KB
3
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 kenshinyelin 2014-02-11 16:01
太强大了，果断收藏

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • docker基础:从chroot理解namespace的隔离

    docker与linux内核的两个重要特性关系无比密切：namespace和cgroup。namespace实现了资源的隔离，而cgroup实现了控制。而namespace中隔离分为pid/net/ipc/mnt/uts/user，而mnt namespace，则是将一个进程放到指定的目录执行。其使得不同namespace的进程看到的文件结构不同，从而实现了隔离。

  • Docker学习笔记----LXC，chroot，namespace&cgroups

    学习docker得首先知道docker的起源，docker是由虚拟机延伸出来的。 虚拟机主要是主机级虚拟机。 有两种类型： Type I： 直接在硬件平台上装一个虚拟机管理器，也就是说在硬件上是不用装宿主机模式的，直接上虚拟机管理器 没有任何主机是直接跑在硬件上，所有操作系统都是跑在虚拟机上的叫做类型一 实现机制： 虚拟出来的应该是独立的硬件平台，因此用户想使用虚拟机就必须在自己...

  • 容器技术（cgroups和namespace）

    容器技术与安全 1. 容器概述 定义 容器是 轻量级的操作系统虚拟化技术 可以让应用运行在一个资源隔离的环境中，容器共享宿主机的内核 但是提供用户空间隔离 特点 资源共享：容器之间共享同一个系统内核，同一个库文件可被多个容器使用 逻辑独立：每个容器包含一个独享的完整用户环境空间，不会影响其他容器 复用：当需要配置大量具有相同配置的操作系统时，应用程序运行所必需的组件打包成一个镜像可以复用 容器与虚拟机有相似的作用，都摆脱了对物理硬件的需求 允许我们更为高效地使用计算资源 从而提升能源效率与成

  • linux namespace-之使用

    namespace命名空间-之应用                                                                                                                 shichaog@126.com 由于各种原因，用户空间命名空间的实现算是一个里程碑了，首先是历时五年最复杂命名空间之一的user命名空

  • 使用chroot构建linux沙盒

    因为idc上挂了一个外部网站,idc权限一般不外放,之前给一个登录shell为/bin/nologin的用户建ftp,现在希望更进一步，可以ssh到该目录中使用git命令进行代码管理。早先知道有个chroot命令，今天用了一下。如: chroot /home/chroot /bin/bash 注意如果提示no such file or directory,实际上是提示/bin/bash或它需要

  • 买车要牢记：三大定律八项注意。

    一是买车的最佳时机一般出现在年末，年终冲量、顶任务、求返点、压库存、推新车等等现实问题迫使汽车企业和经销商不得不采取优惠和降价措施。这是经多年验证的市场定势。一年之中，买车要晚，最好赶在本年年末。早...

  • 买车需要了解的知识(持续更新)

    现在结婚了，完成了人生第一件大事，接下来就要完成人生的第二件大事，就是买车。本人的定位是B级车，因为B级车比较适合家用。 但买车前，作为一个小白，还是有很多知识不懂的，希望各位网友有看到这篇博文就多多...

  • 智能汽车软件行业深度研究：汽车软件的星辰大海

    1.1软件成为智能汽车...目前，不同车型在硬件配置方面逐渐趋同，各大车企在硬件领域已经经历了漫长的竞争，硬件及其成本持续改善的空间较为有限。1.2软硬件解耦带动汽车软件架构向SOA演进3.1中科创达3.2光庭信息。...

  • 咨询案例：再来几种利益相关人地图

    举个生活中的例子，比如你是一个丈夫/爸爸，要买车。 高影响高关注的，如孩子他娘，需要密切关注，有求必应（ Manage Closely ），君不见很多男人选车选了几个月，最后被一句“不好看”打回前功尽弃？ 高影响低关注...

  • 客户关系管理之买车记

    我想了想，就以我的买车记为例，来穿引一下客户关系管理。咱们继续把客户关系管理的整个周期的三个重要阶段列出来：客户获取、客户转换、客户保持。首先说客户获取阶段。我有购买力，也有购买欲望，算是一个典型的...

  • docker原理(Namespace,Cgroups,Chroot)

    namespace主要实现资源的隔离(linux kernel > 3.8): Mount Namespace PID Namespace Net Namespace #网络设备，网络栈，端口等 IPC Namespace #信号量，消息队列和共享内存 UTS Namespace #主机名与域名 User Namespace Cgroups 限制物理资源(cpu，内存）： Linux Cgroups(Linux Control Group)，Linux内核中用来设置资源限制的一个重要功能， Cgrou

  • 容器底层 --- 超细节的 Namespace 机制讲解

    NamespaceLinux Namespace 是 Linux 提供的一种内核级别环境隔离的方法。这种隔离机制和 chroot 很类似，chroot 是把某个目录修改为根目录，从而无法...

  • 树莓派综合项目2：智能小车（一）四轮驱动

    那先运行商家的C++吧，组装好车后编译半天，车不动啊，咨询淘宝店家，不搭理你！现在发现可能是树莓派的GND和拓展板的GND没连接的缘故。   后来一想，还是回新手村老实升级吧！   于是入手了几本树莓派开发的书...

  • 数据分析案例-汽车客户信息数据可视化分析

    此外，随着大数据技术的普及和应用，汽车行业积累了大量的客户数据，包括车辆销售记录、售后服务反馈、在线咨询聊天记录等。利用这些数据进行可视化分析，可以挖掘更深层次的信息，帮助企业更好地了解客户的需求和...

  • 北京买车政策

    市民取得新能源汽车购置指标后，还有很多手续才能最终买车，新能源车发放的是专用指标通知书，在这个环节里，新能源车指标不可能买到汽油车。无论是购买还是置换，只限新能源汽车。 5. 被盗小客车不用再重新...

  • 咨询的奥秘--笔记

    咨询的奥秘--笔记 随着毕业入职新公司，做SCM的实施顾问，一方面在学习Oracle EBS的相关系统功能，另一方面了解开发相关的PL/SQL、Forms Builder等相关知识，还抽空看了这个《咨询的奥秘》。并将本书涉及到的有趣的...

  • 新能源车提车、上牌流程

    新能源车提车、上牌流程，全程一人。

  • 如何在北京购车外地上牌

    大家都知道北京上海在全国来讲买车都便宜！我这有一篇关于外地人从北京买车的资料可以参考一下！ 北京购车外地上牌可行性报告 北京购车可行性研究报告及疑问解答～！ 在捷达的生产地，也就是长春地区的报价为什么要...

  • 买二手车注意事项

    买二手车到底靠不靠谱？这是一个持续了很久的话题，如果遭遇奸商购买到了故障车、事故车、泡水车、调了里程表的车，我该怎么办？正是存在已久的问题一直让很多想考虑购买二手车的朋友们望而却步，也正是因为这些问题...

Global site tag (gtag.js) - Google Analytics