58 lines
1.6 KiB
HTML
58 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>WEBGL Test</title>
|
|
<link rel="stylesheet" href="out/theme/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="loading-screen">
|
|
<loader></loader>
|
|
<loader class="delay"></loader>
|
|
<span>Loading</span>
|
|
</div>
|
|
<div class="top-menu-left">
|
|
<div class="settings-icon menu-icon">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-cogs"></use>
|
|
</svg>
|
|
</div>
|
|
<div class="upload menu-icon">
|
|
<label for="upload">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-folder-upload"></use>
|
|
</svg>
|
|
</label>
|
|
<input type="file" accept="audio/*" id="upload">
|
|
</div>
|
|
<div class="playlist menu-icon">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-list-music"></use>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="controls">
|
|
<button id="previous">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-caret-left"></use>
|
|
</svg>
|
|
</button>
|
|
<button id="play">
|
|
<svg role="img" class="icon hide">
|
|
<use href="out/icon-sprite.svg#fal-fa-pause"></use>
|
|
</svg>
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-play"></use>
|
|
</svg>
|
|
</button>
|
|
<button id="next">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-caret-right"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<canvas id="c"></canvas>
|
|
<script src="out/js/scripts.min.js"></script>
|
|
</body>
|
|
</html>
|