做了个新东西：语音特效。
动态语音光效，无阴影且零依赖，3种类型，多种状态，深色和浅色主题。
https://libraries.dev/voice
Voice 语音光效组件怎么用？零依赖可商用，voice-glow 安装与接入教程
Voice 是 Libraries.dev 推出的语音光效组件，npm 包名为 voice-glow。它提供一种会随声音起伏的动态彩色光晕：当你在聊天输入框或手机屏幕底部说话时，光效从底部升起，在等待回复被思考的过程中左右扫动。根据作者在 X 上的介绍，Voice 无阴影、零依赖，内置 3 种类型与多种状态，并同时支持深色与浅色主题。使用方式也很直接，通过 npm install voice-glow 安装后，从包中引入 VoiceBeam 与 useMicrophone，把麦克风流交给 VoiceBeam 包裹住聊天输入框，再用一个按钮调用 mic.start 即可开始监听。它面向的是正在开发语音交互界面的前端与产品团队，让「正在听」和「正在想」这两个状态拥有直观、可复用的视觉表达。
痛点是什么
做语音交互界面时，最难的往往不是录音本身，而是把「正在听」和「正在思考」这两件事清楚地告诉用户。传统做法要么只放一个静止的麦克风图标，用户不确定有没有录进去；要么自己手写波形动画，既要处理音频流，又要调深浅色主题，还要兼顾无阴影的扁平风格，工作量不小。更麻烦的是，很多现成方案依赖一堆第三方库，体积大、样式难改，和现有聊天输入框的视觉语言对不上。开发者真正想要的，是一个开箱即用、状态清晰、主题自适应的语音光效，而不是再维护一套动画代码。
主要功能特点
Voice 把语音交互中最需要被看见的状态，浓缩成一个可嵌入的动画组件，安装与接入都保持轻量。
随声音起伏的光晕
光效从输入框或屏幕底部升起，音量越大越明显，让「正在听」一目了然。
思考时左右扫动
等待回复生成时，光效转为横向扫动，把「正在想」和「正在听」区分开。
零依赖与多主题
无阴影、零依赖，内置 3 种类型与多种状态，深色浅色主题都能直接用。
为什么值得关注
它把语音界面里最容易被忽略的状态反馈，做成了一个可直接复用的 npm 组件，省去从零写动画的成本。
接入成本极低
一条安装命令加几行引入代码，就能把光效套在现有聊天输入框上。
状态表达更完整
听与想两种状态各有对应动画，用户不用猜，交互反馈更自然。
如果你正在做语音助手、AI 聊天或语音输入类产品，可以前往 libraries.dev/voice 查看预览与安装说明。
推荐信息
Jakub Antalik
@Jakubantalik 2026年09月28日 17:42
