Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
ddter
8.66D

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

  ddter · Oct 16 · 22889 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 或想法欢迎随时回帖，我都会认真看。
  • 电台
  • 随机
  • 网页
    373 replies  •  2026-11-02 18:39:29 +08:00
    1  2  3  4  
    ❮ ❯
    vcfger
    vcfger
    Oct 16
    1
    着实不错诶，有计划考虑把它做成一个 APP 么
    charlie21
    charlie21
    Oct 16 via Android
    2
    优美 实用
    hanxiV2EX
    hanxiV2EX
    Oct 16 via Android
    3
    挺好看的
    winneter
    winneter
    Oct 16
    4
    太优雅了，收藏！
    jacketma
    jacketma
    Oct 16
    5
    效果不错👍就是选台方式太酷炫了，能出个朴素版的嘛😂
    能不能按频道“类型/区域”这两个维度分一下类，方便换台哈
    Jammmm
    Jammmm
    Oct 16
    6
    好用！如果有 APP 能支持 CarPlay 就更好了
    ddter
    ddter
    OP
    Oct 16❤️1
    7
    @vcfger 大家需要我就动手搞。

    @charlie21
    @hanxiV2EX
    @winneter 感谢～

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

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

    能开源吗

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

    @nzynzynzy @zgsi 这个我想办法解决一下，右上角有历史记录的，可以往回看，键盘左箭头是上一个电台。
    skyfore
    skyfore
    Oct 16
    54
    很不错，帅的
    Adriel
    Adriel
    Oct 16
    55
    🤙 想法很棒 效果很棒
    xizh007
    xizh007
    Oct 16
    56
    挺炫的且流畅
    Adriel
    Adriel
    Oct 16
    57
    可以考虑 播放几秒后隐藏所有 UI 与文本，保留播放效果就很 nice 了
    ymlog
    ymlog
    Oct 16
    58
    牛啊
    huzhenghuitm
    huzhenghuitm
    Oct 16 via iPhone
    59
    泰裤辣
    zxs1024
    zxs1024
    Oct 16
    60
    很棒，谷歌创建个快捷方式，和 app 一样，最好有个简洁版，手机端不要那么炫酷 👍🏻
    icarrien
    icarrien
    Oct 16
    61
    漂亮
    coconutwater
    coconutwater
    Oct 16
    62
    牛逼
    kkchan1999
    kkchan1999
    Oct 16
    63
    很帅啊
    livedc
    livedc
    Oct 16
    64
    搞一个 app ，能开车时车机切台
    iamdavidzeng
    iamdavidzeng
    Oct 16
    65
    🐮
    xiaowangdegushi
    xiaowangdegushi
    Oct 16
    66
    要是支持 carplay 就好了
    huangmj1989
    huangmj1989
    Oct 16
    67
    太酷了，收藏了
    keithwhisper
    keithwhisper
    Oct 16❤️2
    68
    之前收藏过这个 https://radio.garden/
    pxllong
    pxllong
    Oct 16
    69
    Cool
    xxxiong
    xxxiong
    Oct 16
    70
    不错不错，无聊的时候拿来当背景很适合
    Arrowing
    Arrowing
    Oct 16
    71
    好炫酷，牛！
    achira
    achira
    Oct 16
    72
    Cool
    he3369903209
    he3369903209
    Oct 16
    73
    nb ，很有创意
    Creabine
    Creabine
    Oct 16
    74
    有意思，牛哇
    aikilan
    aikilan
    Oct 16
    75
    牛逼
    linvscode
    linvscode
    Oct 16
    76
    cool! 一个优秀产品诞生了
    azlol
    azlol
    Oct 16
    77
    哇哦，真的不错，好棒啊！！！！！！已经试用且收藏
    ZYXDemo
    ZYXDemo
    Oct 16
    78
    雅
    xxlsize
    xxlsize
    Oct 16
    79
    优雅啊 太优雅了
    missmzcc
    missmzcc
    Oct 16
    80
    nice 比之前那个 garden app 酷多了
    BlackDoge
    BlackDoge
    Oct 16
    81
    很棒，祝贺🎉
    qaq13037
    qaq13037
    Oct 16
    82
    提个建议，因为每个电台的声音大小是不一致的，切换起来有割裂，不知道能否自动匹配音量大小
    passtest
    passtest
    Oct 16
    83
    🦅
    linvscode
    linvscode
    Oct 16
    84
    能不能搞个随机播放
    jacketma
    jacketma
    Oct 16
    85
    @qaq13037 设置里有个“音量统一”的选项，不知道作用有多大
    Tesla9527
    Tesla9527
    Oct 16
    86
    nice
    bluehr
    bluehr
    Oct 16
    87
    来 V 站看见过的最有意思的产品，收藏了
    xxxxdingdong
    xxxxdingdong
    Oct 16
    88
    真不错，很棒
    ttwxdly
    ttwxdly
    Oct 16
    89
    听敌国电台会被查水表吗？
    jacketma
    jacketma
    Oct 16
    90
    遇到一个非常奇怪的现象，选择 NPR Newscast ，播报都会以：
    “This is NPR News now, the latest headlines every hour.”
    严重怀疑，这根本就不是 Live Radio 节目吧？
    有大佬能解惑一下吗？
    ddzm
    ddzm
    Oct 16
    91
    好用
    anyscript
    anyscript
    Oct 16
    92
    有意思
    garner
    garner
    Oct 16
    93
    酷
    xiaoliuzhenshuai
    xiaoliuzhenshuai
    Oct 16
    94
    优雅
    fedfrank
    fedfrank
    Oct 16
    95
    该说不说的，真炫酷。。。问下这个网站流量大吗
    SWBMESSI
    SWBMESSI
    Oct 16
    96
    太帅了
    wvx
    wvx
    Oct 16
    97
    赞
    bowencool
    bowencool
    Oct 16
    98
    牛哇，坐等 iOS
    opzpy
    opzpy
    Oct 16
    99
    牛逼 坐等 app
    leadfast
    leadfast
    Oct 16
    100
    实在优秀!牛逼
    1  2  3  4  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2949 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 572ms · UTC 12:45 · PVG 20:45 · LAX 04:45 · JFK 07:45
    ♥ Do have faith in what you're doing.