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

ddter 2026-10-16 12:28 1

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


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


能做什么



  • 路上没听完:每个台都有分享链接,到公司在电脑上打开接着听;同一个浏览器下次打开,会停在上次听的台

  • 想听点新鲜的:按「下一站」随机换台,连续翻台时会提前缓冲后面几台,基本是秒切;可以只听高码率(≥128 / 192 / 320 kbps ),也可以在设置里只留想听的语言

  • 听到好歌:能读到曲名的台,直接显示在播什么歌;读不到的点「识别这首歌」就行;曲名旁边点 ♡ 收藏,顺手跳到网易云、QQ 音乐、Spotify 去搜

  • 能读到曲名的台还可以开跟唱歌词

  • 星图按流派把电台铺开,可以拖着逛;也有地球视图

  • 一条线路不通会自动换下一条

  • 没有账号,没有广告,收藏只存在你的浏览器里


技术


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


已知问题



  • 部分海外电台在国内网络下可能连不上或比较慢

  • iPhone 上的秒切效果还没实测


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


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

最新回复 (100)
  • vcfger 10-16 12:43
    1楼
    着实不错诶,有计划考虑把它做成一个 APP 么
  • charlie21 10-16 12:45
    2楼
    优美 实用
  • hanxiV2EX 10-16 12:45
    3楼
    挺好看的
  • winneter 10-16 12:56
    4楼
    太优雅了,收藏!
  • jacketma 10-16 12:57
    5楼
    效果不错👍就是选台方式太酷炫了,能出个朴素版的嘛😂
    能不能按频道“类型/区域”这两个维度分一下类,方便换台哈
  • Jammmm 10-16 13:19
    6楼
    好用!如果有 APP 能支持 CarPlay 就更好了
  • ddter 楼主 10-16 13:38
    7楼
    @vcfger 大家需要我就动手搞。

    @charlie21
    @hanxiV2EX
    @winneter 感谢~

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

    @Jammmm 我研究一下
  • ank580 10-16 13:50
    8楼
    不错不错
  • Siefy1024 10-16 14:01
    9楼
    需要 App
  • wuzhihang 10-16 14:11
    10楼
    实用
  • monmon 10-16 14:17
    11楼
    太棒了!!!终于找到了适合放在小副屏的应用
    blob:https://imgur.com/4eb18155-a58d-45c2-993d-3a996782bac8
  • monmon 10-16 14:18
    12楼
    https://imgur.com/4eb18155-a58d-45c2-993d-3a996782bac8
  • monmon 10-16 14:18
    13楼
  • icount 10-16 14:23
    14楼
    好用
  • gzzjym 10-16 14:24
    15楼
    @monmon 这个副屏是定制的吗,还是买的(有链接吗)
  • wshhfy 10-16 14:27
    16楼
    帅!终于有新鲜的播放列表了
  • xiaoxiaoyunlu 10-16 14:29
    17楼
    不错啊,正在享受中,感觉不用 app 更好,其实很多人不喜欢装 app 的,网址一开 随时收听
  • spacebound 10-16 14:30
    18楼
    有点酷炫啊
  • monmon 10-16 14:31
    19楼
    @gzzjym 闲鱼搜 ipad 副屏
  • uid2023 10-16 14:47
    20楼
    真不错!
  • 0BlackCat0 10-16 14:49
    21楼
    很不错啊,设计的很棒
  • wanrw 10-16 14:52
    22楼
    不错
  • Kei001 10-16 14:58
    23楼
    很有意思,期待楼主出一个 APP 版本!
  • iorilu 10-16 14:59
    24楼
    蛮牛逼得啊

    能开源吗

    想自己整个 app 或改造下
  • karmaisbitch 10-16 15:00
    25楼
    炫酷
  • tyhunter 10-16 15:01
    26楼
    赞啊,要是 carplay 也能播放就好了
  • kaixinyidian 10-16 15:03
    27楼
    so cool !
  • chaoming 10-16 15:04
    28楼
    之前特别喜欢在大学下午的时候听电台广播
  • ech2o 10-16 15:05
    29楼
    很有 radio garden 的感觉,支持一下
  • chaoming 10-16 15:07
    30楼
    你做的还有其他的产品吗,太有创意了,还有提的吗创意产品吗
  • ChuanlongYou 10-16 15:08
    31楼
    做的蛮不错的,支持一下。
  • nzynzynzy 10-16 15:09
    32楼
    radio garden 的升级啊,反应巨快,效果很华丽,我爱了,收藏夹
  • Kanataorz 10-16 15:10
    33楼
    太酷了
  • MacTavish123 10-16 15:12
    34楼
    https://www.radio-browser.info/
    我自己用的几个 APP/扩展是可以添加代理的。说回来常听的就那几个台,我都导出成 m3u 了。
  • nzynzynzy 10-16 15:13
    35楼
    提一个小小的建议,听歌的时候我想拨拉一下地球、缩放地球的时候都会造成电台漂移,而调回来就要看缘分了(毕竟电台是按照小亮点排列的,不太好瞄准),可以加一个锁定按钮就好了
  • Arvin0913 10-16 15:17
    36楼
    好几把炫酷
  • tim9527 10-16 15:19
    37楼
    很有创意啊 🐂
  • IfEles 10-16 15:19
    38楼
    酷炫,支持一波,上班不知道听啥刚好开着听
  • wKong753900 10-16 15:20
    39楼
    优雅,实在是太优雅了
  • zgsi 10-16 15:23
    40楼
    发现个不知道是不是 bug
    鼠标滚轮缩放的时候会切台(不知道是不是准心变了)
    只是想看下效果结果台没了
    好像还切不回上一个台
  • wavever 10-16 15:23
    41楼
    优雅,而且挺好看的,我最近做了一个很类似的,也是以地球为主题,然后随机飞来飞去听全球的广播😂,但没 up 的好看
  • wyx119911 10-16 15:24
    42楼
    真心优雅
  • Renven1 10-16 15:26
    43楼
    太帅了
  • L13 10-16 15:26
    44楼
    超级棒,做的很优雅,完成度也够高
  • EchoPrince 10-16 15:33
    45楼
    酷
  • lrtzzzzzz 10-16 15:33
    46楼
    不错不错
  • twocold0451 10-16 15:33
    47楼
    好用
  • stefanaka 10-16 15:34
    48楼
    牛👍
  • keer 10-16 15:36
    49楼
    有意思 收藏了。 打游戏的时候,电脑开着这个网页
  • burning 10-16 15:36
    50楼
    超级棒
  • wsws68 10-16 15:37
    51楼
    你这个星球滚动好丝滑啊, 是不是还加了什么其他东西, 厉害
  • xyzlovezxd 10-16 15:38
    52楼
    赞。很好。
  • ddter 楼主 10-16 15:47
    53楼
    @tyhunter 这个我研究下看看网页能不能支持

    @nzynzynzy @zgsi 这个我想办法解决一下,右上角有历史记录的,可以往回看,键盘左箭头是上一个电台。
  • skyfore 10-16 15:53
    54楼
    很不错,帅的
  • Adriel 10-16 15:53
    55楼
    🤙 想法很棒 效果很棒
  • xizh007 10-16 15:55
    56楼
    挺炫的且流畅
  • Adriel 10-16 15:56
    57楼
    可以考虑 播放几秒后隐藏所有 UI 与文本,保留播放效果就很 nice 了
  • ymlog 10-16 15:57
    58楼
    牛啊
  • huzhenghuitm 10-16 15:58
    59楼
    泰裤辣
  • zxs1024 10-16 15:59
    60楼
    很棒,谷歌创建个快捷方式,和 app 一样,最好有个简洁版,手机端不要那么炫酷 👍🏻
  • icarrien 10-16 16:00
    61楼
    漂亮
  • coconutwater 10-16 16:05
    62楼
    牛逼
  • kkchan1999 10-16 16:06
    63楼
    很帅啊
  • livedc 10-16 16:08
    64楼
    搞一个 app ,能开车时车机切台
  • iamdavidzeng 10-16 16:08
    65楼
    🐮
  • xiaowangdegushi 10-16 16:10
    66楼
    要是支持 carplay 就好了
  • huangmj1989 10-16 16:11
    67楼
    太酷了,收藏了
  • keithwhisper 10-16 16:14
    68楼
    之前收藏过这个 https://radio.garden/
  • pxllong 10-16 16:15
    69楼
    Cool
  • xxxiong 10-16 16:18
    70楼
    不错不错,无聊的时候拿来当背景很适合
  • Arrowing 10-16 16:21
    71楼
    好炫酷,牛!
  • achira 10-16 16:21
    72楼
    Cool
  • he3369903209 10-16 16:25
    73楼
    nb ,很有创意
  • Creabine 10-16 16:25
    74楼
    有意思,牛哇
  • aikilan 10-16 16:28
    75楼
    牛逼
  • linvscode 10-16 16:33
    76楼
    cool! 一个优秀产品诞生了
  • azlol 10-16 16:33
    77楼
    哇哦,真的不错,好棒啊!!!!!!已经试用且收藏
  • ZYXDemo 10-16 16:33
    78楼
    雅
  • xxlsize 10-16 16:36
    79楼
    优雅啊 太优雅了
  • missmzcc 10-16 16:36
    80楼
    nice 比之前那个 garden app 酷多了
  • BlackDoge 10-16 16:36
    81楼
    很棒,祝贺🎉
  • qaq13037 10-16 16:37
    82楼
    提个建议,因为每个电台的声音大小是不一致的,切换起来有割裂,不知道能否自动匹配音量大小
  • passtest 10-16 16:39
    83楼
    🦅
  • linvscode 10-16 16:39
    84楼
    能不能搞个随机播放
  • jacketma 10-16 16:41
    85楼
    @qaq13037 设置里有个“音量统一”的选项,不知道作用有多大
  • Tesla9527 10-16 16:42
    86楼
    nice
  • bluehr 10-16 16:42
    87楼
    来 V 站看见过的最有意思的产品,收藏了
  • xxxxdingdong 10-16 16:43
    88楼
    真不错,很棒
  • ttwxdly 10-16 16:44
    89楼
    听敌国电台会被查水表吗?
  • jacketma 10-16 16:45
    90楼
    遇到一个非常奇怪的现象,选择 NPR Newscast ,播报都会以:
    “This is NPR News now, the latest headlines every hour.”
    严重怀疑,这根本就不是 Live Radio 节目吧?
    有大佬能解惑一下吗?
  • ddzm 10-16 16:46
    91楼
    好用
  • anyscript 10-16 16:46
    92楼
    有意思
  • garner 10-16 16:47
    93楼
    酷
  • xiaoliuzhenshuai 10-16 16:48
    94楼
    优雅
  • fedfrank 10-16 16:49
    95楼
    该说不说的,真炫酷。。。问下这个网站流量大吗
  • SWBMESSI 10-16 16:49
    96楼
    太帅了
  • wvx 10-16 16:51
    97楼
    赞
  • bowencool 10-16 16:52
    98楼
    牛哇,坐等 iOS
  • opzpy 10-16 16:58
    99楼
    牛逼 坐等 app
  • leadfast 10-16 16:58
    100楼
    实在优秀!牛逼
* 帖子来源V2EX
返回