Кто-нибудь имеет опыт работы с Javascript проигрывателем Winamp для встраивания в старую школу?

Question

Что я хочу, чтобы загрузить собственный скин .wsz при загрузке страницы на моем сайте. Я до сих пор не понимаю, как это сделать, чтобы это работало. Вот фрагмент с моим кодом: https://codepen.io/cat999/pen/rNOOjJP

js

const webamp = new Webamp({
    initialTracks: [{
        metaData: {
            artist: "DJ Mike Llama",
            title: "Llama Whippin' Intro",
        },
        url: "https://cdn.rawgit.com/captbaritone/webamp/43434d82/mp3/llama-2.91.mp3",
        duration: 5.322286,
    }],
})

webamp.onMinimize(() => {
  const webampEl = document.getElementById('webamp')
  webampEl.style.display = 'none'
})

webamp.renderWhenReady(document.getElementById('app')).then(() => {
  document.getElementById('close').addEventListener('click', (e) => {
    e.stopPropagation()
    const webampEl = document.getElementById('webamp')
    webampEl.style.display = 'none'
  })

  document.getElementById('open').addEventListener('click', () => {
    const webampEl = document.getElementById('webamp')
    webampEl.style.display = 'block'
  })
})

Здесь ниже скинов, которые я хотел бы видеть на моей странице загрузки

https://srv-file6.gofile.io/download/KwUySB/Aphex_Twin_-_Windowlicker.wsz

Кто-нибудь может помочь с тем, Как мне улучшить свой код js, чтобы он работал?

Answer 1

Видели ли вы часть инициализации документов?

https://github.com/captbaritone/webamp/blob/master/docs/usage.md#initialize -the- javascript

Попробуйте создать Webamp, добавив параметр initialSkin :

const webamp = new Webamp({
    initialTracks: [{
        metaData: {
            artist: "DJ Mike Llama",
            title: "Llama Whippin' Intro",
        },
        url: "https://cdn.rawgit.com/captbaritone/webamp/43434d82/mp3/llama-2.91.mp3",
        duration: 5.322286,
    }],
    initialSkin: {
        url: "https://s3.amazonaws.com/webamp-uploaded-skins/skins/dbaead7a819b238d48ca726abd0617bb.wsz"
    },
})