铜钟音乐使用指南：免注册、无广告的免费在线听歌

铜钟音乐使用指南：免注册、无广告的免费在线听歌

【免费下载链接】tonzhon-music铜钟「Tonzhon」: 干净纯粹的音乐平台 (铜钟已不再使用原来的 tonzhon.com，现在的 tonzhon.com 不是正版的铜钟)项目地址: https://gitcode.com/GitHub_Trending/to/tonzhon-music

打开铜钟音乐页面，不用注册也不用登录，直接在顶部搜索框输入歌名或歌手名，回车后结果列表随之刷新；双击其中任意一行，歌曲就从页面底部固定的播放器里开始播放。没有弹窗、没有广告位，也没有需要填写的资料。

🎵 铜钟音乐能干什么

它帮你快速找歌：搜索框支持中文歌名、英文歌名和歌手名，输入后回车，多个来源的结果会合并显示在同一个页面里。

你可以直接开始听：搜索结果里双击歌曲即可播放，底部播放器提供进度条、音量条和上一首、下一首按钮。

它帮你留住喜欢的歌：歌曲条目上有"添加到歌单"按钮，点一下就能把这首歌放进你创建的歌单。

它可以管理聆听列表：你播放过的歌会进入聆听列表，自动保存在浏览器本地，下次打开还在。

免注册在线听歌的完整流程

打开页面后，首页会先加载一部分歌曲。想听指定的歌，把光标放到顶部搜索框，输入关键词后回车，页面切换到搜索结果；每首歌左侧是封面，鼠标移上去会浮出几个小图标。

然后，双击歌曲条目，播放器先显示正在获取来源的提示，加载完成后自动出声；想停住，点一下中间的播放/暂停按钮即可。

接着，点播放器右侧的列表图标，会展开聆听列表侧栏，里面按顺序排着你加进去的歌，当前播放的那首高亮显示；鼠标悬停在某首上会出现删除图标，点一下就能移出列表。

最后，如果想长期收藏，点歌曲条目浮出的"添加到歌单"图标，选一个已有歌单或新建一个，下次打开歌单就能直接听。

（此处建议插入项目界面截图）

容易忽略的几个细节

空格键播放和暂停：页面焦点不在输入框里时，按一下空格就能切换播放/暂停，不用移鼠标去点按钮。

收藏图标平时是隐藏的：点赞和加歌单的图标只在鼠标移到歌曲条目上时才显示，没看到可以先把鼠标停在条目右侧。

音量、播放位置会记住：音量调整、聆听列表都写在浏览器本地，换个歌单或重开页面，设置还在。

能不能离线听：不能。歌曲不下载到本地，断网时只能看列表、听不了声音；登录账号后播放器提供下载入口，可以保存音源。

手机上看是什么样：它主要是桌面网页应用，平板会按桌面版展示，手机上能用但操作空间偏小，不是最佳体验。

⚙️ 铜钟音乐是怎么实现的

铜钟音乐基于 React 和 Vite 构建，界面用 Tailwind CSS 加 Ant Design 组件，页面状态用 Zustand 的小 store 分开管理，比如当前播放的歌、聆听列表各自独立。播放器组件负责向后端请求歌曲音源并驱动 audio 标签，本地数据统一走一个带错误处理的 localStorage 工具。想深入可以看 底部播放器实现、搜索框、聆听列表。本地跑起来的话，clone 仓库（git clone https://gitcode.com/GitHub_Trending/to/tonzhon-music）后执行 npm i，再 npm run dev 即可。

铜钟音乐适合谁

适合想免注册、零广告在线听歌的场景：找歌、播放、建歌单都围绕音乐本身，没有直播和社交动态。如果你需要离线下载收听、多设备账号同步或社区歌单分享，它就不太合适了。

【免费下载链接】tonzhon-music铜钟「Tonzhon」: 干净纯粹的音乐平台 (铜钟已不再使用原来的 tonzhon.com，现在的 tonzhon.com 不是正版的铜钟)项目地址: https://gitcode.com/GitHub_Trending/to/tonzhon-music