58 lines
1.7 KiB
HTML
58 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Audio Visualizer</title>
|
|
<link rel="stylesheet" href="/static/styles.css" />
|
|
</head>
|
|
<body style="margin: 0; background: black">
|
|
<div id="container">
|
|
<div id="loader">Loading model: 0%</div>
|
|
<div id="startButton" style="display: none">BEGIN</div>
|
|
|
|
<div
|
|
id="debug"
|
|
style="
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
color: #efefef;
|
|
display: none;
|
|
"
|
|
></div>
|
|
<div id="subtitles"></div>
|
|
</div>
|
|
<div id="credits" style="display: none">
|
|
<div style="padding: 20px; background-color: rgba(0, 0, 0, 0.5)">
|
|
CREDITS:
|
|
<p>
|
|
Song: Space Chillout by
|
|
<a
|
|
href="/users/penguinmusic-24940186/?tab=audio&utm_source=link-attribution&utm_medium=referral&utm_campaign=audio&utm_content=14194"
|
|
>penguinmusic</a
|
|
>
|
|
from
|
|
<a
|
|
href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=14194"
|
|
>Pixabay</a
|
|
>.
|
|
</p>
|
|
<p>
|
|
3D Hand Model: "Low Poly Human Hands (All Quads)" by
|
|
<a href="https://skfb.ly/WuXz">Jeremy E. Grayson</a>.
|
|
</p>
|
|
<p>Poem & coding by yours truly.</p>
|
|
<p>
|
|
View the
|
|
<a href="https://git.silentsilas.com/silentsilas/audio-visualizer"
|
|
>source code</a
|
|
>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<script src="dist/index.js"></script>
|
|
</body>
|
|
</html>
|