做了个网页电台：随机一站，听听世界上 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 或想法欢迎随时回帖，我都会认真看。

[zw1027]

很棒，可惜网络不行，体验打折

[SantinoSong]

太强了！求安卓 app ，想要装车机里面

[huaskaFW]

好顶赞

[gulugu]

优秀

[davidliu645]

666

[SvenRogue]

着实优秀啊！！

[victorysl]

太棒了，可以加上 Apple Music 吗？

[mutalisk]

老哥太牛逼了

[eowl]

太酷了，想到了以前的 radio garden

[shanghj]

用了几天，感觉不错。

[mashaobo621]

@ddter OP 执行力没得说👍，respetc ！

[Esot]

太酷了

[alie123]

做的真好，牛逼

[congratulations]

台灣地區的很多連不上，感謝修復

[xntop]

nice ，想复刻一个

[erhsilence]

https://muso.fm/ 这个站点提供了部分电台的播放列表，感觉比识曲准确率更高😀

[GeorgeShrek]

@ddter #7

大佬！怎么说，iOS app 搞不搞啊？

[admirez]

@ddter 感谢啊!

[Lifinglife]

这个网站做得也太棒了吧！！！！终于有机会可以重拾随机收听的快乐了，谢谢大佬

[ddter]

又更新了几处，刷新一下就是新的：

@zw1027 @congratulations 昨晚上了 jp 加速，打开快了不少；今早又加了一版：随机换台时会优先避开国内连不上的台，同一个台连续连不上的，你这台设备也会自动避开 7 天。还有连不上的台欢迎把台名发我

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

@victorysl 正在播的歌名下面有一排链接，点 Apple Music 就能跳过去；用「识别这首歌」认出来的歌也有

上次的字幕补充两点：灯泡里可以选「翻译成」中文 / English / 不翻译；翻译语言包不用专门去点了，字幕开着时点一下页面就会顺带下载。

@boisy @pandasoda @magicZ @zll229636060 @xiangran0028 @chen2yu99 @a57080a @sunshinev @sugars @zsk425 @gogothq @hiboshi @huaskaFW @gulugu @davidliu645 @SvenRogue @mutalisk @shanghj @mashaobo621 @Esot @alie123 @admirez @Lifinglife @xntop 谢谢大家支持！有 bug 或想法随时回帖，我都会看

[colincat]

牛~

[Baooz]

持续关注

[ruansongsong]

@ddter ios app 有没有类似 testflight 内测包呀，想体验

[lssvip]

这个应用确实太棒了，还能有中文字幕，简直厉害了。

[vvenvw]

不错

[GeorgeShrek]

@ruansongsong #323

同求测试版

[avrillavigne]

地图太酷，不太好认地区

[MoozLee]

太酷了，期待 app 版，再期待下支持 carplay

[lanweizhujiao]

真好

[wyjwork]

有意思有意思！

[bladey]

刷到帖子后，去试听，等回来一看 1h 过去了，很棒👍

[aitaii]

你的速度挺快啊

[gentlecoder]

牛

[haojiuweijian1]

漂亮的页面

[smartiscool]

优秀

[swordspoet]

先收藏了，很漂亮。

[ruiy]

优秀

[javerm]

非常棒！体验很好

[colorfulee]

非常好，就是 pc 端 1070 显卡，网页端，这个球旋转起来有点不够丝滑，比较慢。但是没有卡顿，就是不跟手。

[no1guangming]

好网站，喜欢额，
但是，尝试找湖北的电台，
输入拼音“hubei”,没找到，
只好下一站的翻，
原来网站不是按照拼音，
湖北是“hupei”

[Dik3047]

随机掉进陌生城市电台这感觉很对，干活时当背景音比反复听歌单舒服。

也是做独立产品的，我在做 TV Tracker （追剧进度/日历/提醒，不正片）： https://tv-tracker.uk/go?c=v2ex

[liulanghan233]

牛 B ，做成 app

[Jiajin]

能上个 iOS app 吗？兄弟，你这做的有点东西啊。

[Jiajin]

兄弟，你这搞出了点新东西啊，不光 app 很炫（虽然我喜欢简洁的），但里面的电台内容都是我爱听的歌。

[hellosalt]

赞！网页设计的也很有品味

[leegradyllljjjj]

radio.garden 楼主是抄的这个吧

[kazumaa]

真不错啊

[MaMimi]

real cool

[litianyunq]

这个放在附屏上，或者手机上真的可以

[zhaosong]

这个好，放到几年前应该可以拿到不错的融资

[colorfulee]

@colorfulee 原来是 chrome 没开硬件加速导致的。chrome 设置中开启图形加速后，百倍丝滑~

[admirez]

@leegradyllljjjj 说人家抄有意思吗? 觉得自己行就写一个更好的吧

[ddter]

今天 RoamDial 上了 Product Hunt 🎉 有 PH 账号的朋友，方便的话去点个 upvote 或留句话，对一个人做的小产品帮助很大，先谢谢大家：
https://www.producthunt.com/products/roamdial

顺便回一下最近的留言：

@ruansongsong @GeorgeShrek @Jiajin @MoozLee @liulanghan233 iOS 版 10-23 已经提交审核，现在还在排队，过审会自动上架，到时候第一时间回帖。CarPlay 还是要等上架后才能申请

@no1guangming 湖北那个已经修了：电台自己填的旧拼法（ Hupei 之类）现在统一成标准拼音，中文界面直接显示「湖北」，再搜 hubei 试试

@avrillavigne 底部「筛选」里可以按国家 / 地区筛，右上角放大镜也能直接搜城市或台名

@litianyunq 放副屏的话，设置里可以开「省电模式」，画面降低刷新，闲置一分钟进挂机画面，适合长时间挂着听

@colorfulee 原来是硬件加速没开，解决了就好 👍

@erhsilence 谢谢推荐 muso.fm ，记下了，回头研究下能不能接上

@leegradyllljjjj radio.garden 确实是这个方向的前辈，我也很喜欢。RoamDial 想做的是另一种听法：一键随机落到某个台、台和台之间音量统一、能识别歌曲和看同步歌词、按流派铺成星图，省掉复杂操作。 @admirez 谢谢帮忙说话

@colincat @Baooz @lssvip @vvenvw @lanweizhujiao @wyjwork @bladey @aitaii @gentlecoder @haojiuweijian1 @smartiscool @swordspoet @ruiy @javerm @hellosalt @kazumaa @MaMimi @zhaosong 谢谢大家支持！有 bug 或想法随时回帖

[rose2byebye]

太棒啦，交互也挺酷！

[Bream]

泰裤辣，持续关注

[GeorgeShrek]

@ddter #353 已投票 已评论！

[no1guangming]

@ddter 已投票+回复，
话说我的网站，明天在 Product Hunt 上线