开发语言JavaScript / HTML
资源大小22.76KB
运行环境Web / Linux
资源状态可查看
热评墙与播放器如何配合
当前资源围绕网易云音乐热墙网站源代码展开，这套源码把网易云音乐的热门评论和歌曲播放放在同一个页面里。页面加载后，会通过异步请求从网易云音乐相关接口获取 JSON 数据，再把评论以卡片形式渲染出来，访客可以边听歌边浏览评论。
播放部分使用 HTML5 播放器，提供播放、暂停、音量调节、进度条拖拽和切歌等基础控制。评论卡片与播放器相互独立，浏览评论不会打断正在播放的歌曲。
- 热评以卡片布局展示，支持按歌曲、时间或热度排序筛选
- 播放器控制与评论浏览可同时进行
歌单配置与内容控制方式
管理员通过编辑 baoguo.js 文件来指定歌单 ID 或 API 配置参数，从而决定页面展示哪些歌曲和关联评论。源码也支持从随机歌单获取歌曲列表，让每次访问的内容有一定变化。
页面还利用 cookies 和 localStorage 记录播放状态，访客再次打开时能延续之前的收听进度。代码中附有注释和配置示例，修改歌单或调整显示参数时可以直接参考。
- 修改 baoguo.js 第 6 行可更换歌单 ID
- 随机歌单模式增加歌曲发现的随机性
- cookies 与 localStorage 用于记忆播放
静态部署与运行核对
该源码以静态网站形式运行，不需要数据库或特殊后端环境，任何支持静态文件服务的 Web 服务器都可以承载，例如 Apache、Nginx 或简单的 HTTP 服务器。资料建议使用 Linux 服务器，但 Windows 和 macOS 也能运行。
部署时先解压源码并上传到 Web 服务器根目录，修改 baoguo.js 中的歌单 ID 或 API 参数，然后用浏览器访问域名或 IP 地址即可。如果更新配置后页面没有变化，可以清除浏览器缓存再刷新。
- 上传源码文件夹至 Web 根目录
- 按需修改 baoguo.js 中的歌单 ID 与 API 配置
- 配置变更后清除缓存并刷新页面
界面预览
