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

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

  ddter · Oct 16 · 23750 views

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

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

能做什么

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

技术

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

已知问题

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

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

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

Supplement 1  ·  Oct 22
跟大家汇报下进度:

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

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

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

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

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

也是做独立产品的,我在做 TV Tracker (追剧进度/日历/提醒,不正片): https://tv-tracker.uk/go?c=v2ex
liulanghan233
liulanghan233
Oct 22 via Android
342
牛 B ,做成 app
Jiajin
Jiajin
Oct 22
343
能上个 iOS app 吗?兄弟,你这做的有点东西啊。
Jiajin
Jiajin
Oct 22
344
兄弟,你这搞出了点新东西啊,不光 app 很炫(虽然我喜欢简洁的),但里面的电台内容都是我爱听的歌。
hellosalt
hellosalt
Oct 23
345
赞!网页设计的也很有品味
leegradyllljjjj
346
radio.garden 楼主是抄的这个吧
kazumaa
kazumaa
Oct 23
347
真不错啊
MaMimi
MaMimi
Oct 23
348
real cool
litianyunq
349
这个放在附屏上,或者手机上真的可以
zhaosong
zhaosong
Oct 23
350
这个好,放到几年前应该可以拿到不错的融资
colorfulee
351
@colorfulee 原来是 chrome 没开硬件加速导致的。chrome 设置中开启图形加速后,百倍丝滑~
admirez
admirez
Oct 24
352
@leegradyllljjjj 说人家抄有意思吗? 觉得自己行就写一个更好的吧
ddter
ddter
OP
Oct 26
353
今天 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
太棒啦,交互也挺酷!
Bream
Bream
Oct 26
355
泰裤辣,持续关注
GeorgeShrek
GeorgeShrek
Oct 26 via iPhone
356
@ddter #353 已投票 已评论!
no1guangming
357
@ddter 已投票+回复,
话说我的网站,明天在 Product Hunt 上线
admirez
admirez
Oct 27
358
其实说实话 这个 音量统一的功能非常强悍,要不 app 也加上 离线音乐播放功能?
wl62613
wl62613
Oct 28
359
等出 ios 版本踢一下😁
beyondgamp
360
不错,挺顺的。这个后台是不是让 AI 自动测试,把不顺畅的电台从数据库去掉了。
4X4
4X4
Oct 28
361
坐等 ios
qq994865664
362
这个确实很好!
jovan
jovan
Oct 28 via iPhone
363
期待 iOS 版本
elder
elder
Oct 29
364
非常棒
admirez
admirez
4 days ago
365
楼主, 请问 ios 版本进度如何了啊
ddter
ddter
OP
4 days ago
366
@admirez 还在等待审核,现在新 app 审核都是非常慢。。。
swordspoet
swordspoet
3 days ago
367
OP 你好,在听广播的时候听到提示「 Download our free - mobile application 」,这是官方插入的吗?换了一个台也会有提示。
swordspoet
swordspoet
3 days ago
368
https://roamdial.com/?s=c7ff0e1852d5 是这个台,说是要下载一个 radio art 的 app 。
ddter
ddter
OP
3 days ago
369
@swordspoet
你好! RoamDial 本身没有任何音频插入或贴片广告,网页完全是直连电台的原生音频流播放的。

你听到的这个提示是电台提供方自己播出的宣传片:这个台是希腊的商业网络电台 Radio Art (旗下有几十个专门的睡眠、冥想、爵士音乐台)。他们提供的免费音频流会在开头定期插入自己官方电台 App ( Radio Art App )的推广语音。如果随机切到了 Radio Art 旗下的其他频道,也会听到他们自己的这个提示。
swordspoet
swordspoet
3 days ago
370
@ddter #369 明白了。原来这几个 radio arts 的台是连在一块的,我纳闷怎么换台了一次还是有提示。谢谢 OP 维护,很好的网站👍。
nzynzynzy
nzynzynzy
3 days ago
371
使用第 N 天发现一个微小的 feature:通过链接进入的电台名称和播放时不一致
复现步骤:
1. 通过以下链接打开 https://roamdial.com/?s=a918d977f3d7
2. 观察电台名称,字体是 Instrument Serif
3. 点击 listen to this station
4. 观察电台名称,字体是 JetBrains Mono
ddter
ddter
OP
3 days ago
372
@nzynzynzy 台名本身的内容是一致的,你发现的其实是一个设计上的视觉切换 😃:

打开分享链接时的开场卡片走的是人文感,所以台名大字用了衬线体 Instrument Serif ;
点了播放之后,进入星图仪表盘视角,桌面端播放卡片切成了无衬线体 Inter (配合字符翻滚动效)和等宽字体 JetBrains Mono (元数据/状态);
(如果在手机竖屏上听,播放时的电台大名就依然是 Instrument Serif )。

