-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
33 lines (30 loc) · 997 Bytes
/
index.html
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
<head>
<title>Audio Visualizer</title>
<script src="bundle.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<audio id="song" src="rickroll.mp3" autoplay loop></audio>
<img id="floor" src="https://cdn.aframe.io/a-painter/images/floor.jpg" crossOrigin="anonymous">
<img id="skymap" src="https://cdn.aframe.io/a-painter/images/sky.jpg" crossOrigin="anonymous">
</a-assets>
<a-entity id="analyser"
audioanalyser
spotify>
</a-entity>
<a-entity id="sky"
geometry="primitive: sphere; radius: 30; phiLength: 360; phiStart: 0; thetaLength: 90"
material="shader: flat; side: back; height: 2048; src: #skymap; width: 2048"
></a-entity>
<a-entity id="ground"
geometry="primitive: circle; radius: 30.5"
rotation="-90 0 0"
material="src: #floor"
></a-entity>
<a-entity
audio-analyser="#song"
component-that-does-stuff-with-audio-analyser-data
></a-entity>
</a-scene>
</body>