MediaWiki:Common.js

$(function () {
  // 在线人数统计
  const $counter = $('<div id="online-counter">当前在线 <span style="color:#a782ff;">👥</span>：<span id="online-number">加载中...</span></div>');
  $('body').append($counter);

  function updateOnlineNumber() {
    $.getJSON('/api/online.php', function(data) {
      $('#online-number').text(data.count || 0);
    }).fail(function () {
      $('#online-number').text('获取失败');
    });
  }
  updateOnlineNumber();
  setInterval(updateOnlineNumber, 30000);
});

mw.loader.using('mediawiki.util', function () {
  // 防止重复注入
  if (document.getElementById('bgm')) return;

  const audio = document.createElement('audio');
  audio.src = 'https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3';
  audio.loop = true;
  audio.id = 'bgm';

  // 恢复播放时间（必须等元数据加载完）
  const lastTime = localStorage.getItem('bgm-time');
  if (lastTime) {
    audio.addEventListener('loadedmetadata', () => {
      audio.currentTime = parseFloat(lastTime);
    });
  }

  const player = document.createElement('div');
  player.innerHTML = `
    <button onclick="document.getElementById('bgm').play()">▶ 播放</button>
    <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
    <div style='flex-grow:1; height:6px; background:#444; border-radius:3px; overflow:hidden;'>
      <div id='bar' style='height:6px;width:0%;background:#66f;'></div>
    </div>
  `;

  player.style.cssText = `
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    background: #111;
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    box-shadow: 0 0 10px #000;
    font-size: 14px;
  `;

  document.body.appendChild(audio);
  document.body.appendChild(player);

  // 首次点击激活播放
  document.body.addEventListener('click', function () {
    audio.play().catch(() => {});
  }, { once: true });

  // 播放进度和位置存储
  setInterval(function () {
    if (!audio.duration) return;
    const percent = (audio.currentTime / audio.duration) * 100;
    document.getElementById('bar').style.width = percent + '%';
    localStorage.setItem('bgm-time', audio.currentTime);
  }, 300);
});