做了个网页电台：随机一站，听听世界上 3.5 万个电台此刻在播什么

[ddter]

上班路上喜欢听广播，但经常听到一半就到公司了；平时干活的时候也想听点新鲜的，不想翻来覆去总是歌单里那几首；偶尔听到一首好听的，还得赶紧翻出音乐 App 去识别是什么歌。

所以就做了这么个小玩意：打开网页按一下，随机掉进世界上某个城市的电台，听听那里此刻在播什么。

能做什么

• 路上没听完：每个台都有分享链接，到公司在电脑上打开接着听；同一个浏览器下次打开，会停在上次听的台
• 想听点新鲜的：按「下一站」随机换台，连续翻台时会提前缓冲后面几台，基本是秒切；可以只听高码率（≥128 / 192 / 320 kbps ），也可以在设置里只留想听的语言
• 听到好歌：能读到曲名的台，直接显示在播什么歌；读不到的点「识别这首歌」就行；曲名旁边点 ♡ 收藏，顺手跳到网易云、QQ 音乐、Spotify 去搜
• 能读到曲名的台还可以开跟唱歌词
• 星图按流派把电台铺开，可以拖着逛；也有地球视图
• 一条线路不通会自动换下一条
• 没有账号，没有广告，收藏只存在你的浏览器里

技术

前端 React + three.js （星图是几万个粒子），后端 Node + SQLite ，电台目录来自社区维护的 Radio Browser ，每周自动刷新、探测哪些台能播。

已知问题

• 部分海外电台在国内网络下可能连不上或比较慢
• iPhone 上的秒切效果还没实测

地址： https://roamdial.com （手机、电脑浏览器直接打开，不用装 App ）

欢迎试试，坏掉的台、标错的地点、想法都可以回帖，或者发邮件到 [email protected]

跟大家汇报下进度：

网页版的实时字幕 / 翻译做出来了，打开方式：右上角灯泡 →「实时字幕」。

- 电台里说的话转成文字，外语翻成中文（也可以选英文或不翻译），原文小字显示在下面，拿来练听力也行。
- 识别模型（ Whisper ）在你自己的浏览器里跑，声音不上传，也不用填 API 。第一次要下载约 200 MB 模型，之后浏览器会缓存；模型放在 RoamDial 自己的服务器上，国内也能直接下。
- 翻译用的是 Chrome 自带的翻译，字幕开着时点一下页面就会下载语言包；其他浏览器只显示原文。
- 默认只给英语台出字幕，其他语言可以在灯泡里勾选。日语、俄语等在有显卡加速时会用大一号的模型，约 600 MB 。
- 新闻、谈话台效果最好；音乐台只在主持人说话、播广告时有字。
- 为了让字幕和说话对上，声音会晚 12 秒左右播放（没有显卡加速时约 15 秒），换台也要等这么久。嫌慢可以关掉「声音对齐」，代价是字幕和声音对不上。
- 目前只在电脑 / 平板上出现，浏览器要比较新，有显卡加速时效果最好。

App 这边，iOS 和安卓基本都开发完了：

- iOS：已经在走审核，估计会比较久。蓝牙、AirPlay 播放都没问题； CarPlay 要等上架后才能申请权限。
- 安卓：在等封闭测试审核，支持 Android Auto 。想尝鲜的可以先用手机 Play 商店登录的 Google 账号加入群组 https://groups.google.com/g/roamdial-testers ，审核通过后打开 https://play.google.com/apps/testing/com.roamdial.app 点「成为测试人员」，再到 Play 商店安装就行。

再次感谢大家对 RoamDial 的支持，有任何 bug 或想法欢迎随时回帖，我都会认真看。

[vcfger]

着实不错诶，有计划考虑把它做成一个 APP 么

[charlie21]

优美 实用

[hanxiV2EX]

挺好看的

[winneter]

太优雅了，收藏！

[jacketma]

效果不错👍就是选台方式太酷炫了，能出个朴素版的嘛😂
能不能按频道“类型/区域”这两个维度分一下类，方便换台哈

[Jammmm]

好用！如果有 APP 能支持 CarPlay 就更好了

[ddter]

@vcfger 大家需要我就动手搞。

@charlie21
@hanxiV2EX
@winneter 感谢～

@jacketma 现在切出去过后页面都是停止渲染的占用很小，类型/区域这两个在首页底部可以选择，右上角设置也能排除。

@Jammmm 我研究一下

[ank580]

不错不错

[Siefy1024]

需要 App

[wuzhihang]

实用

[monmon]

太棒了！！！终于找到了适合放在小副屏的应用
blob:https://imgur.com/4eb18155-a58d-45c2-993d-3a996782bac8

[monmon]

https://imgur.com/4eb18155-a58d-45c2-993d-3a996782bac8

[monmon]

[icount]

好用

[gzzjym]

@monmon 这个副屏是定制的吗，还是买的（有链接吗）

[wshhfy]

帅！终于有新鲜的播放列表了

[xiaoxiaoyunlu]

不错啊，正在享受中，感觉不用 app 更好，其实很多人不喜欢装 app 的，网址一开 随时收听

[spacebound]

有点酷炫啊

[monmon]

@gzzjym 闲鱼搜 ipad 副屏

[uid2023]

真不错！

[0BlackCat0]

很不错啊，设计的很棒

[wanrw]

不错

[Kei001]

很有意思，期待楼主出一个 APP 版本！

[iorilu]

蛮牛逼得啊

能开源吗

想自己整个 app 或改造下

[karmaisbitch]

炫酷

[tyhunter]

赞啊，要是 carplay 也能播放就好了

[kaixinyidian]

so cool ！

[chaoming]

之前特别喜欢在大学下午的时候听电台广播

[ech2o]

很有 radio garden 的感觉，支持一下

[chaoming]

你做的还有其他的产品吗，太有创意了，还有提的吗创意产品吗

[ChuanlongYou]

做的蛮不错的，支持一下。

[nzynzynzy]

radio garden 的升级啊，反应巨快，效果很华丽，我爱了，收藏夹

[Kanataorz]

太酷了

[MacTavish123]

https://www.radio-browser.info/
我自己用的几个 APP/扩展是可以添加代理的。说回来常听的就那几个台，我都导出成 m3u 了。

[nzynzynzy]

提一个小小的建议，听歌的时候我想拨拉一下地球、缩放地球的时候都会造成电台漂移，而调回来就要看缘分了（毕竟电台是按照小亮点排列的，不太好瞄准），可以加一个锁定按钮就好了

[Arvin0913]

好几把炫酷

[tim9527]

很有创意啊 🐂

[IfEles]

酷炫，支持一波，上班不知道听啥刚好开着听

[wKong753900]

优雅，实在是太优雅了

[zgsi]

发现个不知道是不是 bug
鼠标滚轮缩放的时候会切台(不知道是不是准心变了)
只是想看下效果结果台没了
好像还切不回上一个台

[wavever]

优雅，而且挺好看的，我最近做了一个很类似的，也是以地球为主题，然后随机飞来飞去听全球的广播😂，但没 up 的好看

[wyx119911]

真心优雅

[Renven1]

太帅了

[L13]

超级棒，做的很优雅，完成度也够高

[EchoPrince]

酷

[lrtzzzzzz]

不错不错

[twocold0451]

好用

[stefanaka]

牛👍

[keer]

有意思 收藏了。 打游戏的时候，电脑开着这个网页

[burning]

超级棒

[wsws68]

你这个星球滚动好丝滑啊, 是不是还加了什么其他东西, 厉害

[xyzlovezxd]

赞。很好。

[ddter]

@tyhunter 这个我研究下看看网页能不能支持

@nzynzynzy @zgsi 这个我想办法解决一下，右上角有历史记录的，可以往回看，键盘左箭头是上一个电台。

[skyfore]

很不错，帅的

[Adriel]

🤙 想法很棒 效果很棒

[xizh007]

挺炫的且流畅

[Adriel]

可以考虑 播放几秒后隐藏所有 UI 与文本，保留播放效果就很 nice 了

[ymlog]

牛啊

[huzhenghuitm]

泰裤辣

[zxs1024]

很棒，谷歌创建个快捷方式，和 app 一样，最好有个简洁版，手机端不要那么炫酷 👍🏻

[icarrien]

漂亮

[coconutwater]

牛逼

[kkchan1999]

很帅啊

[livedc]

搞一个 app ，能开车时车机切台

[iamdavidzeng]

🐮

[xiaowangdegushi]

要是支持 carplay 就好了

[huangmj1989]

太酷了，收藏了

[keithwhisper]

之前收藏过这个 https://radio.garden/

[pxllong]

Cool

[xxxiong]

不错不错，无聊的时候拿来当背景很适合

[Arrowing]

好炫酷，牛！

[achira]

Cool

[he3369903209]

nb ，很有创意

[Creabine]

有意思，牛哇

[aikilan]

牛逼

[linvscode]

cool! 一个优秀产品诞生了

[azlol]

哇哦，真的不错，好棒啊！！！！！！已经试用且收藏

[ZYXDemo]

雅

[xxlsize]

优雅啊 太优雅了

[missmzcc]

nice 比之前那个 garden app 酷多了

[BlackDoge]

很棒，祝贺🎉

[qaq13037]

提个建议，因为每个电台的声音大小是不一致的，切换起来有割裂，不知道能否自动匹配音量大小

[passtest]

🦅

[linvscode]

能不能搞个随机播放

[jacketma]

@qaq13037 设置里有个“音量统一”的选项，不知道作用有多大

[Tesla9527]

nice

[bluehr]

来 V 站看见过的最有意思的产品，收藏了

[xxxxdingdong]

真不错，很棒

[ttwxdly]

听敌国电台会被查水表吗？

[jacketma]

遇到一个非常奇怪的现象，选择 NPR Newscast ，播报都会以：
“This is NPR News now, the latest headlines every hour.”
严重怀疑，这根本就不是 Live Radio 节目吧？
有大佬能解惑一下吗？

[ddzm]

好用

[anyscript]

有意思

[garner]

酷

[xiaoliuzhenshuai]

优雅

[fedfrank]

该说不说的，真炫酷。。。问下这个网站流量大吗

[SWBMESSI]

太帅了

[wvx]

赞

[bowencool]

牛哇，坐等 iOS

[opzpy]

牛逼 坐等 app

[leadfast]

实在优秀!牛逼