MediaWiki:Common.js
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
$(function () {
// 在线人数显示
var $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);
});