Recherche effet Audio Visualizer

Lahrim
Javascript

Bonjour,

J'ai vue sur une vidéo un effet super sympa qui normalement est réalisable avec after effect, mais me dit qu'il est sendoute possible de le réaliser en css/js.

Sans doute que cela est déjà réalisé, mais vue que j'ai pas les bons mots pour la recherche donc pas trouvé.

Voici la vidéo : https://www.youtube.com/watch?v=N_o7YvAMTUQ

L'effet est celui du cercle avec une animation sur les cotés, je souhaite réaliser le même effet mais pour un loader donc pas au bruit.

Cela est-il possible?

Merci :)

3 réponses

Panterofys

Bonjour,
Oui c'est possible, en gros, c'est un morphing de plusieurs svg par exmeple : ici
Sinon il y a aussi le tuto de grafikart sur un menu en vague : ici
Je pense qu'avec ça tu as un bon point de départ.

Lahrim
Auteur

Merci Panterofys,

J'avais même pas pensé au format svg et le morphing, une vrai piste.

Encore merci :)

galyb

Salut,

Tu peux regarder cette animation pour voir comment c'est fait : https://www.cssscript.com/demo/minimal-audio-visualizer-with-canvas-and-vanilla-javascript/
Les infos qui vont avec : https://www.cssscript.com/minimal-audio-visualizer-with-canvas-and-vanilla-javascript/
À première vue c'est du canvas.