Un css dynamic en fonction de l'audio

Fermé
xml74 Messages postés 161 Date d'inscription samedi 29 novembre 2014 Statut Membre Dernière intervention 14 avril 2017 - 16 août 2016 à 14:12
 joker - 16 août 2016 à 23:08
Bonjour, j'ai comme projet de faire un petit site perso avec touts mes coups de coeurs musicaux, et j'aimerai réaliser un style qui change en fonction de la musique, comme un spectre audio par exemple. Merci d'avance
A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
16 août 2016 à 15:03
Salut,

Une solution semble être de s'orienter vers la Web Audio API : https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API

Ne l'ayant jamais utilisé je ne pourrais pas te donner plus de précisions.
Un exemple d'utilisation : https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API

Bonne journée,
0
Salut

l'API audio a en effet pas mal de fonctionnalités, c'est plus pour faire un lecteur audio complet. Donc oui pour avoir le spectre audio il faut regarder de ce côté là.

Pour le CSS 'dynamique' en fonction d'une musique vous pouvez changer celui ci par javascript en détectant chaque changement de musique et changer le style. Par exemple on peut imaginer une image de fond différente selon les styles de musiques(ou changer tout le CSS).
Il faudra par contre faire une liste de pistes audio et mettre en rapport celles ci avec un styles. Une base de données deviens nécessaire.
0