Discussion :

[Toufik83]

bonjour,
je cherche un plugin qui permet d'enregistrer un fichier audio (.mp3 ou autre...) et qui permet aussi de lancer la camera.
j'ai testé le plugin $.Scriptcam et je croyais qu'il est BON, mais hélas les enregistrements audio devraient être enregistrés sur le serveur de Scriptcam et pour avoir accès a ces enregistrement, il faut s'inscrire sur https://www.scriptcam.com/login.cfm, alors que l'inscription est désactiver pour l'instant.

y a t-ils d'autres plugins qui peuvent me servir apart ScriptCam?

[Watilin]

Salut Toufik,

je n’ai pas connaissance d’un bon plugin, mais tu peux tenter de scripter un truc toi-même avec l’API getUserMedia.

[Toufik83]

merci d'avoir pris le temps de me lire @Watilin.
oui, c'est ce que j'ai commencé à faire depuis 2 jours, et j'été surpris quand j'ai vu le tableau de compatibilité des navigateurs, par ce-que ça ne fonctionne que sous Chrome et Firefox.
j'ai une question, je me demande si on ne peut lier une Socket.io avec ça?

[Watilin]

Rien ne l’empêche, je suppose. Je ne connais pas Socket.io mais dans la mesure où getUserMedia te permet d’obtenir des données dès lors que l’utilisateur a donné son consentement, rien ne devrait t’empêcher d’envoyer ces données vers un serveur d’une façon ou d’une autre.

[Toufik83]

parfait, j'ai utilisé WebRTC-Experiment en passant par https://github.com/muaz-khan/WebRTC-...-over-Socketio.
j'ai modifié quelques lignes dans ce projet afin qu'il s’exécute correctement sur mon serveur (localhost) + installation de FFmpeg et fluent-ffmpeg.

les enregistrements audio et vidéo sont traités et enregistrés par socket.io, aucun problème. sauf que la variable "result" qui se trouve dans cette fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
socketio.on('ffmpeg-output', function(result) {
        if (parseInt(result) >= 100) {
            progressBar.parentNode.style.display = 'none';
            return;
        }
        /*progressBar.parentNode.style.display = 'block';
        progressBar.value = result;*/
        percentage.innerHTML = 'Ffmpeg Progress ' + result + "%";
    });

me renvois toujours NULL.
quelqu'un peut me dire pourquoi cette variable est NULL?

[Watilin]

Alors là je suis dépassé, désolé. Que vois-tu dans la console réseau ?

[Toufik83]

voilà ce que j'ai dans la console réseau de firefox :
Pièce jointe 236159
je pense que la partie sélectionnée en rouge est celle qui me concerne.

[Watilin]

Eh bien euuuh…

Allez, je vais installer le truc pour tester de mon côté. Parce que là, je ne connais pas du tout assez bien le framework pour pouvoir t’aider.

[Toufik83]

je viens de trouver la solution de l'état d'avancement de la barre de progression.
ce qui manquait c'est d'installer ffmpeg-progress-wrapper avec nodejs et changer la ligne 10, de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Math.round(progress.percent)

en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Math.round(progress.frames)

.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
new FFmpeg({
            source: videoFile
        })
        .addInput(audioFile)
        .on('error', function (err) {
            socket.emit('ffmpeg-error', 'ffmpeg : An error occurred: ' + err.message);
        })
        .on('progress', function (progress) {
			//console.log("progress ffmpeg :"+JSON.stringify(progress));
            socket.emit('ffmpeg-output', Math.round(progress.frames));
        })
        .on('end', function () {
            socket.emit('merged', fileName + '-merged.webm');
            console.log('Merging finished !');
 
            // removing audio/video files
            fs.unlink(audioFile);
            fs.unlink(videoFile);
        })
        .saveToFile(mergedFile);

[Toufik83]

juste une petite remarque, ce lien https://www.npmjs.com/package/ffmpeg-progress-wrapper est une petite documentation de ffmpeg-progress-wrapper, la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

process.on('progress', (progress) => console.log(JSON.stringify(progress));

donne :

Code json :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
{
    "frame": 232,
    "fps": 74,
    "q": 28,
    "size": "1233kB",
    "time": 7050,
    "bitrate": "1432.0kbits/s",
    "dup": 2,
    "drop": "0",
    "speed": 2.26,
    "progress": 0.7071213640922769,
    "eta": 1292
}

alors que moi quand je fais console.log(JSON.stringify(progress)) me donne :

Code json :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
{"frames":26,"currentFps":22,"currentKbps":2.2,"targetSize":1,"
timemark":"00:00:01.91"}

je n'ai pas de variable "progress" dans l'objet progress, pourquoi?

[Watilin]

Aucune idée. Si une personne qui s’y connaît passe par là, son avis est le bienvenu !