Differences
This shows you the differences between two versions of the page.
Next revision | Previous revisionLast revisionBoth sides next revision | ||
midi [2023/02/15 20:21] – created melon | midi [2023/04/06 15:52] – [Now you can play midis on your site using these JavaScript commands!] melon | ||
---|---|---|---|
Line 11: | Line 11: | ||
===== Playing a midi on a webpage! ===== | ===== Playing a midi on a webpage! ===== | ||
- | Often you'll want to convert the midi to a compressed mp3 using your preferred reinstatement set: a great free program is GSXCC, this is a program that emulates a Famicom (NES) or SCC sound chip in order to play MIDIs. It can make any MIDI file into chiptunes! You can [[https://meme.institute/ | + | Melon's Mini Music Player! |
+ | Melon created | ||
- | However you can also embed midis directly into a browser using these steps: | + | ==== Midi JS ==== |
- | * **Add an HTML tag to your webpage**. You can use the **< | + | Often you'll want to convert |
+ | You can also embed midis directly into a browser using [[https:// | ||
- | < | + | **Include the MIDIjs script on your web page (put this in the head)**. You can download the script to your site or use this hotlink: |
+ | < | ||
+ | <script | ||
+ | </ | ||
+ | ==== Now you can play midis on your site using these JavaScript commands! ==== | ||
- | This tag will play the midi file with a width of 144 pixels | + | **Play or stop the MIDI file**. You can use the MIDIjs.play() |
+ | < | ||
+ | MIDIjs.play(" | ||
+ | </ | ||
+ | And this code to stop the MIDI file: | ||
+ | < | ||
+ | MIDIjs.stop(); | ||
+ | </ |