任何人都有使用Javascript老派Winamp嵌入式播放器的经验吗? [英] Anyone have experience with Javascript old-school winamp embed player?
问题描述
我要在网站上的页面加载中加载自定义.wsz外观的内容.我仍然不知道如何使它正常工作.这是我的代码片段: https://codepen.io/cat999/pen/rNOOjJP
What i want to load a custom .wsz skin on page-load on my website. I still don't understand how to do it to make it work. Here a snippet with my code: 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'
})
})
这是我想在页面加载时看到的皮肤
Here below the skins I would like to see on my page-load
https://srv-file6.gofile.io/download/KwUySB/Aphex_Twin_-_Windowlicker.wsz
任何人都可以帮助我改善我的js代码以使其正常工作?
Anyone could help on How I should improve my js code to make It work?
推荐答案
您看过文档的初始化"部分吗?
Have you seen the Initialization portion of the docs?
https://github.com/captbaritone/webamp/blob/master/docs/usage.md#initialize-the-javascript
尝试通过添加 initialSkin
选项构建Webamp:
Try constructing Webamp by adding an initialSkin
option:
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"
},
})
这篇关于任何人都有使用Javascript老派Winamp嵌入式播放器的经验吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!