Qu'est-ce que Visualiseur Audio ?

Voyez votre audio en temps réel sous forme d'onde, de barres de fréquence, de spectre circulaire ou de spectrogramme défilant. Chaque affichage réagit à la musique au fil de la lecture.

Le visualiseur prend l'audio d'un fichier ou de ton micro, le fait passer par un AnalyserNode Web Audio, et dessine les données de fréquence ou temporelles sur un canvas à 60 fps. Choisis forme d'onde, barres de fréquence, barres symétriques, spectre circulaire ou un spectrogramme défilant ; règle le cadre en panoramique, carré ou portrait pour n'importe quelle plateforme ; choisis une couleur de fond prédéfinie ou personnalisée ; change le schéma de couleur entre orange, néon, océan, monochrome et arc-en-ciel ; ajuste la sensibilité et le nombre de barres ; capture une image en PNG ; ou appuie sur le bouton vidéo pour exporter un clip WebM avec l'audio déjà intégré.

Comment utiliser

1. Téléchargez un fichier audio ou utilisez l'entrée du microphone
2. Choisis un style de visualisation : forme d'onde, barres de fréquence, barres symétriques, spectre circulaire ou spectrogramme défilant
3. Lancez la lecture audio et regardez la visualisation réagir en temps réel

Quand l'utiliser

• Réaliser la pochette d'un single en capturant le spectre en barres au moment le plus fort du morceau.
• Enregistrer un clip WebM partageable de ton morceau avec le visualiseur synchronisé pour les réseaux ou un upload YouTube.
• Montrer à des étudiants en sound design comment des réglages d'EQ transforment l'allure spectrale d'un morceau.

Résultat

Un streameur ajoute un visualiseur audio en direct à sa diffusion musicale, affichant des barres de fréquence colorées qui pulsent au rythme de la musique.

FAQ

Comment sont choisies les couleurs du dégradé des barres et de l'onde ?

Chaque palette associe la valeur de fréquence ou d'amplitude à une rampe de couleur. Arc-en-ciel parcourt toute la teinte en HSL, néon mise sur du rose et du cyan saturés, océan reste dans les bleus, monochrome est en niveaux de gris, et orange colle à la palette du site.

Pourquoi le navigateur me redemande-t-il l'autorisation du micro à chaque fois ?

Le navigateur bloque le micro tant que vous n'autorisez pas explicitement. Une fois acceptée pour la session, l'autorisation tient en général ; si vous aviez refusé, il faut effacer la permission du site dans les paramètres du navigateur puis recharger.

Comment enregistrer toute la visualisation, pas seulement une image ?

Appuie sur l'icône vidéo au-dessus du canvas pour enregistrer la visualisation en direct avec l'audio intégré au format WebM. Pour un fichier nous capturons la piste entière depuis le début ; pour le micro nous enregistrons un clip de 30 secondes. Le bouton PNG à côté capture une seule image si tu n'as besoin que d'un visuel fixe.

À quoi sert vraiment le curseur de sensibilité ?

Il met à l'échelle l'amplitude avant le dessin. Une valeur basse empêche les barres de sortir du cadre avec un master très fort ; une valeur haute exagère les sources discrètes, comme un chuchotement ou une guitare acoustique en arpège propre.

Pourquoi je ne vois que quelques barres avec un son pur ?

Un sinus pur a une fondamentale et quelques harmoniques, donc la plupart des bins de la FFT renvoient près de zéro. Le spectre fonctionne correctement. Essayez de la musique ou de la voix pour voir toute la plage s'allumer.

Outils similaires