Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>webamp testing</title>
- <link href="/style.css" rel="stylesheet" type="text/css" media="all">
- <script src="https://unpkg.com/[email protected]/built/webamp.bundle.min.js"></script>
- </head>
- <body>
- <div id="winamp-container"></div> <!-- This is the div that Webamp will render in. You can style it, too. -->
- <script>
- const Winamp = window.Webamp;
- // All configuration options are optional.
- const webamp = new Webamp({
- // Optional.
- initialTracks: [
- {
- metaData: {
- artist: "Sonic 1", // Change this according to what artist the song is from.
- title: "Green Hill Zone", // Change this according to the song name.
- },
- url: "https://files.catbox.moe/mkivxl.mp3", // Change this according to the URL of the audio you want to be played. I'd suggest storing audio files through catbox, since only paid users can upload audio files to their site.
- },
- // Songs are of course separated by brackets. Make sure there's a comma at the end bracket though.
- {
- metaData: {
- artist: "Sonic 2",
- title: "Chemical Plant Zone",
- },
- url: "https://files.catbox.moe/2v8jpa.mp4", // MP4s work as audio files, too.
- },
- ],
- initialSkin: {
- url: "https://files.catbox.moe/qzmjax.wsz" // This is where you can add a custom skin for Webamp. To find more skins to use, go to https://skins.webamp.org/. Or, you could just keep this awesome Rei Ayanami skin. She is literally me <3
- },
- });
- webamp.renderWhenReady(document.getElementById('winamp-container'));
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment