musicnot:试用乐谱处理进行回放和可视化

时间:2024-06-10 22:29:46
【文件属性】:

文件名称:musicnot:试用乐谱处理进行回放和可视化

文件大小:278KB

文件格式:ZIP

更新时间:2024-06-10 22:29:46

music JavaScript

音乐不 动机 文章: : 我喜欢这篇文章,并想到了基于给定的声音表在SVG中实现这种可视化的想法。 我之前已经处理过MIDI文件,这很难。 这次,我尝试了MusicXML,它产生了更好的结果,因为它更像是一种人类友好的格式,既存储MIDI信息又存储乐谱布局信息。 使用获取一些简单且可识别的歌曲。 我最终将MusicXML文件解析为一种更简单的格式,并使用WebAudio天真地播放它。 Kinda以模块化的方式工作,尽管到目前为止它依赖于setInterval O :) 现在是乐谱渲染部分:我设法总结了MusicXML与该任务最相关的功能-尽管它可能不适用于非常复杂的歌曲。 它专注于歌曲的一部分(在MIDI / MusicXML术语中,这意味着一个乐器/音轨)。 目前,它正在选择第一个,但用户可以选择哪个。 进一步改进: 尝试选择要用左手和右手弹奏的音符。 目前,此功能依赖


【文件预览】:
musicnot-gh-pages
----vendor()
--------chai.js(136KB)
--------zip.js(30KB)
--------musical.min.js(18KB)
--------mocha.css(5KB)
--------snap.svg-min.js(75KB)
--------musical.js(62KB)
--------snap.svg.js(260KB)
--------inflate.js(57KB)
--------z-worker.js(3KB)
--------fetch.sh(948B)
--------mocha.js(329KB)
----renderSong.js(8KB)
----package.json(775B)
----saveSVG.js(529B)
----test()
--------unit()
----guitar.html(621B)
----guitar.js(8KB)
----index.html(4KB)
----parseSong.js(4KB)
----guitar.css(186B)
----getMusicXMLFromInput.js(3KB)
----playSong.js(2KB)
----.gitignore(41B)
----playAbc.html(2KB)
----README.md(5KB)
----common.js(5KB)
----generator.js(3KB)
----songs()
--------Let_It_Be.xml(216KB)
--------Let_It_Be.abc(2KB)
--------Happy_Birthday.abc(280B)
--------Super_Mario_Theme.xml(303KB)
--------Happy_Birthday.xml(14KB)
----index.css(1KB)

网友评论