(创建页面,内容为“<noinclude> {{Documentation}} </noinclude> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css"> <div id="ap-{{#var:uid}}" class="aplayer-box"></div> <script> mw.loader.load('https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js').then(function() { new APlayer({ container: document.getElementById('ap-{{#var:uid}}'), audio: [ {{#loop:i|0|{{#len:{{#ls…”) |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
< | <includeonly> | ||
<div id="aplayer-{{{1}}}" class="aplayer"></div> | |||
<script> | |||
(function() { | |||
var loadResources = function() { | |||
if(typeof APlayer === 'undefined') { | |||
// 动态加载CSS | |||
var css = document.createElement('link'); | |||
css.href = 'https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css'; | |||
css.rel = 'stylesheet'; | |||
document.head.appendChild(css); | |||
// 动态加载JS | |||
var js = document.createElement('script'); | |||
js.src = 'https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js'; | |||
js.onload = initializePlayer; | |||
document.body.appendChild(js); | |||
} else { | |||
initializePlayer(); | |||
} | |||
}; | |||
var initializePlayer = function() { | |||
new APlayer({ | |||
container: document.getElementById('aplayer-{{{1}}}'), | |||
audio: [{ | |||
name: '{{{2|未命名曲目}}}', | |||
artist: '{{{3|未知艺术家}}}', | |||
url: '{{{4}}}', | |||
cover: '{{{5|https://example.com/default-cover.jpg}}}', | |||
lrc: '{{{6|}}}' | |||
}] | |||
}); | |||
}; | |||
// 延迟加载防止阻塞页面 | |||
if(window.addEventListener) { | |||
window.addEventListener('load', loadResources, false); | |||
} else if(window.attachEvent) { | |||
window.attachEvent('onload', loadResources); | |||
} | |||
})(); | |||
</script> | |||
</includeonly> | |||