任何人都有使用 Javascript 老式 winamp 嵌入播放器的经验吗？答案

【问题标题】：Anyone have experience with Javascript old-school winamp embed player?任何人都有使用 Javascript 老式 winamp 嵌入播放器的经验吗？
【发布时间】：2020-07-29 12:59:26
【问题描述】：

我想在我的网站的页面加载时加载自定义 .wsz 皮肤。我仍然不明白如何使它工作。这是我的代码的sn-p： https://codepen.io/cat999/pen/rNOOjJP


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 代码以使其正常工作？

【问题讨论】：

为什么将它标记为 Java？ Java 和 JavaScript 不相关
您链接的皮肤文件似乎不可用。是这个吗？ webamp.org/?skinUrl=https://s3.amazonaws.com/…

标签： javascript java html css

【解决方案1】：

您看过文档的初始化部分吗？

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

尝试通过添加 initialSkin 选项来构建 Webamp：

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"
    },
})

【讨论】：