webamp/examples/minimalWindowLayout/index.html
2025-07-04 16:59:08 -07:00

40 lines
1.1 KiB
HTML
Executable file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="app" style="height: 100vh">
<!-- Webamp will attempt to center itself within this div -->
</div>
<script type="module">
import Webamp from "https://unpkg.com/webamp@^2";
const webamp = new Webamp({
windowLayout: {
main: {
position: { top: 0, left: 0 },
shadeMode: true,
closed: false,
},
equalizer: {
position: { top: 230, left: 0 },
shadeMode: true,
closed: false,
},
playlist: {
position: { top: 28, left: 0 },
shadeMode: false,
size: { extraHeight: 3, extraWidth: 11 },
closed: false,
},
},
enableDoubleSizeMode: true,
});
// Returns a promise indicating when it's done loading.
webamp.renderWhenReady(document.getElementById("app"));
</script>
</body>
</html>