飞天发布时刻:2024年 Forrester 公有云平台Wave™评估报告解读 了解详情
写点什么

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:003664

评论

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

关于智能编码助手【通义灵码】,开发者们这么说...

阿里巴巴云原生

阿里云 云原生 通义灵码

RPA的九大主要特征:全面优化业务流程的利器

八爪鱼采集器︱RPA机器人

RPA 自动化 RPAxAI

解锁未来财富密码:AI自动化副业创收班——终身财富加速器

测吧(北京)科技有限公司

测试

七牛云 CDN 视频瘦身,为视频分发「减负增效」

七牛云

CDN CDN带宽

上线一天销售额超15亿!《黑神话:悟空》火爆全网的技术秘诀!

可信AI进展

人工智能

如何使用 Higress 快速构建 AI 应用?

阿里巴巴云原生

阿里云 云原生 Higress

2025第二十四届杭州国际智能楼宇展览会

AIOTE智博会

智能楼宇展 智能楼宇展会 智能楼宇展览会

预制菜工厂MES系统:具体功能与应用场景

万界星空科技

mes 万界星空科技 预制菜加工 预制菜工厂 预制菜生产管理

快手主站前端工程化探索:Gundam 脚手架在新春除夕项目中的实践与展望

快手技术

前段

Python多进程日志以及分布式日志的实现方式

我再BUG界嘎嘎乱杀

Python 编程 多线程 日志 分布式日志

腾讯会议升级“万室如意”计划,助力实体会议室引入AI能力

Geek_2d6073

Voice agent connected!回顾一场 24 小时的黑客松

声网

MES系统如何支持多品种小批量生产

万界星空科技

工业互联网 制造业 生产管理系统 mes 万界星空科技

为什么要用云手机进行海外社交营销

Ogcloud

云手机 海外云手机 云手机海外版 海外社媒营销

云手机如何保障TikTok多账号安全运营

Ogcloud

云手机 海外云手机 tiktok云手机 手机群控 tiktok矩阵

微软发布 Phi-3.5 系列模型,涵盖端侧、多模态、MOE;字节 Seed-ASR:自动识别多语言丨 RTE 开发者日报

声网

Python开发中,SQLAlchemy 的同步操作和异步操作封装,以及常规CRUD的处理。

不在线第一只蜗牛

Python 数据库 oracle

关于 IoTDB 的疑问,我们这次有奖征集!

Apache IoTDB

数业智能心大陆:用AI关怀青少年心理健康

心大陆多智能体

智能体 AI大模型 心理健康 数字心理

数据安全审计必备攻略:一文掌握6大核心审计要点(附下载)

极盾科技

python Socket无限发送接收数据方式

我再BUG界嘎嘎乱杀

Python 编程 后端 socket 开发语言

阿里巴巴拍立淘API返回值:商品分类与属性的智能识别

技术冰糖葫芦

API Explorer API 接口 API 策略

云原生与AI融合持续深化,华为推动全球智能化新浪潮

新消费日报

关于智能编码助手【通义灵码】,开发者们这么说...

阿里云云效

阿里云 云原生 通义灵码

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