文档中心› 赛博岛屿› 岛屿背景音乐:场景曲单 · 播放器 · 管理后台配置

岛屿背景音乐:场景曲单 · 播放器 · 管理后台配置

最后更新:2026-11-01 · 49 次阅读

场景与曲单

赛博岛屿每个场景都有自己的背景音乐,进入场景自动播放、切换场景音乐跟随:

场景说明
家园岛自己的岛与参观别人的岛共用一张曲单
世界漫游百米高空俯瞰群岛
矿洞探险全屏 3D 矿洞
钓鱼台钓鱼台页面
生态集市3D 体素集市小镇
落锤拍卖行底栏拍卖面板
合成工坊底栏合成面板与世界工坊

播放器控件

  • 岛屿页面右下角有一颗小圆钮:鼠标悬浮自动展开播放器,移开自动收起
  • 控件:上一首 / 播放暂停 / 停止 / 下一首 + 音量条;触屏设备点圆钮展开、点外部收起
  • 播放中圆钮会变成跳动的均衡器条,不用展开也能看出在放歌
  • 音量、静音等偏好自动记忆;离开岛屿页面音乐自动停

音源格式

  • 同时支持 mp3 直链 与 HLS(m3u8)切片,可混排在同一张曲单里
  • 分段曲目:一首歌被切成两三个 mp3 时,在后台该曲目下点「+ 分段」依次填入各段地址(最多 6 段),播放器会按顺序连播——当前段快播完时预加载下一段,段界换源几乎无感
  • 切片在 Chrome / Edge / Firefox 走 hls.js(按需加载不拖慢首屏),Safari 走原生支持
  • 浏览器拦截自动播放时,进入岛屿后首次点击页面音乐即起播

站长如何换歌(管理后台)

入口:管理后台 → 赛博岛屿 → 背景音乐

  • 每个场景一张曲单:可添加曲目(曲名 / 署名 / 地址,支持 2~6 段 mp3 分段连播)、上移下移调整播放顺序、试听(分段曲按完整顺序试听)、移除
  • 上传音频:单首最大 20MB,支持 mp3 / m4a / ogg / wav / flac,传完自动加进该场景曲单
  • HLS 切片为多文件集合,不做页面上传:把切片与 m3u8 放到服务器 src/public/farm-bgm/ 或对象存储,曲单里直接填 m3u8 地址(本站地址以 /static/ 开头)
  • 未配置的场景回退到内置曲单;「恢复内置曲单」按钮可一键找回
  • 总开关关闭后全站静音、播放器隐藏
  • 保存后自己刷新岛屿页即可听到新曲单,其他玩家下次进入岛屿时生效
音乐只在岛屿页面播放,离开岛屿(进入博客、IM 等其他页面)自动停止,不会打扰。