[JS][HTML] Trax Machine

Ein weiteres unfertiges Tool, welches damals für's CR geplant war.

<p>Hier ein weiteres, unfertiges Script, welches für's CR geplant war: Die Trax Maschine.<br>Bilder kann ich euch keine zeigen, denn das Einzige, was dieses Programm kann ist, einen Trax Song abzuspielen.</p>
<p>Der Trax Song ist folgendermaßen aufgebaut: <strong>1:</strong><em>71</em>,8;<em>72</em>,8<strong>:2:</strong><em>73</em>,8<strong>:3:</strong><em>71</em>,8;<em>72</em>,8<strong>:4:</strong><em>73</em>,8<strong>:</strong></p>
<p>Die fetten Zahlen geben dabei jeweils die "Spur" vom Track an (Es gab 4 Spuren):<br>Anfang der ersten Spur -&gt;<strong>1:</strong> [..] <strong>:</strong> &lt;- Ende der ersten Spur (usw)</p>
<p>Die kursiven Zahlen sind die Nummer des Samples (schaut im MP3 Ordner "sond_machine_sample_x.mp3).<br>Diese Nummer setzt sich wie folgt zusammen: (AlbumID - 1) * 9 + SampleID.</p>
<p>Beispiel:<br></p>
<woltlab-spoiler data-label=""><p>AlbumID = 1 =&gt; (1-1) + jeweilige SampleID</p>
<p><img src="http://image.prntscr.com/image/c86cf155…8b8d2dc2701.png"><br><em>Edit: Nummerierung fängt bei 0 an, nicht bei 1.. sry <img src="https://retrotown.ws/wcf/images/smilies/emojione/1f604.png" class="smiley" alt="^^" height="23" srcset="https://retrotown.ws/wcf/images/smi…ne/1f604@2x.png 2x"> </em></p>
<p>Nützlicher Link: <a href="http://www.habborator.org/trax/">habborator</a></p></woltlab-spoiler><p></p>
<p>Die normal geschriebenen Ziffern sind die Länge, also wie lange die jeweilige MP3 abgespielt werden soll (jedoch *2 =&gt; Im Beispiel somit nicht 8, sondern 16 Sekunden)</p>
<p>Die ID des Mp3's und die Länge ergeben einen Block (Die Daten im Block werden mit einem Komma getrennt),<br>mehrere Blöcke werden mit einem Semikolon getrennt <em>ID_1 , Länge_1 ; ID_2 , Länge_2</em></p>
<p>So viel zum Verständnis des Trax Tracks.<br>In der HTML Datei ist momentan Furni Face von Lady Blabla hardgecoded, was folgendermaßen aussieht:<br></p>
<woltlab-spoiler data-label=""><p><br></p>
<pre data-file="" data-highlighter="" data-line="1">1:379,4;45,4;0,1;205,2;42,5;37,4;384,2;41,4;42,5;0,2:2:0,3;199,3;0,1;383,3;519,4;515,8;519,8;39,2;0,1:3:0,2;205,2;382,4;522,2;516,12;518,8;0,3:4:0,4;386,2;0,2;43,1;0,1;207,3;202,1;520,8;44,2;0,2;520,4;207,3:</pre>
<p></p>
<p>Das ganze wurde jedoch in einem Array verarbeitet (Könnte man auch mit wenigen Handgriffen automatisieren) was dann so aussieht:</p>
<pre data-file="" data-highlighter="" data-line="1">var trackData = [
// Track 1
[
{
id: 1,
album: 43,
length: 4
},
{
id: 9,
album: 5,
length: 4
},
{
id: 0,
album: 1,
length: 1
},
{
id: 7,
album: 23,
length: 2
},
{
id: 6,
album: 5,
length: 5
},
{
id: 1,
album: 5,
length: 4
},
{
id: 6,
album: 43,
length: 2
},
{
id: 5,
album: 5,
length: 4
},
{
id: 6,
album: 5,
length: 5
},
{
id: 0,
album: 1,
length: 2
}
],
// Track 2
[
{
id: 0,
album: 1,
length: 3
},
{
id: 1,
album: 23,
length: 3
},
{
id: 0,
album: 1,
length: 1
},
{
id: 5,
album: 43,
length: 3
},
{
id: 6,
album: 58,
length: 4
},
{
id: 2,
album: 58,
length: 8
},
{
id: 6,
album: 58,
length: 8
},
{
id: 3,
album: 5,
length: 2
},
{
id: 0,
album: 1,
length: 1
}
],
// Track 3
[
{
id: 0,
album: 1,
length: 2
},
{
id: 7,
album: 23,
length: 2
},
{
id: 4,
album: 43,
length: 4
},
{
id: 9,
album: 58,
length: 2
},
{
id: 3,
album: 58,
length: 12
},
{
id: 5,
album: 58,
length: 8
},
{
id: 0,
album: 1,
length: 3
}
],
// Track 4
[
{
id: 0,
album: 1,
length: 4
},
{
id: 8,
album: 43,
length: 2
},
{
id: 0,
album: 1,
length: 2
},
{
id: 7,
album: 5,
length: 1
},
{
id: 0,
album: 1,
length: 1
},
{
id: 9,
album: 23,
length: 3
},
{
id: 4,
album: 23,
length: 1
},
{
id: 7,
album: 58,
length: 8
},
{
id: 8,
album: 5,
length: 2
},
{
id: 0,
album: 1,
length: 2
},
{
id: 7,
album: 58,
length: 4
},
{
id: 9,
album: 23,
length: 3
}
]
];</pre></woltlab-spoiler><p></p>
<p>Ich hoffe das ist dem ein oder anderem nützlich <img src="https://retrotown.ws/wcf/images/smilies/emojione/263a.png" class="smiley" alt=":)" height="23" srcset="https://retrotown.ws/wcf/images/smilies/emojione/263a@2x.png 2x"></p>
<p>P.S.: In der ZIP ist der mp3 Ordner direkt dabei, wer nur die HTML Datei braucht:<br></p>
<pre data-file="trax.html" data-highlighter="html" data-line="1"></pre>