FinalProject/index.html at master · gracexu94/FinalProject · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Final Project: Music Visualizer</title>
    <style>
      html, body {
        margin: 0;
        overflow: hidden;
      }
      canvas {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <label id="guide" style="position:fixed;color:gray; margin:10px;font: 400 14px Verdana, Arial, sans-serif; text-shadow: gray 0 0 0;">Drag and drop a mp3 file!</label>
    <label id="visualizerInfo" style="position:fixed;color:gray; margin:10px;margin-top:30px;font: 300 14px Verdana, Arial, sans-serif;">
      Press spacebar to pause music, or 'p' to pause camera movement and explore with the mouse.<br>
      Press 's' to turn off automatic switching between the visualizers.<br>
      Cycle through '0', '1', '2', and '3' to see all the different scenes.<br>
      Press 't' to toggle visibility of these instructions. </label>
    <script src="bundle.js"></script>
  </body>
</html>