使用浏览器生成超棒的midi音乐 - midi.js

最新推荐文章于 2024-08-08 07:57:15 发布
最新推荐文章于 2024-08-08 07:57:15 发布
阅读量1.7k 收藏
点赞数
分类专栏： html5 文章标签： audio Audio AUDIO html5 HTML5 Html5 MIDI midi midijs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjfat/article/details/8541087
版权

日期：2013-1-25  来源：GBin1.com

使用浏览器生成超棒的midi音乐 - midi.js

还记得前面我们介绍过的WebRTC来控制你的摄像头吗？随着HTML5的发展，越来越多的多媒体相关标准及其实现也随即出现了。

如果你没有尝试过使用javascript来生成midi音乐的话，今天介绍的MIDI.js绝对能够让你眼前一亮。

MIDI.js是一个基于框架帮助你使用浏览器生成MIDI音乐的类库。使用它和jasmid可以用来创建一个在线的web-radio MIDI系统。或者你也可以使用Three.js, Sparks.js, or GLSL来创建一个具有图形动画的动态体验。模仿钢琴或者吉它，打击乐器，MIDI内容来生成你希望生成的效果。推荐使用Google chrome来播放，因为它的时间点是最准确的，当然你也可以使用Safari或者firefox，听起来感觉有点像是演奏家喝多了。

来源：使用浏览器生成超棒的midi音乐 - midi.js

