百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

10款超实用JavaScript音频库(js播放音频代码)

suiw9 2025-04-01 22:10 7 浏览 0 评论

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

下面将介绍10款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,并且可以免费使用和修改。它具有很好的浏览器兼容性。

3. Voix.js

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

4. Audio.js

Audio.js是一款小巧的音JavaScript音频库,它可以在任何地方使用最新的HTML5中的audio标签来调用音乐文件并输出,而且兼容性也非常不错,完美通过下面的各大浏览器列表:

1、Mobile Safari (iOS 3+)

2、Android (2.2+, w/Flash)

3、Safari (4+)

4、Chrome (7+)

5、Firefox (3+, w/ Flash)

6、Opera (10+, w/ Flash)

7、IE (6, 7, 8, w/ Flash)

Audio.js支持自定义样式,可以很方便的根据页面的整体效果去设置播放器的界面颜色,当然这些都是因为Audio.js可以很好的配合HTML5标签,摆脱了FLASH的束缚。另外Audio.js还支持下拉播放列表,同时还支持键盘上的方向键与空格键来控制音乐的播放与暂停。

5. Buzz

Buzz是一款小而强大的JavaScript音频库,且允许你轻松的利用新的HTML5音频元素。

6. SoundManager 2

SoundManager 2 是一个库封装和扩展了Flash声音功能的,可以跨平台的Javascript音频类。SoundManager 2是为了实现一个javascript驱动的优秀互动网络项目的愿望而开发,它可以免费用于个人和商业项目。同时,soundmanager 2给我们提供了功能强大的API。

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的,能够在浏览器中播放音频的接口。

相关推荐

10款超实用JavaScript音频库(js播放音频代码)

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

Howler.js,一款神奇的 JavaScript 开源网络音频工具库

o...

PROFINET转Modbus网关——工业协议融合的智能枢纽

三格电子SG-PNh750-MOD-221,无缝连接Profinet与Modbus,赋能工业物联产品概述...

简单实用的Modbus类库,支持从站和DTU

一、简介...

[西门子PLC] S7-200 SMART PROFINET :通过GSD组态PLC设备

从S7-200SMARTV2.5版本开始,S7-200SMART开始支持做PROFINETIO通信的智能设备。从而,两个S7-200SMART之间可以进行PROFINETI...

Modbus(RTU / TCP)有什么异同(modbus tcp和tcp)

Modbus是一种广泛使用的工业自动化通信协议,它支持设备之间的数据交换。Modbus协议有两个主要的变体:ModbusRTU(二进制模式)和ModbusTCP(基于TCP/IP网络的模式)。尽管...

Modbus通信调试步骤详解(modbus调试工具怎么用)

Modbus通信调试步骤详解  Modbus通信分为串口和以太网,无论是串口还是以太网,只要是标准Modbus,就可以用Modbus模拟器进行调试。按以下几步进行调试。...

理解Intel手册汇编指令(intel 汇编指令手册)

指令格式...

「西门子PLC」S7-200 SMART的Modbus RTU通讯

S7-200SMART集成的RS485端口(端口0)以及SBCM01RS485/232信号板(端口1)两个通信端口可以同时做MODBUSRTU主站,或者一个做MODBUSRTU主站一个做MO...

InfiniBand网络运维全指南:从驱动安装到故障排查

一、InfiniBand网络概述InfiniBand(直译为“无限带宽”技术,缩写为IB)是一种用于高性能计算的计算机网络通信标准,具有极高的吞吐量和极低的延迟,用于计算机与计算机之间的数据互连。它...

一加回归 OPPO,背后的秘密不可告人

有这样一个手机品牌,它诞生于互联网品牌。在大众群体看来,它的身世似乎模糊不清,许多人以为它是国外品牌。它的产品定位是极客群体,深受国内发烧友,甚至国外极客玩家喜爱。...

[西门子PLC] S7-200SMART快速高效的完成Modbus通信程序的设计

一、导读Modbus通信是一种被广泛应用的通信协议,在变频器、智能仪表还有其他一些智能设备上都能见到它的身影。本文呢,就把S7-200SMART系列PLC当作Modbus主站,把...

狂肝10个月手搓GPU,他们在我的世界中玩起我的世界,梦想成真

梦晨衡宇萧箫发自凹非寺量子位|公众号QbitAI自从有人在《我的世界》里用红石电路造出CPU,就流传着一个梗:...

[西门子PLC] 博途TIA portal SCL编程基础入门:1-点动与自锁

一、S7-SCL编程语言简介...

工作原理系列之:Modbus(modbus工作过程)

MODBUS是一种在自动化工业中广泛应用的高速串行通信协议。该协议是由Modion公司(现在由施耐德电气公司获得)于1979年为自己的可编程逻辑控制器开发的。该协议充当了PLCS和智能自动化设备之间的...

取消回复欢迎 发表评论: