Vibe Radio是什么?
Vibe Radio是一个基于Next.js与Three.js构建的开源全球广播探索平台,由ThalesBMC开发与维护。 它以3D交互式地球为核心,让你像在“声音地图”中漫游般,轻松发现并收听来自世界各地的 FM、AM 与网络电台。无论是欧美流行、日韩热曲,还是本地新闻、脱口秀、体育赛评,你都能在同一个网页中即时收听,无需安装应用,也无需频繁切换平台。
核心特点
- 全球电台聚合:涵盖多国家与地区的 FM、AM、网络电台
- 类型丰富:新闻、音乐、脱口秀、体育直播等一应俱全
- 免安装使用:直接在浏览器中访问即可播放
- 跨设备支持:适配 PC、平板和手机端
- 开源项目:代码托管在 GitHub,方便开发者二次定制
技术栈
- Next.js:用于服务器渲染应用程序的 React 框架
- TypeScript:JavaScript 的静态类型检查
- Tailwind CSS:用于样式化的实用优先 CSS 框架
- Three.js:JavaScript 3D 库
适用人群
- 喜欢发现不同文化音乐与广播内容的人
- 语言学习、听力训练的用户
- 喜欢边工作边听背景音乐的上班族
- 需要研究全球电台节目形态的媒体爱好者
Vibe Radio官网及快速上手指南
官网网址:https://www.viberadio.live/
开源地址:https://github.com/ThalesBMC/vibe-radio
1. 环境准备
| 工具/环境 | 要求版本 |
|---|---|
| Node.js | v16 及以上 |
| pnpm | 最新稳定版(推荐 ≥ 8.x) |
| Git | 最新稳定版 |
2. 克隆项目
git clone https://github.com/ThalesBMC/vibe-radio.git
cd vibe-radio
3. 安装依赖
pnpm install
如果你本地没装 pnpm,可以先:
npm install -g pnpm
4. 开发模式运行
pnpm dev
启动后访问http://localhost:3000 即可进入 Vibe Radio 界面。这是热更新模式,适合调试与二次开发。
5. 生产环境构建与部署
pnpm build
pnpm start
- pnpm build 会打包优化后的静态文件与 SSR 代码。
- pnpm start 会在 Node 环境中运行打包好的应用。
本站自媒体指南所展示的Vibe Radio均来源于网络,本站无法保证外部链接的准确性与完整性,且不对外部链接指向的内容拥有实际控制权。收录于2026年3月2日 上午10:19的网页内容,在收录时均合规合法;若后续内容出现违规情况,可联系网站管理员进行删除处理,自媒体指南对此不承担任何法律责任。
浙公网安备33010502012784号