Warning: is_readable(): open_basedir restriction in effect. File(/gitinfo/info.json) is not within the allowed path(s): (/www/wwwroot/wiki.guguwo.top/:/tmp/) in /www/wwwroot/wiki.guguwo.top/includes/utils/GitInfo.php on line 177
模板:APlayer:修订间差异 - 咕咕窝wiki

模板:APlayer:修订间差异

来自咕咕窝wiki
(创建页面,内容为“<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行:
<noinclude>
<includeonly>
  {{Documentation}}
<div id="aplayer-{{{1}}}" class="aplayer"></div>
  </noinclude>
<script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
(function() {
  <div id="ap-{{#var:uid}}" class="aplayer-box"></div>
    var loadResources = function() {
  <script>
        if(typeof APlayer === 'undefined') {
  mw.loader.load('https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js').then(function() {
            // 动态加载CSS
      new APlayer({
            var css = document.createElement('link');
          container: document.getElementById('ap-{{#var:uid}}'),
            css.href = 'https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css';
          audio: [
            css.rel = 'stylesheet';
              {{#loop:i|0|{{#len:{{#lst:audios|@}}}}|{{#ifeq:{{#var:i}}|0||,}}{
            document.head.appendChild(css);
                  url: '{{#lst:audios|{{#var:i}}}}',
 
                  name: '{{#lst:titles|{{#var:i}}}}',
            // 动态加载JS
                  artist: '{{#lst:artists|{{#var:i}}}}'
            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 {
  </script>
            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>

2025年3月16日 (日) 05:42的版本