Музичний візуалізатор для YouTube та відео HTML5
Дивіться, як ваша музика рухається з живими ефектами Blocks, Frequency і Music Tunnel
Музичний візуалізатор — це графічний ефект у реальному часі, який малює анімовані фігури зі звукового сигналу: смуги, хвилі або тунелі, що рухаються в такт звуку. Безкоштовне розширення Turn Off the Lights відображає його прямо поверх будь-якого відеоплеєра HTML5: музичний кліп YouTube, концерт на Vimeo або програвач подкастів отримують живе світлове шоу без встановлення окремої програми.
Три стилі візуалізації
Функція візуалізації звуку слухає звук відео через AnalyserNode Web Audio API браузера та малює результат на шарі canvas поверх відео. Стиль вибирається на сторінці налаштувань:
- Blocks — стіна кольорових блоків, що піднімаються й опадають у такт, класичний вигляд еквалайзера.
- Frequency — живий спектр звукових частот від глибоких басів до високих, що відмальовується кадр за кадром.
- Music Tunnel — обертовий світловий тунель, що пульсує й дихає в такт музиці, створений для прослуховування в повноекранному режимі.
Непрозорість фону кожного стилю регулюється, тому ефект може бути ледь помітним сяйвом поверх відео або сміливим ефектом, що заповнює весь плеєр. А оскільки візуалізація — це кнопка на тій самій панелі інструментів відео, що й контролер швидкості відео та масштаб відео, ви можете ввімкнути її для одного треку й вимкнути для наступного, не покидаючи сторінку. Вона працює навіть у плаваючому вікні «картинка в картинці», де музична візуалізація продовжує грати у своєму міні-плеєрі.
Як увімкнути візуалізацію звуку
- Встановіть безкоштовне розширення Turn Off the Lights для Chrome, Firefox, Edge, Opera, Safari або вашого улюбленого браузера.
- Клацніть правою кнопкою миші на сірій кнопці-лампочці на панелі інструментів браузера та виберіть Налаштування.
- Відкрийте вкладку Розширені налаштування, знайдіть розділ Панель інструментів відео та ввімкніть Панель інструментів відео.
- Запустіть будь-яке відео 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 сьогодні та побачте, як ваша музика оживає.