跳到正文
网页珍奇柜Web Curio

聆听维基百科

Listen to Wikipedia,Stephen LaPorte & Mahmoud Hashemi (Hatnote),2013 年

正在布展…

原作直展:这是 Stephen LaPorte & Mahmoud Hashemi (Hatnote) 的原始作品,按 BSD-3-Clause(部分为 MIT;音色随仓库同一许可;回放数据为 Wikimedia CC0) 许可证收录(版本 62e4047)。原作代码原样展出,只把实时 websocket 换成一段 10 分钟的真实编辑记录(2026-10-29 03:00 UTC 录制,循环回放)。点一下页面开启声音;往下滚可在设置里勾选更多语言或维基数据。 许可证全文 · 收录说明

它是怎么做的

  1. 第 1 步通过 WebSocket 订阅维基百科实时编辑流
  2. 第 2 步编辑的字节差决定气泡大小和音高,增加用钟琴、删除用拨弦
  3. 第 3 步D3 在 SVG 上绘制淡出的圆圈,点击可跳转到对应条目
  4. 第 4 步新用户注册时播放一段长音并显示欢迎横幅

复刻配方

一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。

Open a WebSocket or EventSource to the Wikimedia recent-changes stream. For each edit, map the absolute byte delta logarithmically to both circle radius and pitch, choosing a bell sample for additions and a string sample for removals. Spawn an SVG circle at a random position with the article title, fade it out over a few seconds, and cap concurrent sounds so bursts stay pleasant. Play a sustained swell and show a banner when a new user registers.

档案

能不能拿来用

原作以 BSD-3-Clause (LICENSE file; GitHub reports NOASSERTION) 许可开源:可以阅读源码学习,按许可证条款使用;在自己的项目里引用时保留原作者署名。

性能开销

视觉强度

实现难度

尺度为策展判断(1 到 5),用于比较和推荐。

核实记录:Opened https://listen.hatnote.com/ (200, title 'Hatnote Listen to Wikipedia'); repo hatnote/listen-to-wikipedia exists; read LICENSE (BSD 3-clause text, Copyright 2013 LaPorte and Hashemi).