MediaWiki:Common.js:修订间差异
来自AG1444
无编辑摘要 |
无编辑摘要 标签:已被回退 |
||
| 第29行: | 第29行: | ||
if (bgm.paused) { | if (bgm.paused) { | ||
bgm.play(); | bgm.play(); | ||
btn.textContent = ' | btn.textContent = '🎵'; | ||
} else { | } else { | ||
bgm.pause(); | bgm.pause(); | ||
btn.textContent = ' | btn.textContent = '⏸'; | ||
} | } | ||
}); | }); | ||
2026年1月27日 (二) 00:54的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
mw.loader.using('mediawiki.util', function () {
// 创建音频对象
const bgm = new Audio('/bgm/英雄主义pt.2.mp3'); // ← 确认这个 URL
bgm.loop = true;
bgm.volume = 0.5;
// 创建按钮
const btn = document.createElement('button');
btn.id = 'bgm-toggle-btn';
btn.textContent = '🎵';
// 按钮样式(右下角)
btn.style.position = 'fixed';
btn.style.right = '12px';
btn.style.bottom = '12px';
btn.style.zIndex = '9999';
btn.style.padding = '6px 10px';
btn.style.background = '#333';
btn.style.color = '#fff';
btn.style.border = 'none';
btn.style.borderRadius = '6px';
btn.style.cursor = 'pointer';
btn.style.opacity = '0.8';
// 点击播放 / 暂停
btn.addEventListener('click', function () {
if (bgm.paused) {
bgm.play();
btn.textContent = '🎵';
} else {
bgm.pause();
btn.textContent = '⏸';
}
});
// 插入页面
document.body.appendChild(btn);
// 尝试自动播放(可能会被浏览器阻止,但不影响按钮)
bgm.play().catch(() => {
console.log('自动播放被浏览器阻止,等待用户点击');
});
});