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的,能够在浏览器中播放音频的接口。
- 上一篇:Howler.js,一款神奇的 JavaScript 开源网络音频工具库
- 已经是最后一篇了
相关推荐
- 10款超实用JavaScript音频库(js播放音频代码)
-
HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用JavaScript来创建各种播放控制。下面将介绍10款...
- 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和智能自动化设备之间的...
你 发表评论:
欢迎- 一周热门
-
-
Linux:Ubuntu22.04上安装python3.11,简单易上手
-
宝马阿布达比分公司推出独特M4升级套件,整套升级约在20万
-
MATLAB中图片保存的五种方法(一)(matlab中保存图片命令)
-
别再傻傻搞不清楚Workstation Player和Workstation Pro的区别了
-
如何提取、修改、强刷A卡bios a卡刷bios工具
-
Linux上使用tinyproxy快速搭建HTTP/HTTPS代理器
-
Element Plus 的 Dialog 组件实现点击遮罩层不关闭对话框
-
日本组合“岚”将于2020年12月31日停止团体活动
-
MacOS + AList + 访达,让各种云盘挂载到本地(建议收藏)
-
SpringCloud OpenFeign 使用 okhttp 发送 HTTP 请求与 HTTP/2 探索
-
- 最近发表
-
- 10款超实用JavaScript音频库(js播放音频代码)
- Howler.js,一款神奇的 JavaScript 开源网络音频工具库
- PROFINET转Modbus网关——工业协议融合的智能枢纽
- 简单实用的Modbus类库,支持从站和DTU
- [西门子PLC] S7-200 SMART PROFINET :通过GSD组态PLC设备
- Modbus(RTU / TCP)有什么异同(modbus tcp和tcp)
- Modbus通信调试步骤详解(modbus调试工具怎么用)
- 理解Intel手册汇编指令(intel 汇编指令手册)
- 「西门子PLC」S7-200 SMART的Modbus RTU通讯
- InfiniBand网络运维全指南:从驱动安装到故障排查
- 标签列表
-
- dialog.js (57)
- importnew (44)
- windows93网页版 (44)
- yii2框架的优缺点 (45)
- tinyeditor (45)
- qt5.5 (60)
- windowsserver2016镜像下载 (52)
- okhttputils (51)
- android-gif-drawable (53)
- 时间轴插件 (56)
- docker systemd (65)
- slider.js (47)
- android webview缓存 (46)
- pagination.js (59)
- loadjs (62)
- openssl1.0.2 (48)
- velocity模板引擎 (48)
- pcre library (47)
- zabbix微信报警脚本 (63)
- jnetpcap (49)
- pdfrenderer (43)
- fastutil (48)
- uinavigationcontroller (53)
- bitbucket.org (44)
- python websocket-client (47)