111 lines
4.2 KiB
HTML
111 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="description" content="WebAudio Player created by VersusTuneZ"/>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#3949ab">
|
|
<meta name="theme-color" content="#3949ab">
|
|
<title>VIS3D</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="menus">
|
|
<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-image menu-icon">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-file-image"></use>
|
|
</svg>
|
|
</div>
|
|
<div class="upload menu-icon">
|
|
<label for="upload-dir">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-folder-upload"></use>
|
|
</svg>
|
|
</label>
|
|
<input type="file" multiple directory webkitdirectory accept="audio/*" id="upload-dir">
|
|
</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 class="help menu-icon">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-question-circle"></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" data-name="pause" class="pause icon hide">
|
|
<use href="out/icon-sprite.svg#fal-fa-pause"></use>
|
|
</svg>
|
|
<svg role="img" data-name="play" 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>
|
|
<button id="shuffle">
|
|
<svg role="img" class="icon">
|
|
<use href="out/icon-sprite.svg#fal-fa-random"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<canvas id="c"></canvas>
|
|
<canvas id="cInfo"></canvas>
|
|
<div class="grey-screen hide">
|
|
<div id="modal">
|
|
<header>
|
|
<span class="headline">Playlist</span>
|
|
<span class="close">X</span>
|
|
</header>
|
|
<modal-content>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
|
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
|
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
|
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
|
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
|
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
|
</modal-content>
|
|
<modal-footer>
|
|
<div class="inner">
|
|
|
|
</div>
|
|
</modal-footer>
|
|
</div>
|
|
</div>
|
|
<div class="notification">
|
|
|
|
</div>
|
|
<script src="out/js/scripts.min.js?v=1"></script>
|
|
</body>
|
|
</html>
|