qiao / euphony Goto Github PK

View Code? Open in Web Editor NEW

846.0 50.0 122.0 16.4 MB

MIDI visualizer in WebGL

Home Page: http://qiao.github.com/euphony

CSS 12.93% JavaScript 67.27% CoffeeScript 19.80%

euphony's Introduction

Euphony

Euphony is a web-based MIDI player and visualizer.

Please visit http://qiao.github.com/euphony to start playing. (Chrome only)

Thanks to the authors and contributors of the following projects, without whom this project would not have been possible:

Libraries:

three.js - JavaScript 3D library
MIDI.js - Sequencing in JavaScript
jasmid - A MIDI file reader and synthesiser in JavaScript
base642binary.js - Base64 binary decoding in JavaScript
async.js - Async utilities
spin.js - A spinning activity indicator
javascript-state-machine - A finite state machine javascript micro framework
jQuery - Duh
jQuery Easing Plugin - A jQuery plugin from GSGD to give advanced easing options
nanoScrollerJS - A jQuery plugin that offers Mac OS X Lion-styled scrollbars

Iconfont:

Font Awesome - The iconic font designed for use with Twitter Bootstrap

Soundfont:

PersonalCopy - High quality soundfonts

Also:

MIDITrail - A MIDI player which provides 3D visualization of MIDI datasets. (This is the project that Euphony mimics. And its source code is the most beautiful one that I have ever read).

License

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

euphony's People

Contributors

Stargazers

Watchers

Forkers

ryan-johnson rtorre kilokeith pikonori baumicon juanrebolledog michft arush bradparks kewinwang atgfr8 gonjay georgexiong quake0day mariodu futek imclab savantos bergsail nagi bornalibertines dotmido zztczcx ecompositor avdg shisq2012 tianshuo blakewest jerteach nicksteele xiddw preciouslost lyoko-jeremie vprtwn pdrhdez patou jmartinho avect mkeblx kzahel mayubin evanxd multilab thechenhan niqmk godspace mknj mcanthony crescent-hacker lorenzobracciale sfears dieface coffeine-009 simudream peter1000 robertdash gion plinkout arthursw atntias zmm623 ramiabraham limin2021 weihuang0908 kevin-chau guoyu07 adamnemecek xinyufeng wingoc fritzsche btushinde leetcodes joseraulmail limingxu-notts agoramachina rhapsodyworld andtekvo gpsbird mrap hkylin bgramming roman-vabishchevych elfhirdev dpresence neko-pang gogoend vincens2005 briareo seem-sky infinitesamuel ihaiucom richgong b6pzeusbc54tvhw5jgpyw8pwz2x6gs hack22learn jwhollbush neurobe zagoshipda mieras javaarchive e7dal

euphony's Issues

播放速度不正确

有些MIDI在Windows中播放速度是正确的但是在你的网页中总是慢一点。

why need Base64 to Binary

works OK in Firefox

README.md says

Please visit http://qiao.github.com/euphony to start playing. (Chrome only)

but I went there in Firefox 20 (Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:20.0) Gecko/20100101 Firefox/20.0_ and it played and rendered OK.

14号曲目有误

14号曲目有误。
Minuet in G 不是 J.S. Bach 的曲目，而是 Christian Petzold 的。

参考：https://zh.wikipedia.org/zh-cn/小步舞曲_(巴哈)

why need Base64 to Binary ?

i want play binary mid file

I think the color should be base on tracks rather than notes

RT
Using same color may seems ugly but will be more conductive to visualization.

Demo does not play on chrome 37

On: https://qiao.github.io/euphony/#7
Os: windows

I'm getting following error.

Drag and Drop support not working

I'm on Chrome on a Mac (Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.57 Safari/537.17), and drag and drop support seems to be not working.

Instead, the file is downloaded back.

Fails to start on Android Chrome Beta

Android Chrome Beta has support for WebGL, however Ruphony gets stuck on:

Soundfont (2MB)
Flash Interface...

Exclusion of channel 10 in MIDI files?

Hey, hey! First of all, wanted to say, that it's an awesome work you've done here!

I would like to ask you, maybe you know, if there is a possibility to exclude Channel 10 in MIDI files from being processed? Channel 10 is reserved for percussion, and when converted to just piano notes, doesn't make any sense.

I've discovered that, while I was fooling around with your script and trying out my own collection of MIDI files, so a demo is already up: http://pony.poltyn.com/euphony/#4

The original MIDI file: http://bit.ly/As2KqP

Once again, an amazing demo. :)

Incorrect tempo

I found that the tempo is a little bit faster when I drag one MIDI file of my own.

If you want me to provide additional information, feel free to ask.

Error when running Euphony locally in chrome on OS X

An error occurs when changing track.
This happens under chrome (Version 40.0.2214.10 beta (64-bit) on OS X Yosemite 10.10.1),

I used the debug.html version, and I renamed state-machine.js taken from https://github.com/jakesgordon/javascript-state-machine to state-machine.min.js to get the full stack:

The error:
state-machine.min.js:76 Uncaught TypeError: undefined is not a function

The stack:
StateMachine.create.fsm.error (state-machine.min.js:76)
StateMachine.doCallback (state-machine.min.js:95)
StateMachine.afterThisEvent (state-machine.min.js:107)
StateMachine.afterEvent (state-machine.min.js:118)
StateMachine.buildEvent.transition (state-machine.min.js:166)
StateMachine.buildEvent (state-machine.min.js:184)
PlayerWidget.ontrackchange (PlayerWidget.js:195)
__bind (PlayerWidget.js:4)
PlayerWidget.setTrackFromHash (PlayerWidget.js:214)
__bind (PlayerWidget.js:4)
f.event.dispatch (jquery-1.7.1.min.js:3)
f.event.add.h.handle.i (jquery-1.7.1.min.js:3)
hashchange (async)
PlayerWidget.setTrack (PlayerWidget.js:207)
__bind (PlayerWidget.js:4)
(anonymous function) (PlayerWidget.js:65)
f.event.dispatch (jquery-1.7.1.min.js:3)
f.event.add.h.handle.i (jquery-1.7.1.min.js:3)

misleading name

Euphony was a music format popular on the FM Towns hardware.. using the same name for this project here is misleading (unless your player actually knows how to handle respective *.eup/.pmb/.fmb files).