MediaWiki:Common.js:修订间差异
来自AG1444
创建页面,内容为“→这里的任何JavaScript将为所有用户在每次页面加载时加载。: // 全局背景音乐 window.addEventListener('load', () => { let bgm = new Audio('/bgm/英雄主义pt.2.mp3'); // <-- 这里填你的音乐 URL bgm.loop = true; // 循环播放 bgm.volume = 0.3; // 音量 bgm.play().catch(() => { console.log('浏览器阻止了自动播放,需要用户操作'); let btn = document.createElement('button');…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | ||
// 全局背景音乐 | // ==== 全局背景音乐 ==== | ||
window.addEventListener('load', () => { | window.addEventListener('load', () => { | ||
let bgm = new Audio('/bgm/ | // 创建音频对象 | ||
bgm.loop = true; // 循环播放 | let bgm = new Audio('/bgm/music.mp3'); // <-- 替换成你的音乐URL | ||
bgm.volume = 0. | bgm.loop = true; // 循环播放 | ||
bgm.volume = 0.5; // 音量 0.0~1.0 | |||
// 尝试自动播放 | |||
bgm.play().catch(() => { | bgm.play().catch(() => { | ||
console.log(' | console.log('自动播放被浏览器阻止,需要用户点击按钮'); | ||
}); | }); | ||
// 创建右下角按钮 | |||
let btn = document.createElement('button'); | |||
btn.id = 'bgm-toggle-btn'; | |||
btn.textContent = '🎵 BGM 开'; | |||
btn.style.position = 'fixed'; | |||
btn.style.bottom = '10px'; | |||
btn.style.right = '10px'; | |||
btn.style.zIndex = '9999'; | |||
btn.style.padding = '5px 10px'; | |||
btn.style.backgroundColor = '#444'; | |||
btn.style.color = '#fff'; | |||
btn.style.border = 'none'; | |||
btn.style.borderRadius = '5px'; | |||
btn.style.cursor = 'pointer'; | |||
// 按钮点击事件:播放/暂停切换 | |||
btn.addEventListener('click', () => { | |||
if (bgm.paused) { | |||
bgm.play(); | |||
btn.textContent = '🎵 BGM 开'; | |||
} else { | |||
bgm.pause(); | |||
btn.textContent = '🎵 BGM 关'; | |||
} | |||
}); | |||
// 添加按钮到页面 | |||
document.body.appendChild(btn); | |||
}); | }); | ||
2026年1月27日 (二) 00:43的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
// ==== 全局背景音乐 ====
window.addEventListener('load', () => {
// 创建音频对象
let bgm = new Audio('/bgm/music.mp3'); // <-- 替换成你的音乐URL
bgm.loop = true; // 循环播放
bgm.volume = 0.5; // 音量 0.0~1.0
// 尝试自动播放
bgm.play().catch(() => {
console.log('自动播放被浏览器阻止,需要用户点击按钮');
});
// 创建右下角按钮
let btn = document.createElement('button');
btn.id = 'bgm-toggle-btn';
btn.textContent = '🎵 BGM 开';
btn.style.position = 'fixed';
btn.style.bottom = '10px';
btn.style.right = '10px';
btn.style.zIndex = '9999';
btn.style.padding = '5px 10px';
btn.style.backgroundColor = '#444';
btn.style.color = '#fff';
btn.style.border = 'none';
btn.style.borderRadius = '5px';
btn.style.cursor = 'pointer';
// 按钮点击事件:播放/暂停切换
btn.addEventListener('click', () => {
if (bgm.paused) {
bgm.play();
btn.textContent = '🎵 BGM 开';
} else {
bgm.pause();
btn.textContent = '🎵 BGM 关';
}
});
// 添加按钮到页面
document.body.appendChild(btn);
});