适用于 YouTube 和 HTML5 视频的音乐可视化器

通过实时 Blocks、Frequency 和 Music Tunnel 效果看到您的音乐在跳动

音乐可视化器是一种实时图形效果,从音频信号中绘制动画形状:随声音节奏移动的条、波或隧道。免费的 Turn Off the Lights 扩展将其直接渲染在任何 HTML5 视频播放器上:YouTube 音乐视频、Vimeo 音乐会或播客播放器无需安装单独的应用即可获得生动的灯光秀。

三种可视化样式

音频可视化功能通过浏览器的 Web Audio API AnalyserNode 聆听视频的声音,并将结果绘制在视频上的画布层。您在选项页面选择样式:

Blocks——一堵随节拍起伏的彩色方块墙,经典的均衡器外观。
Frequency——从深沉低音到高音的音频频谱实时视图,逐帧绘制。
Music Tunnel——随音乐脉动和呼吸的旋转光隧道,专为全屏聆听设计。

每种样式的背景不透明度都可调,因此效果可以是视频上的微妙光晕,也可以是充满播放器的大胆展示。由于可视化是与视频速度控制器和视频缩放同一视频工具栏上的按钮,您可以为一首歌开启、为下一首关闭,无需离开页面。它甚至能在画中画浮动视频中工作,音乐可视化会在自己的迷你播放器中继续播放。

如何启用音频可视化

为 Chrome、Firefox、Edge、Opera、Safari 或您喜爱的浏览器安装免费的 Turn Off the Lights 扩展。
右键单击浏览器工具栏上的灰色台灯按钮并选择选项。
打开高级选项标签页,找到视频工具栏部分并启用视频工具栏。
播放任何 HTML5 视频:您选择的音频可视化将以实时叠加层出现在播放器上,实时响应声音。

适用范围

音频可视化在标准 HTML5 视频播放器上工作,因此可在 YouTube、YouTube Music、Vimeo、Dailymotion 以及大多数在浏览器中播放 HTML5 视频或音频的其他网站上使用。将其与向边框外辐射光线的 Atmosphere Lighting 结合,打造完整的氛围设置,并用台灯按钮调暗页面其余部分,获得完整的 Turn Off the Lights 体验。

常见问题

什么是音乐可视化器?

音乐可视化器是一种实时图形效果,从音频信号中绘制动画形状,例如随声音节奏移动的条、波或隧道。Turn Off the Lights 将其直接渲染在您浏览器中的任何 HTML5 视频上。

我可以选择哪些可视化样式?

有三种内置样式:Blocks——随节拍生长的彩色方块;Frequency——实时音频频谱;以及 Music Tunnel——随音乐脉动的旋转隧道。您还可以调整叠加层的不透明度。

音频可视化在 YouTube 和 YouTube Music 上有效吗?

有效。它在标准 HTML5 视频播放器上工作,因此可在 YouTube、YouTube Music、Vimeo、Dailymotion 以及大多数在浏览器中播放 HTML5 视频或音频的其他网站上使用。

音频可视化是免费的吗?

是的。它包含在免费开源的 Turn Off the Lights 浏览器扩展中,无应用内购买和订阅,适用于 Chrome、Firefox、Edge、Opera、Safari 和其他支持的浏览器。您可以在 GitHub 上亲自阅读代码。

这是为您这样的视频爱好者打造的、用于控制浏览和视频的终极浏览器工具。今天就下载 Turn Off the Lights,看您的音乐焕发生机。