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

最新推荐文章于 2024-04-14 09:44:28 发布
最新推荐文章于 2024-04-14 09:44:28 发布
阅读量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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 实现页面播放特定音符(如：C4)
qq_42817985的博客
08-26 1375
用 第三方js 实现页面播放指定音符
用JS生成MIDI文件（附代码）
u012767526的专栏
05-26 6732
用JS生成MIDI文件大家好，近期我们的课程需要我们做一个应用，我的的小组打算做一个在线的伴奏制作平台，这意味着我们需要知道如何在线制作音乐以及如何用浏览器播放。 小编我这一节就跟大家讲解下如何用Javascript从无到有编写一个属于自己的MIDI制作程序吧。 首先，先给大家一篇讲解MIDI格式讲解的链接，中文！小编这里就不多赘述啦。 http://blog.sina.com.cn/s
vue-stroll-一个很棒CSS3列表滚动效果组件，用于Vue.js2.x。-Vue.js开发
05-27
vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发https://rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js在生产环境中使用此URL https：// cdn.rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js Import ES6从'vue-stroll'导入VueStroll CommonJS var VueStroll = require（'vue-stroll'）; 脚本
旅游行业深度解析狂人国：超棒体验，逆势增长-1024-国泰君安-25页.pdf
07-28
旅游行业深度解析狂人国：超棒体验，逆势增长-1024-国泰君安-25页.pdf
探索音乐与代码的交汇点：MIDI.js-SoundFonts
最新发布
gitblog_00084的博客
04-14 358
探索音乐与代码的交汇点：MIDI.js-SoundFonts 项目地址:https://gitcode.com/gleitz/midi-js-soundfonts 该项目，MIDI.js-SoundFonts，是开发者Gleitzman创建的一个JavaScript库，旨在让你在浏览器中直接播放MIDI文件，实现了Web音频和MIDI的完美融合。通过使用SoundFonts，这个项目提供了一种独特...
使用midi.js写一个可视化钢琴
weixin_33753845的博客
01-04 2983
可视化钢琴 使用钢琴音色播放Midi文件，并且将按键可视化到钢琴键盘上。如图： 主界面： github链接 https://github.com/qk44077907...在线demo https://qiankun.netlify.com/p... ...
使用midi.js在浏览器上播放mid音频文件
sumcourage的专栏
08-07 2004
使用midi.js在浏览器上播放mid音频文件
MIDI.js - 为网页添加MIDI支持的JavaScript库
gitblog_00051的博客
03-17 403
MIDI.js - 为网页添加MIDI支持的JavaScript库 MIDI.js是一个轻量级的JavaScript库，用于在Web浏览器中播放、录制和处理MIDI数据。这个项目由mudcube创建，并且是开源的，你可以根据自己的需求进行定制和扩展。 什么是MIDI？ MIDI（Musical Instrument Digital Interface）是一种电子音乐标准，它允许不同的数字乐器之间进...
使用 MIDI.js 播放mid音乐文件
Cici的博客
05-27 1795
<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>MIDI.jsTest</title> <scripttype='te...
前端项目-midi.js.zip
09-02
前端项目-midi.js,帮助创建HTML5 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-player:JavaScript MIDI播放器
05-05
MIDI播放器 MIDI Player是基于JavaScript播放器，具有简单的jQuery界面。 它使用乐器补丁。 演示和示例使用 尝试此以查看/收听其运行情况。 一旦包含在页面中，您只需要执行以下操作（其中歌曲是Base64编码的midi文件）： [removed][removed] [removed][removed] [removed][removed] $( document ).ready(function() { $("#player").midiPlayer({ color: "red",
MidiWriterJS：♬一个JavaScript库，提供用于以编程方式生成和创建富有表现力的多轨MIDI文件和JSON对象的API
02-04
i MidiWriterJS MidiWriterJS是一个JavaScript库，提供用于生成富有表现力的多音轨MIDI文件的API。 请注意， master分支正在积极开发中，因此，如果您正在寻找经过尝试且真正稳定的版本，请使用最新版本。 安装 npm install midi-writer-js 入门 var MidiWriter = require ( 'midi-writer-js' ) ; // Start with a new track var track = new MidiWriter . Track ( ) ; // Define an instrument (opt
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
Moment.js 不容错过的超棒Javascript日期处理类库
10-28
moment.js是一个轻量级并且健壮的js日期处理类库，相信大家在javascript开发过程中，都自己动手写过，或者使用google和百度搜索过相关的实现函数
帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js
05-20
帮助你生成全屏视频背景的超棒jQuery插件实例，附带源代码
【win】mysql-installer-community-5.7.31.0.zip
09-10
【win】mysql5.7.31的可执行安装包 安装体验超棒233 解压后就是msi格式的啦 官网的下太慢了重新传了一个
能给我一些学习算法的超棒的网站吗
02-12
当然可以！以下是一些推荐的学习算法的网站： 1. Coursera：提供了各种机器学习课程，从入门到高级。 2. Kaggle：一个数据科学和机器学习竞赛平台，可以帮助您提高实际技能。 3. EdX：提供了很多机器学习课程，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值