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/英雄主义pt.2.mp3'); // <-- 这里填你的音乐 URL
    // 创建音频对象
     bgm.loop = true; // 循环播放
     let bgm = new Audio('/bgm/music.mp3'); // <-- 替换成你的音乐URL
     bgm.volume = 0.3; // 音量
     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.textContent = '🎵 播放背景音乐';
        btn.style.position = 'fixed';
        btn.style.bottom = '10px';
        btn.style.right = '10px';
        btn.onclick = () => bgm.play();
        document.body.appendChild(btn);
     });
     });
    // 创建右下角按钮
    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);
});