thegeek
关注
专栏目录
用JS生成MIDI文件（附代码）
u012767526的专栏
05-26 6832
用JS生成MIDI文件大家好，近期我们的课程需要我们做一个应用，我的的小组打算做一个在线的伴奏制作平台，这意味着我们需要知道如何在线制作音乐以及如何用浏览器播放。 小编我这一节就跟大家讲解下如何用Javascript从无到有编写一个属于自己的MIDI制作程序吧。 首先，先给大家一篇讲解MIDI格式讲解的链接，中文！小编这里就不多赘述啦。 http://blog.sina.com.cn/s
旅游行业深度解析狂人国：超棒体验，逆势增长-1024-国泰君安-25页.pdf
07-28
【旅游行业深度解析狂人国】这篇报告详细探讨了位于法国的狂人国（PUY DU FOU）主题公园，该公园以其独特的演艺秀和沉浸式体验吸引了大量游客，成为了法国第二大主题乐园，并且在全球范围内获得了高度认可。...
MidiPlayerJS：♬用于浏览器或Node的Midi解析器和播放器引擎。 解析器将MIDI事件转换为JSON。 适用于单轨或多轨MIDI文件
02-04
i MidiPlayerJS MidiPlayerJS是一个JavaScript库，可读取标准MIDI文件并实时发出JSON事件。 该播放器不会生成任何音频，但是通过在事件发射器上附加处理程序，您可以触发任何您喜欢的代码，这些代码可以播放音频，控制可视化效果，输入MIDI界面等。 演示版 by robertvorthman @robertvorthman RJ Salvador的撰写器@rjsalvadorr Garrett Grimm @grimmdude编写的 Daniel Alejandro演员@lexcast 入门 使用MidiWriterJS非常简单。 通过实例化MidiPla
MIDI.js 使用教程
最新发布
gitblog_01075的博客
08-08 926
MIDI.js 使用教程 MIDI.js:musical_keyboard: Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for creating trippy effects....
Midi:将MIDI转换为Tone.js友好的JSON
04-29
安装 npm install @tonejs/midi Midi使使用Javascript读写MIDI文件变得简单明了。 它使用进行解析和写入。 进口 Node.js： const { Midi } = require ( '@tonejs/midi' ) 打字稿/ ES6 import { Midi } from '@tonejs/midi' 浏览器 < script src =" https://unpkg.com/@tonejs/midi " > </ script > const midi = new Midi ( ) 基本范例 // load a midi file in the browser const midi = await Midi . fromUrl ( "path/to/midi.mid" ) //the file name decoded from th
使用 MIDI.js 播放mid音乐文件
Cici的博客
05-27 1898
<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>MIDI.jsTest</title> <scripttype='te...
vue-stroll-一个很棒CSS3列表滚动效果组件，用于Vue.js2.x。-Vue.js开发
05-27
请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发...
vue-kit:[不推荐使用]基于vue-webpack模板（vue 2.x和vue-router 2.x）的Vue.js项目，带有bulma，chart.js，超棒的字体，Weui。 旨在快速构建演示应用程序或产品原型
03-30
一个基于vue-webpack模板的Vue.js项目，带有bulma，chart.js，超棒的字体。 这基于vue 2.x和vue-router2.x。 与vue 1.x和vue-router 0.7.x一起使用时，请检出1.0。 git clone --branch 1.0 ...
帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js
05-20
与BigVideo.js关联不大，但如果你正在使用Struts开发项目，可以将BigVideo.js集成到页面中，提供更丰富的用户体验。 8. **源代码**：提供的源代码可以让开发者深入理解BigVideo.js的工作原理，便于定制和扩展功能。...
redis-可视化工具-Another.Redis.Desktop.Manager.7z
10-28
一款超棒的redis开源客户端工具，完虐 RDM ，，Another Redis DeskTop Manager在功能和UI上明显高于Redis DeskTop Manager，而且还是开源，果断支持！
midi-player:用JavaScript实现的Midi播放器
05-25
用JavaScript实现的Midi播放器。
MidiPlayer:直接播放 MIDI 音乐的 javascript 类，无需插件
06-13
播放器 直接播放 MIDI 音乐的 javascript 类，无需插件。 作者：X. Chen 创建于：2015/4/1 最后修改时间：2015 年 4 月 3 日Github 网站： 关于 MIDI 是一种广泛使用的在线音乐格式。 然而，HTML5 Audio 标签目前只支持 wav/mp3/ogg 格式。 播放 MIDI 通常使用需要 QuickTime 插件的embed标签，或不推荐使用的标签，例如 IE 中的bgsound ，但并不总是有效。 MidiPlayer javascript 类用于播放 MIDI，没有任何插件。 它需要 HTML5 浏览器：firefox、chrome、safari、opera。 IE9+ 可能工作但未测试。 Firefox 效果最好，其次是 Chrome、Safari 和 Opera。 演示 。 用法 您只需要在 html 页面的 head 部分
midi-parser-js:JSON人类可读的MIDI序列。 从浏览器中的ArrayBuffers，Base64编码的字符串或FileInput元素中读取
05-06
MidiParser.js MidiParser是用于浏览器和Node的Javascript二进制MIDI文件阅读器，可将MIDI二进制数据结构转换为JSON对象，从而使迭代和交互变得更加容易。 小而无依赖 浏览器和节点兼容 支持的数据输入： BASE64编码的Midi数据 UINT8 arrayBuffer，在读取或获取.mid二进制文件时获得。 浏览器中的FileInput Element 自定义Midi消息 例子 在Node中解析MIDI文件的简单示例... let midiParser = require ( 'midi-parser-js' ) ; let fs = require ( 'fs' ) // read a .mid binary (as base64) fs . readFile ( './test.mid' , 'base64' , function
miditools-js:用于 JS 的 MIDI 工具。 演示
06-28
MIDITools-JS MIDITools-JS 是一个简单的脚本，用于与大多数不受支持的网络音频 api 交互。 通过此 API 与 MIDI 设备交互非常容易。 包括 要将此脚本包含在您的项目中，请将其放在 Web 文档中包含的任何其他脚本之前。 midiStart 事件 该midiStart当MIDITools准备开始监听MIDI事件的事件被调用。 midiStart 的唯一参数是status 。 如果status为 true，则 MIDI 已准备好收听。 注意事件 noteEvents 在音符被按下或释放时被调用。 noteEvent 回调可以通过调用midi.noteEvent来创建，第一个参数是回调函数，第二个可选参数是您希望调用回调的音符（默认所有音符）。 noteEvent 回调被传递一个事件对象，包含布尔值on （如果音符被按下，则为 true，如果它被释放，则为 f
midi-demo:使用mudcubeMIDI.js的MIDI JavaScript演示
05-10
中期演示 使用MIDI JavaScript演示。
MIDI.js: JavaScript 中的 MIDI 解析和播放库
gitblog_00058的博客
03-17 678
MIDI.js - 为网页添加MIDI支持的JavaScript库 MIDI.js:musical_keyboard: Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for cre...
MIDI.js - 为网页添加MIDI支持的JavaScript库
gitblog_00051的博客
03-17 697
MIDI.js - 为网页添加MIDI支持的JavaScript库 MIDI.js:musical_keyboard: Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for cre...
使用midi.js在浏览器上播放mid音频文件
sumcourage的专栏
08-07 2246
使用midi.js在浏览器上播放mid音频文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值