VideoEditorJS - Blog

Editeur de vidéo en ligne 100% HTML5/JAVASCRIPT

Spectre Audio

Bien que le spectre audio ne sois pas foncdamentalement nécessaire au projet celui-ci appporte une touche que améliore l'estéthique de la piste audio.


Le choix du programme de la technologie et/ou programmes à utiliser ne fut pas si facile, mais après quelques recherches nous avons finis par trouver wavesurfer.js (Projet), une librairie javascript, qui utilise les décodeurs audio de html5 pour retranscrire la forme d'onde dans un canvas, sous forme d'image vectorielle.
Le projet de base a été modifié et allégé pour obtenir l'effet souhaité, sans les fonctions superflues qui ne nous sont d'aucune utilité. Ainsi l'image est ensuite extraite du canva, puis envoyé sur les serveurs en tant que miniature, puis attribué à l'élément correspondant.

Cette librairie permet d'obtenir alors facilement des formes d'ondes de ce type :
Cette forme d'onde est partiellement valide puisqu'elle ne représente volontairement que une seule partie d'une piste audio, le stéréo n'ayant pas d'utilité à être représenté, qui de plus est plus économique en ressources puisque l'on traite qu'une partie du fichier.