【AICon】AI 基础设施、LLM运维、大模型训练与推理,一场会议,全方位涵盖! >>> 了解详情
写点什么

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

  • 2020-03-21
  • 本文字数:555 字

    阅读完需:约 2 分钟

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 框架。


npm install tone
import * as Tone from "tone";
复制代码


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


原文链接:


Tone.js Interactive Music Web Framework


2020-03-21 09:003155

评论

发布
暂无评论
发现更多内容

探讨丨传统行业必须数字化转型吗?

优秀

数字化转型

用户卖家平台三方螺旋成长 如何让商品推荐更智能

阿里技术

全球化技术能力

银行业上云进行时,OLAP 云服务如何解决传统数仓之痛?

Kyligence

OLAP技术 传统数仓

瑞萨RH850 CS+环境下设置堆和栈空间

不脱发的程序猿

嵌入式 汽车电子 MCU RH850 瑞萨IDE

Java Map操作解锁新姿势

派大星

Three.js 进阶之旅:物理效果-碰撞和声音 💥

dragonir

CSS JavaScript html 前端 three.js

软件测试/测试开发 | 网页 frame 与多窗口处理

测试人

软件测试 自动化测试 测试开发 Web自动化测试

OneFlow源码解析:Eager模式下的SBP Signature推导

OneFlow

人工智能 深度学习 框架解析

活动预告|Triton Meetup 2023

AI Infra

AI

5 如何优雅的告诉老板复制 ChatGPT几乎是“impossible”的?

涛哥 数字产品和业务架构

ChatGPT 业务架构师

2023年第一季度汽车行业行情预测分析

不脱发的程序猿

汽车电子 2023年第一季汽车行业分析

上架的时候怎么向某个版本添加构建版本

雪奈椰子

apple ios开发

音乐APP用户争夺战,火山引擎VeDI助力用户体验升级!

字节跳动数据平台

大数据 增长 音乐 企业号 2 月 PK 榜

线程私有变量ThreadLocal详解

Java随想录

Java 线程 并发

一文盘点,ZBC的应用场景与通缩场景

鳄鱼视界

Java 发展史

kcodez

Java 后端

中国工商银行签约易观千帆,夯实数字基石,助力用户价值增长

易观分析

金融 银行

ChatGPT时代的打工人众生相

白洞计划

ChatGPT

【Redis 故障排查】「连接失败问题排查和解决」带你总体分析CPU及内存的使用率高问题排查指南及方案

洛神灬殇

redis 性能调优 缓存服务 2月日更

入门数据分析师的最强秘籍,都在这4本书里!

博文视点Broadview

ChatGPT入门案例|商务智能对话客服(一)| 社区征文

TiAmo

AI ChatGPT

2022Q4手机银行运营亮点:“新版本迭代潮”叠加“个人养老金账户争夺战”

易观分析

金融 银行 经济

基于文心大模型套件ERNIEKit实现文本匹配算法,模块化方便应用落地

汀丶人工智能

自然语言处理 nlp 2月月更 2月日更 文本匹配算法

热点面试题: Array中有哪些非破坏性方法?

控心つcrazy

JavaScript array 前端面试题 Javascript框架 超全前端面试题

中美ChatGPT的商业化分野

脑极体

ChatGPT

OKR之剑·实战篇06:OKR致胜法宝-氛围&业绩双轮驱动(下)

vivo互联网技术

团队管理 OKR

用这4招优雅的实现Spring Boot 异步线程间数据传递

小小怪下士

Java spring 程序员 springboot

进击中的 Zebec 生态,Web2 与 Web3 世界的连接器

BlockChain先知

智能汽车商业化、产业化演进及投资机会分析

不脱发的程序猿

汽车电子 智能汽车商业化 汽车行业投资机会分析

2023-02-14:魔物了占领若干据点,这些据点被若干条道路相连接, roads[i] = [x, y] 表示编号 x、y 的两个据点通过一条道路连接。 现在勇者要将按照以下原则将这些据点逐一夺回:

福大大架构师每日一题

算法 rust 福大大

宽表为什么横行?

王磊

Web音乐交互框架Tone.js简介_大前端_Dylan Schiemann_InfoQ精选文章