感谢这么细致的体验观察,是觉得有点奇怪吗,这个之前特地弄的。
nzynzynzy
nzynzynzy
3 days ago
373
@ddter #372 我感知下整体关于电台名称无论在地球上还是播放的时候都是等线字体,所以出现一个衬线字体有点惊讶,以为是迭代的时候漏掉了。
ddter
ddter
OP
23h 51m ago
374
来交作业了!大家之前催的原生 App 做出来了:
- iOS 版已经过审上架 App Store (非国区): https://apps.apple.com/app/id6826042937 ( CarPlay 权限昨晚也批下来了,已提审 0.1.1 ,过审就能上车机)
- 安卓版正在 Google Play 封闭测试(支持 Android Auto )
专门开了个新帖送 RoamDial Pro 永久买断码,之前在这帖里求过 App 的朋友,直接去新帖回一句,优先给你们发码:
👉 新帖地址: https://www.v2ex.com/t/1254622
@vcfger @Jammmm @Siefy1024 @Kei001 @iorilu @tyhunter @zxs1024 @livedc @xiaowangdegushi @missmzcc @bowencool @opzpy @Look1 @peanutBark @liuxh7 @itart @mmmmms @error @septillion @supQwer @GeorgeShrek @Yi @admirez @guokb @milkleeeeee @lame_chen @sit @guoda @Pinkmemory @zhengxinzx @ruansongsong @phatzhong24 @lw4free @L13 @runrun2008 @lanny666 @okayz @chaoming @guqikang @Jackson5 @SantinoSong @MoozLee @liulanghan233 @Jiajin @wl62613 @4X4 @jovan


这里偷偷藏 20 个码。

3A6LWYYLJ63H3TAWYW
L8TYTRL8Y8T4TYXH8L
R6R6RNYKKRHXXJFHXH
K44N3PKLKRXKMFW7E3
76XNLE33JEEM6H8XAH
NXPKWELLXM3HYFX888
LHEKEEF4X7LWLRNTFP
6JA47YPXJPWKJLNATF
RWHFRMP3JFJL3TAYYL
XK7KJEYAHF8AFRMW8L
JWMNXA8PR3K7PPRPL3
LXTLFMNENLM7YRMJRR
YTF48JJNJJJH8YEM44
LAT8R6JA6NNM4MAM8E
RX4XAMWLKRYWTFR4L7
PHR3LHTLXMPM74YLW6
F4FR8N8E3WJEE63YXE
NA7RM8RMP3JE83WMYT
4A3TEEPJPJTHT4NHFL
jovan
jovan
23h 45m ago via iPhone
375
@ddter #374 棒棒,PHR3LHTLXMPM74YLW6 已用,感谢
itart
itart
23h 44m ago
376
期待 app
itart
itart
23h 38m ago via Android
377
@itart 写错了,之前已参与安卓版本内测
bowencool
bowencool
23h 33m ago
378
@jovan #375 YTF48JJNJJJH8YEM44 已用,谢谢
ruansongsong
ruansongsong
23h 31m ago
379
@ddter 太棒了 每天都要刷新一下帖子看 app 出来没,今天终于来了
ruansongsong
ruansongsong
23h 27m ago
380
反馈个问题,用 AirPods 切电台,没有调台音效,已经开启了开关了
GeorgeShrek
GeorgeShrek
23h 5m ago via iPhone
381
@ddter #374
我已兑换,感谢大佬!现在我最大的问题就是日常使用国区 ID ,现在 app 在美区兑换了内购。ID 切回国区就掉内购,很难受啊😣!
guqikang
guqikang
22h 25m ago
382
@ddter #374 RWHFRMP3JFJL3TAYYL 已用,谢谢🤙
Jackson5
Jackson5
21h 2m ago via iPhone
383
@ddter #374 6JA47YPXJPWKJLNATF
已用,新帖回复不用给我发了
wl62613
wl62613
18h 16m ago
384
@wl62613 #359 我看 ios 上线了,大佬求个码 [email protected]
jingrs489
jingrs489
13h 59m ago
385
实在优秀!牛逼
admirez
admirez
13h 30m ago
386
在新帖求个码 ios 已经附上了 邮箱

另外, 电台边上那个 书签 太小了太小了,我老花眼到处找才找到哪里加电台到书签
admirez
admirez
13h 27m ago
387
不对,是 电台书签图标错位了吧 , 新换一个电台 又不能添加书签了..
1  2  3  4  
❮ ❯
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5649 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 169ms · UTC 02:44 · PVG 10:44 · LAX 18:44 · JFK 21:44
♥ Do have faith in what you're doing.