爱意满满的作品展示区。
ddter

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

  ddter · 12 days ago · 21407 views

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

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

能做什么

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

技术

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

已知问题

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

地址: https://roamdial.com (手机、电脑浏览器直接打开,不用装 App )

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

Supplement 1  ·  6 days ago
跟大家汇报下进度:

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

- 电台里说的话转成文字,外语翻成中文(也可以选英文或不翻译),原文小字显示在下面,拿来练听力也行。
- 识别模型( 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 或想法欢迎随时回帖,我都会认真看。
363 replies  •  2026-10-28 21:54:25 +08:00
1  2  3  4  
❮ ❯
zw1027
    301
zw1027  
   8 days ago via Android
很棒,可惜网络不行,体验打折
SantinoSong
    302
SantinoSong  
   8 days ago
太强了!求安卓 app ,想要装车机里面
huaskaFW
    303
huaskaFW  
   8 days ago
好顶赞
gulugu
    304
gulugu  
   8 days ago
优秀
davidliu645
    305
davidliu645  
   8 days ago
666
SvenRogue
    306
SvenRogue  
   8 days ago
着实优秀啊!!
victorysl
    307
victorysl  
   8 days ago
太棒了,可以加上 Apple Music 吗?
mutalisk
    308
mutalisk  
   8 days ago
老哥太牛逼了
eowl
    309
eowl  
   7 days ago
太酷了,想到了以前的 radio garden
shanghj
    310
shanghj  
   7 days ago via Android
用了几天,感觉不错。
mashaobo621
    311
mashaobo621  
   7 days ago
@ddter OP 执行力没得说👍,respetc !
Esot
    312
Esot  
   7 days ago
太酷了
alie123
    313
alie123  
   7 days ago
做的真好,牛逼
congratulations
    314
congratulations  
   7 days ago
台灣地區的很多連不上,感謝修復
xntop
    315
xntop  
   7 days ago
nice ,想复刻一个
erhsilence
    316
erhsilence  
   7 days ago
https://muso.fm/ 这个站点提供了部分电台的播放列表,感觉比识曲准确率更高😀
GeorgeShrek
    317
GeorgeShrek  
   7 days ago via iPhone
@ddter #7

大佬!怎么说,iOS app 搞不搞啊?
admirez
    318
admirez  
   7 days ago
@ddter 感谢啊!
Lifinglife
    319
Lifinglife  
   7 days ago
这个网站做得也太棒了吧!!!!终于有机会可以重拾随机收听的快乐了,谢谢大佬
ddter
    320
ddter  
OP
   6 days ago
又更新了几处,刷新一下就是新的:

@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
    321
colincat  
   6 days ago
牛~
Baooz
    322
Baooz  
   6 days ago
持续关注
ruansongsong
    323
ruansongsong  
   6 days ago
@ddter ios app 有没有类似 testflight 内测包呀,想体验
lssvip
    324
lssvip  
   6 days ago
这个应用确实太棒了,还能有中文字幕,简直厉害了。
vvenvw
    325
vvenvw  
   6 days ago
不错
GeorgeShrek
    326
GeorgeShrek  
   6 days ago via iPhone
@ruansongsong #323

同求测试版
avrillavigne
    327
avrillavigne  
   6 days ago
地图太酷,不太好认地区
MoozLee
    328
MoozLee  
   6 days ago
太酷了,期待 app 版,再期待下支持 carplay
lanweizhujiao
    329
lanweizhujiao  
   6 days ago
真好
wyjwork
    330
wyjwork  
   6 days ago
有意思有意思!
bladey
    331
bladey  
   6 days ago
刷到帖子后,去试听,等回来一看 1h 过去了,很棒👍
aitaii
    332
aitaii  
   6 days ago
你的速度挺快啊
gentlecoder
    333
gentlecoder  
   6 days ago
牛
haojiuweijian1
    334
haojiuweijian1  
   6 days ago
漂亮的页面
smartiscool
    335
smartiscool  
   6 days ago
优秀
swordspoet
    336
swordspoet  
   6 days ago
先收藏了,很漂亮。
ruiy
    337
ruiy  
   6 days ago
优秀
javerm
    338
javerm  
   6 days ago
非常棒!体验很好
colorfulee
    339
colorfulee  
   6 days ago
非常好,就是 pc 端 1070 显卡,网页端,这个球旋转起来有点不够丝滑,比较慢。但是没有卡顿,就是不跟手。
no1guangming
    340
no1guangming  
   6 days ago
好网站,喜欢额,
但是,尝试找湖北的电台,
输入拼音“hubei”,没找到,
只好下一站的翻,
原来网站不是按照拼音,
湖北是“hupei”
Dik3047
    341
Dik3047  
   6 days ago
随机掉进陌生城市电台这感觉很对,干活时当背景音比反复听歌单舒服。

也是做独立产品的,我在做 TV Tracker (追剧进度/日历/提醒,不正片): https://tv-tracker.uk/go?c=v2ex
liulanghan233
    342
liulanghan233  
   6 days ago via Android
牛 B ,做成 app
Jiajin
    343
Jiajin  
   6 days ago
能上个 iOS app 吗?兄弟,你这做的有点东西啊。
Jiajin
    344
Jiajin  
   6 days ago
兄弟,你这搞出了点新东西啊,不光 app 很炫(虽然我喜欢简洁的),但里面的电台内容都是我爱听的歌。
hellosalt
    345
hellosalt  
   5 days ago
赞!网页设计的也很有品味
leegradyllljjjj
    346
leegradyllljjjj  
   5 days ago
radio.garden 楼主是抄的这个吧
kazumaa
    347
kazumaa  
   5 days ago
真不错啊
MaMimi
    348
MaMimi  
   5 days ago
real cool
litianyunq
    349
litianyunq  
   5 days ago
这个放在附屏上,或者手机上真的可以
zhaosong
    350
zhaosong  
   5 days ago
这个好,放到几年前应该可以拿到不错的融资
colorfulee
    351
colorfulee  
   5 days ago
@colorfulee 原来是 chrome 没开硬件加速导致的。chrome 设置中开启图形加速后,百倍丝滑~
admirez
    352
admirez  
   4 days ago
@leegradyllljjjj 说人家抄有意思吗? 觉得自己行就写一个更好的吧
ddter
    353
ddter  
OP
   2 days ago
今天 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
    354
rose2byebye  
   2 days ago
太棒啦,交互也挺酷!
Bream
    355
Bream  
   2 days ago
泰裤辣,持续关注
GeorgeShrek
    356
GeorgeShrek  
   2 days ago via iPhone
@ddter #353 已投票 已评论!
no1guangming
    357
no1guangming  
   2 days ago
@ddter 已投票+回复,
话说我的网站,明天在 Product Hunt 上线
admirez
    358
admirez  
   1 day ago
其实说实话 这个 音量统一的功能非常强悍,要不 app 也加上 离线音乐播放功能?
wl62613
    359
wl62613  
   14h 25m ago
等出 ios 版本踢一下😁
beyondgamp
    360
beyondgamp  
   13h 13m ago
不错,挺顺的。这个后台是不是让 AI 自动测试,把不顺畅的电台从数据库去掉了。
4X4
    361
4X4  
   10h 57m ago
坐等 ios
qq994865664
    362
qq994865664  
   8h 26m ago
这个确实很好!
jovan
    363
jovan  
   3h 55m ago via iPhone
期待 iOS 版本
1  2  3  4  
❮ ❯
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1562 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 150ms · UTC 17:49 · PVG 01:49 · LAX 10:49 · JFK 13:49
♥ Do have faith in what you're doing.