收心前玩一把,这几个网页把声音变画面

晚上容易进入「再刷一条就睡」的循环,刷完脑子还是空的。换种轻的:开浏览器,给麦克风或丢一首歌,看频谱、粒子、3D 场景跟着声音动——不用装 App,也没有任务栏催进度。下面 4 个站,都是把声音变成画面的网页玩具。

1. Beat Visualizer:模式多,对着麦克风就能玩

https://www.beatvisualizer.com/en 打开后选一种可视化模式——频谱、万花筒、隧道、粒子风暴之类,有七十多种。授权麦克风,哼两声或把手机凑近音箱,画面会跟着节拍跳;不想开麦就上传 MP3/WAV。调色盘、拖尾都能拧,看顺眼了可以一键录屏存成视频。

适合「我就想随便看五分钟」:模式切换快,不用学界面。Web Audio 在本地算,延迟低。别把它当专业 VJ 软件——复杂时间线、多轨混音这里没有;老浏览器或禁麦环境体验会打折。周日当背景屏保挂着也行。

2. Visuval:偏 3D,想搭场景进 Studio

想要立体一点的,开 https://visuval.io/ 。上传曲目或开麦克风,从预设里挑 3D 空间:粒子、星云、DNA 螺旋那种,主题和配色能换。免费档够玩;想自己叠背景、前景形状,进 Visuval Studio 搭层,保存后再回 Visualizer 播。

Three.js 渲染,显卡弱可能掉帧。免费计划有 Engine 额度和 1080p 导出,更高分辨率和全部预设要付费——本篇只写网页端怎么试,不引导买会员。当「给歌配一个会动的封面草稿」挺合适,别指望替代 After Effects。

3. SoundTools:本地分析,导出不带水印

前两个玩够了想留一段视频,去 https://soundtools.io/music-visualizer/ 。麦克风实时玩,或上传音频,AnalyserNode 在浏览器里算频谱,不上传服务器。选一种动画样式,点导出,录出来的视频没有水印,也不用注册。

代价是导出跟歌一样长——三分钟的歌要等三分钟录完,不是云端秒出。模式数量比 Beat Visualizer 少,胜在干净、隐私友好。手机浏览器能用,复杂导出还是桌面 Chrome 稳。别拿它跟 VEED 那种全功能剪辑比,它就是可视化导出工具。

4. VVavy:场景库大,还能接摄像头

功能特别全的一页:https://vvavy.io/ 。一百五十多个场景,抽象粒子、电影感 landscape、霓虹网格都有;输入可以是麦克风、系统音频、上传文件,部分场景还能接摄像头,人和声音一起驱动画面。做竖屏 9:16 或横屏 16:9 导出,想挂 OBS 当直播背景也能试。

初次打开场景多,可能要翻一会儿才找到对味的。免费能玩,部分高级导出或自定义有限制——当周末玩具够用。别在安静办公室突然开系统音频捕获,权限弹窗会吓同事;权限和隐私自己把控。


怎么选:Beat Visualizer 要模式多、即开即玩;Visuval 要 3D 和搭场景;SoundTools 要本地分析、无水印导出;VVavy 要场景全、可接摄像头。周日收心前,随便开一个,听两首歌看画面自己跑,比无脑刷短视频稍微占一点手。你更爱对着麦克风哼,还是丢一首老歌进去?评论区说一句。

#音频可视化 #互动页 #逛着玩 #周日收心

点个关注,收心前先存一个站,周一不用从头找。

评论

评论(0)

发表评论