1. 首页

Web 音乐交互框架 Tone.js 简介

Tone.js 是一个使用 Web Audio API 为浏览器创建交互式音乐功能的前端框架。

Web Audio API 是 W3C 组织倡议的在 Web 上创建音乐的推荐标准,尽管其前景看好,但当前仍存在一些挑战和局限性。为此,Tone.js 致力于提供一个对音乐人士和音频编程人员均友好的框架,以便于创建基于 Web 的音频应用。

Tone.js 提供大量 DAW(数字音频工作站,digital audio workstation)特性,包括事件编排、预建合成器和音效等。Tong.js 在 Web Audio 的 AudioContext 时间之上做了一层抽象,实现用音符和音节替代秒数。

为支持在播放声音前等待浏览器端交互,框架返回一个连接用户交互事件句柄的 Promise(即承诺将来会执行)对象。

Tone.js 提供跟踪时间的 Transport API,并支持循环,以实现音乐的重播和一般声音的循环播放。

Tone.js 提供多种合成器、音效、音源和噪声生成器,并支持创建新的特性。对于支持 WebRTC 协议的浏览器,还可通过 Tone.js 实现输入外部音频。

运行 Tone.js 只需通过 npm 安装即可。然后在应用中导入相关的 ES 模块,或是导入整个 Tone 框架。

JS中文网 – 前端进阶资源教程 https://www.javascriptc.com/
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容


npm install tone import * as Tone from "tone";

Tone.js 为浏览器支持音乐功能提供了稳健的框架。软件以 MIT 许可开源提供,并给出了一些颇具吸引力的示例和演示。欢迎贡献者参阅 Tone.js 贡献指南

链接:https://www.infoq.cn/article/5m98uTPGad8pT3R4uaZ3

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:Web 音乐交互框架 Tone.js 简介

链接:https://www.javascriptc.com/3849.html

« React Hook 实战指南!(1)
Js中文网周刊第70期»
Flutter 中文教程资源

相关推荐

QR code