不用音频文件,用Javascript创造音乐

已收录   阅读次数: 997
2022-02-0310:02:30 发表评论
摘要

今天偶然在学习Javascript的知识中,了解到了一个名为Web Audio API的内容,大致是可以利用Javascript创作音乐,伯衡君感到很是有意思,于是就在网上搜索了一番,发现有人已经制作了相关的一些Demo,并且已经开源,还是非常有意思的……

分享至:
不用音频文件,用Javascript创造音乐

开篇寄语

今天偶然在学习Javascript的知识中,了解到了一个名为Web Audio API的内容,大致是可以利用Javascript创作音乐,伯衡君感到很是有意思,于是就在网上搜索了一番,发现有人已经制作了相关的一些Demo,并且已经开源,还是非常有意思的。

理论原理

项目演示地址

项目地址

  • https://gitee.com/zhishi/music-in-js

内容详情

认识 Web Audio API,一个强大的编程接口,用于控制网络上的音频。 Web 浏览器很少能正确播放声音文件的日子已经一去不复返了。使用此 API,您现在可以加载来自不同来源的声音、应用效果、创建可视化以及执行更多操作。

如需本地运行,可下载源码,用火狐或 Chrome 浏览器打开 html 文件后点击“开始”即可听到旋律。该项目目前有四种乐器演奏:

  • 古筝
  • 三弦
  • 钢琴

而每个都可以演奏下面的旋律:

  • 我是一个兵
  • 娘子军连歌
  • 彩云追月
  • 小鸭子
  • 两只老虎
  • 粉刷匠

同时,也有人开发出了一个名为Tone.js的Javascript库,可以更加方便创建音乐。

Tone.js 是一个用于在浏览器中创建交互式音乐的 Web 音频框架。 Tone.js 的架构旨在让音乐家和音频程序员都熟悉创建基于 Web 的音频应用程序。在高层次上,Tone 提供通用 DAW(数字音频工作站)功能,例如用于同步和调度事件的全局传输以及预构建的合成器和效果器。此外,Tone 提供了高性能构建模块来创建您自己的合成器、效果器和复杂的控制信号。

  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: