Karaoke partagé à distance

Nous recherchons un freelance.

Projet

A faire en Vue.js et PHP

L'objectif du développement est de faire un karaoke à distance entre plusieurs personnes.

Dans ce Karaoke, il y aura trois acteurs différents :
- L'organisateur : Il n'y en a qu'une seule personne.
- Les chanteurs : Il peut y avoir plusieurs personnes.
- Les chanteurs de la chorale : Il peut y avoir plusieurs personnes.

Le karaoke d'une chanson va se passer en 4 temps.

Temps 1 :
En vue.js :
Les chanteurs et les chanteurs de la chorale doivent s'enregistrer sur la chanson karaoke.

Il faut enregistrer le son et la vidéo pour les chanteurs.
Il faut enregistrer uniquement le son pour les chanteur de la chorale.

Lors de l'enregistrement, le composant doit contrôler que le son enregistré ne contient que la voix du chanteur et pas le son de la chanson.
Lors de l'enregistrement, le composant doit désactiver le réducteur de bruit et réducteur d'echo.

Lorsque l'enregistrement est terminé, l'utilisateur doit pouvoir se voir et s'écouter, pour les chanteurs, ou s'écouter pour les chanteurs de la chorale.
Ensuite, il peut valider ou non l'enregistrement.

Lorsque l'utilisateur a validé l'enregistrement, le composant génère une vidéo de l'enregistrement au format 200X200 et audio de qualité audio pour les chanteurs et uniquement un fichier son qualité audio pour les chanteurs de la chorale.
Attention, le fichier vidéo/audio et le fichier audio doivent contenir un timecode (ou équivalent) qui repère le démarrage précis de la chanson et l'avancement de la chanson.
Cela permettra une synchronisation ultérieure des différents fichiers.

Lorsque l'opération est terminée, le composant doit lever un évènement avec les données du fichier à transmettre à un serveur.

Temps 2 :
Les fichiers seront transmis au serveur par l'application hôte.

En php :
Le son de la chorale :
Tous les fichiers son des chanteurs de la chorale doivent être mixés dans un seul fichier son.

Pour cela, les volumes audio des fichiers doivent être normalisés et mixés dans un seul fichier audio : l'audio de la chorale.

L'audio de la chorale doit conserver le timecode pour réaliser une synchronisation ultérieure.

La vidéo des chanteurs :
Toutes les vidéos des chanteurs doivent être mixées en une seule vidéo de 400x400 : la vidéo des chanteurs.

Pour cela, les volumes audio des vidéos doivent être normalisés.

Chaque vidéo doit apparaître cycliquement pendant une durée de 5s à chaque fois.
Lorsqu'une vidéo apparaît, c'est son audio, et uniquement son audio, qui doit être utilisé.

La vidéo des chanteurs doit conserver le timecode pour réaliser une synchronisation ultérieure.

Temps 3 :
En vue.js :
Le composant de l'organisateur doit récupérer la vidéo des chanteurs et le fichier audio de la chorale.

Le composant doit jouer le mixage des 3 sources :
- La chanson du karaoké
- La vidéo des chanteurs
- L'audio de la chorale

Ces trois sources doivent être mixées avec la caméra et le micro de l'organisateur dans un élément javascript de type UserMedia.
Cet élément sera utilisé par l'application hôte.

Pour ce mixage, il faudra utiliser les timecodes pour caler les sources.

La disposition doit être :
- La vidéo de l'organisateur : en fond sur toute la surface
- La vidéo des chanteurs : en haut à gauche. Taille de la largeur et hauteur 33%

Les pistes audios des sources (la chanson du karaoké, la chanson des chanteurs et l'audio de la chorale) sont indépendantes et le volume de ces pistes doivent pouvoir être ajustés par l'organisateur.
Le volume de la piste de l'audio des chanteurs doit automatiquement baissé lorsque l'organisateur chante et augmenter lorsqu'il s'arrête de chanter.

Pour synchroniser toutes ces vidéos/audios, il faut utiliser le timecode ajouté dans les fichiers sources.

Temps 4 :
En vue.js :
A discuter en privé.

Pour la partie Karaoké :
Vous pouvez proposer une solution que vous connaissez ou utiliser Karafun.fr
Si vous proposez une solution, il faut que les systèmes karaoke proposent un catalogue fourni comme Karafun avec un qualité de musique et audio identique.
Bien sûr le défilement des textes.

Si vous utilisez Karafun.fr, il faudra valider que la synchronisation avec les vidéos sources sera possible.

Le développement doit être fait en vue.js et PHP.