Partage

Creer une Audio API en tant qu'header

3 janvier 2018 à 19:47:50

Bonsoir à tous,

J'aimerais créer une Audio API dans le header de ma page avec un lecteur au centre de la page.

J'aimerais que l'onde sonore reste fixe et prenne toute la largueur de ma page en peu comme ceci:

Mes questions sont:

- Quel est la méthode à utiliser pour avoir un tel rendu ?

- Est-ce possible de le rendre Responsive ?

(Désolé si je post pas ça au bon endroit)

Merci d'avance à ceux qui pourront m'aider.

-
Edité par Yomgui_ 3 janvier 2018 à 19:48:16

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
3 janvier 2018 à 22:16:53

Bonsoir,

Tu devrais poster ce message dans la categorie HTML, ils pourront mieux t'aider que moi !

Si vous voulez me mp, venez sur Discord (username: Stelyus#8984)
4 janvier 2018 à 18:54:21

https://jsfiddle.net/wnmbxpmg/2/

enregistre le code chez toi et change la musique dans la balise audio ( + désolé pour le code je l'ai écris il y a longtemps il est sans doute un peu dégueulasse ahah )

c'est un projet que j'ai fait, il trace la courbe de manière dynamique en fonction de l'amplitude des fréquences, toi tu dois le faire de manière "statique" càd toute la musique d'un coup, pour ça tu fais la moyenne des amplitudes de toutes les fréquences à un certain intervalle ( toutes les secondes par exemple ) tu mets bout à bout tes valeurs que tu traces. Tu utilises comme référence la largeur de ton canvas, comme ça ton spectre est tracé en fonction de la largeur de canvas il sera donc responsive. 

Si tu as des questions, n'hésite pas, c'est pas compliqué mais un peu impressionnant au début.

Creer une Audio API en tant qu'header

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown