load assets from s3 for gh-pages hosting

lawreka · Aug 29, 2020 · cccff73 · cccff73
1 parent 3eed43b
commit cccff73
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <title>c h i l l</title>
     <meta name='viewport' content='width=device-width,initial-scale=1'>
     <meta name='description' content='generative lo fi hip hop with magentajs'>
-    <link rel='shortcut icon' href='assets/images/nightskyemoji.png' type='image/png'>
+    <link rel='shortcut icon' href='https://lofi-ai-assets.s3.amazonaws.com/images/nightskyemoji.png' type='image/png'>
     <script src='https://cdn.jsdelivr.net/npm/[email protected]/build/Tone.min.js'></script>
     <script src='https://cdn.jsdelivr.net/npm/@magenta/music@^1.19.0'></script>
     <script src='https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf-core.min.js'></script>
@@ -16,7 +16,7 @@
 
 <body>
     <div id='loading' class='invisible'>
-        <img id='spinner' src='assets/images/spinner.gif'>
+        <img id='spinner' src='https://lofi-ai-assets.s3.amazonaws.com/images/spinner.gif'>
     </div>
     <div id='background'></div>
     <div id='main-screen'>

diff --git a/script.js b/script.js
@@ -15,47 +15,47 @@ const toneWaves = new Tone.Waveform;
 
 const chordSampler = new Tone.Sampler({
     urls: {
-        'A0': 'assets/piano/piano-A0.mp3',
-        'A1': 'assets/piano/piano-A1.mp3',
-        'A2': 'assets/piano/piano-A2.mp3',
-        'A3': 'assets/piano/piano-A3.mp3',
-        'A4': 'assets/piano/piano-A4.mp3',
-        'A5': 'assets/piano/piano-A5.mp3',
-        'A6': 'assets/piano/piano-A6.mp3'
+        'A0': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A0.mp3',
+        'A1': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A1.mp3',
+        'A2': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A2.mp3',
+        'A3': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A3.mp3',
+        'A4': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A4.mp3',
+        'A5': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A5.mp3',
+        'A6': 'https://lofi-ai-assets.s3.amazonaws.com/piano/piano-A6.mp3'
     }
 });
 
 const guitarSampler = new Tone.Sampler({
     urls: {
-        'A1': 'assets/guitar/guitar-A1.mp3',
-        'A2': 'assets/guitar/guitar-A2.mp3',
-        'A3': 'assets/guitar/guitar-A3.mp3',
-        'C4': 'assets/guitar/guitar-C4.mp3'
+        'A1': 'https://lofi-ai-assets.s3.amazonaws.com/guitar/guitar-A1.mp3',
+        'A2': 'https://lofi-ai-assets.s3.amazonaws.com/guitar/guitar-A2.mp3',
+        'A3': 'https://lofi-ai-assets.s3.amazonaws.com/guitar/guitar-A3.mp3',
+        'C4': 'https://lofi-ai-assets.s3.amazonaws.com/guitar/guitar-C4.mp3'
     }
 });
 
 const drumPlayers = new Tone.Players({
     urls: {
-        heart: 'assets/drums/hunterHeartbeat.wav',
-        star: 'assets/drums/star.wav',
-        indigo: 'assets/drums/indigo.wav',
+        heart: 'https://lofi-ai-assets.s3.amazonaws.com/drums/hunterHeartbeat.wav',
+        star: 'https://lofi-ai-assets.s3.amazonaws.com/drums/star.wav',
+        indigo: 'https://lofi-ai-assets.s3.amazonaws.com/drums/indigo.wav',
     }
 });
 
 const naturePlayers = new Tone.Players({
     urls: {
-        rain: 'assets/nature/rain.wav',
-        storm: 'assets/nature/longerstorm.wav',
-        waves: 'assets/nature/quietwaves.wav'
+        rain: 'https://lofi-ai-assets.s3.amazonaws.com/nature/rain.wav',
+        storm: 'https://lofi-ai-assets.s3.amazonaws.com/nature/longerstorm.wav',
+        waves: 'https://lofi-ai-assets.s3.amazonaws.com/nature/quietwaves.wav'
     }
 });
 
 const talkingPlayers = new Tone.Players({
     urls: {
-        her: 'assets/talking/herquote.mp3',
-        exmachina: 'assets/talking/exmachinaquotevocalslouder.wav',
-        irobot: 'assets/talking/irobotquotelouder.wav',
-        vinyl: 'assets/talking/vinyl.wav'
+        her: 'https://lofi-ai-assets.s3.amazonaws.com/talking/herquote.mp3',
+        exmachina: 'https://lofi-ai-assets.s3.amazonaws.com/talking/exmachinaquotevocalslouder.wav',
+        irobot: 'https://lofi-ai-assets.s3.amazonaws.com/talking/irobotquotelouder.wav',
+        vinyl: 'https://lofi-ai-assets.s3.amazonaws.com/talking/vinyl.wav'
     }
 });
 

diff --git a/style.css b/style.css
@@ -26,7 +26,7 @@ body {
     z-index: 2;
     width: 100vw;
     height: 100vh;
-    background-image: url('assets/images/nightsky.jpg');
+    background-image: url('https://lofi-ai-assets.s3.amazonaws.com/images/nightsky.jpg');
     background-size: cover;
     justify-content: center;
     align-items: center;
@@ -45,7 +45,7 @@ body {
     z-index: 0;
     width: 100vw;
     height: 100vh;
-    background-image: url('assets/images/nightsky.jpg');
+    background-image: url('https://lofi-ai-assets.s3.amazonaws.com/images/nightsky.jpg');
     background-size: cover;
 }