Смотрите свой звук в реальном времени
Выберите микрофон или загрузите аудиофайл и наблюдайте, как четыре различных визуальных режима реагируют на звук. Частота, уровень и музыкальная нота отображаются в реальном времени.
Возможности визуализатора
Анализатор веб-аудио в реальном времени с четырьмя режимами рендеринга.
Четыре визуальных режима
Столбцы, форма волны, радиальный и зеркальный вид, переключаемые во время воспроизведения звука
Микрофон или файл
Анализируйте входной сигнал микрофона или воспроизводите локальный аудиофайл в частном порядке.
Уровень и частота
Живая пиковая частота, доминантная нота и уровень дБ с помощью индикатора с цветовой кодировкой
Тонкая настройка
Настройте размер БПФ, сглаживание и чувствительность для соответствия любому источнику
Экспорт снимков
Сохраните текущий кадр в формате PNG одним щелчком мыши.
Частный по дизайну
Аудио обрабатывается локально — файлы никогда не загружаются
Как использовать аудиовизуализатор
Четыре шага, чтобы начать визуализировать звук
Выберите источник
Выберите микрофон для живого звука или загрузите аудиофайл со своего устройства.
Начать визуализацию
Нажмите «Начать визуализацию» и разрешите доступ к микрофону, если браузер спросит об этом.
Выберите визуальный режим
Переключайтесь между полосами, формой волны, радиальным и зеркальным стилями в любое время.
Настройте и захватите
Настройте чувствительность и тему, а затем сохраните снимок текущего кадра.
Совместимость браузера
Создано на основе API веб-аудио и Canvas.
Chrome
Полная поддержкаПолная поддержка всех визуальных режимов
Edge
Полная поддержкаПолная поддержка Edge на базе Chromium
Firefox
Полная поддержкаПолная поддержка, включая декодирование аудиофайлов.
Safari
Полная поддержкаПоддерживается в macOS и iOS 14.5 или новее.
Часто задаваемые вопросы
Частые вопросы об аудиовизуализаторе
Нужен ли мне микрофон для использования визуализатора?
Нет. Вы можете загрузить любой аудиофайл со своего устройства, и вместо этого визуализатор проанализирует воспроизведение. Опция микрофона необходима только для живого звука.
Почему ничего не происходит после нажатия кнопки старт?
Большинству браузеров требуется жест пользователя и разрешение микрофона. Если анимация остается прежней, убедитесь, что на устройстве ввода не отключен звук и что в настройках вашей системы выбран правильный микрофон.
Что показывает дисплей доминирующей ноты?
Он преобразует самую сильную частоту в ближайшую музыкальную ноту и октаву. Это наиболее полезно для музыкальных тонов и инструментов; речь производит быстро меняющиеся результаты.
Какой визуальный режим мне выбрать?
Полосы лучше всего подходят для музыки, форма волны лучше всего подходит для речи и детального анализа, радиальная хорошо подходит для круговых изображений, а зеркальный режим дает симметричный, калиброванный вид.
Мой аудиозагружен куда-нибудь?
Нет. API веб-аудио анализирует звук внутри вашего браузера. Аудиофайлы читаются локально и никогда не отправляются на сервер.
Могу ли я использовать это для прямой трансляции или презентации?
Да. Вы можете делать снимки в виде изображений PNG или использовать инструмент захвата экрана вашей операционной системы вместе с этой страницей для живого изображения во время разговора.