MIDI_JS/index.html at master · Dan12/MIDI_JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
  <!--meta-->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!--title-->
  <title>MIDI Editor</title>

  <!--styles-->
  <!--color palette: http://www.colourlovers.com/palette/2788762/Peppermintsalt-->
  <link rel="stylesheet" href="styles.css" type="text/css" />

  <!--scripts-->
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <script type="text/javascript" src="inputEvents.js"></script>
  <script type="text/javascript" src="note.js"></script>
  <script type="text/javascript" src="multiSelect.js"></script>
  <script type="text/javascript" src="noteHandlerInput.js"></script>
  <script type="text/javascript" src="noteHandler.js"></script>
  <script type="text/javascript" src="midi.js"></script>
  <script type="text/javascript" src="header.js"></script>
  <script type="text/javascript" src="editor.js"></script>
  <script type="text/javascript" src="keyboard/equinoxData.js"></script>
  <script type="text/javascript" src="keyboard/howler.min.js"></script>
  <script type="text/javascript" src="keyboard/backend.js"></script>
  <script type="text/javascript" src="keyboard/keyboardUI.js"></script>
  <script type="text/javascript" src="keyboard/keyboard.js"></script>

  <!--test compiled script-->
  <script type="text/javascript" src="keyboard/testMain.js"></script>
  <script type="text/javascript" src="Compiled.js"></script>

  <!--debug script-->
  <!--<script type="text/javascript" src="main.js"></script>-->

  <!--test player script-->
  <!--<script type="text/javascript" src="keyboard/testPlayer.js"></script>-->
</head>
<body>

  <h1>Basic MIDI Editor</h1>

  <div class="buttons"></div>
  <div id="sound_pack_buttons"></div>

  <p class="soundPack">Loading sounds (0/0). This should only take a few seconds.</p>
  <div id="error_msg"></div>

  <div id="toggle_editor_container" class="click_button" toggle_id="editor_container_div">Editor</div>
  <div id="info_button" class="click_button" toggle_id="info">Info</div>
  <div id="links_button" class="click_button" toggle_id="links">Links</div>
  <div id="songs_button" class="click_button" toggle_id="songs_container">Songs</div>

  <div id="info" class="toggle_container">
      <p>Use your keyboard keys to activate the sounds and your arrow keys to switch the soundpack</p>
      <p>Open up the editor and click the load button to load a song. Adjust the BPM to change the playback speed and learn how to play the song</p>
      <p>Select songs from the songs tab. More to be added soon</p>
      <p>If you keep getting an error when loading the songs and you have AdBlock installed, try pausing it for this page. For some odd reason, AdBlock is blocking all calls to dropbox, which is where the audio samples are hosted.</p>
  </div>

  <div id="links" class="toggle_container">
      <div class="link">Here is the link to the Youtube video that inspired me to get a launchpad and create this website: <a href="https://www.youtube.com/watch?v=SAXpBgkXt60" target="_blank">Nev Plays: Skrillex - First of the Year (Equinox) Launchpad Cover</a></div>
      <div class="link">Here is the link to the tutorial video which has the project file that I recorded all of the sounds from: <a href="https://www.youtube.com/watch?v=PUfQXaxGNNA" target="_blank">Nev Teaches: How to Play Skrillex - First of the Year (Equinox) Launchpad Tutorial</a></div>
      <div class="link">Here is the link to the Animals video: <a href="https://www.youtube.com/watch?v=w4WH3QJ8gAI" target="_blank">Helixus live - Martin Garrix - Animals launchpad performance</a></div>
      <div class="link">Here is the link to the Electro Mashup video: <a href="https://www.youtube.com/watch?v=kJX_zNuxjAA" target="_blank">Live Launchpad Electro Mashup</a></div>
  </div>

  <div id="songs_container" class="toggle_container"></div>

  <div id="editor_container_div" class="toggle_container"></div>


  <div class="credits">

    <h4 class="author">Created by <a href="https://dan12.github.io/" target="_blank">Daniel Weber</a></h4>
    <h4 class="author">Edited by <a href="http://thespacecoder.com/" target="_blank">Dean Sellas</a></h4>

  </div>

  <!--<div class="row">-->

  <!--  <a class="github-button" href="https://github.com/TheSpaceCoder/MIDI_JS" data-icon="octicon-star" data-style="mega" data-count-href="/TheSpaceCoder/MIDI_JS/stargazers" data-count-api="/repos/TheSpaceCoder/MIDI_JS#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star TheSpaceCoder/MIDI_JS on GitHub">Star</a>-->

  <!--  <a class="github-button" href="https://github.com/TheSpaceCoder/MIDI_JS/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/TheSpaceCoder/MIDI_JS/network" data-count-api="/repos/TheSpaceCoder/MIDI_JS#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork TheSpaceCoder/MIDI_JS on GitHub">Fork</a>-->

  <!--</div>-->

  <!--<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>-->

</body>
</html>