Recherche avancée

Sur d’autres sites (13204)

• Evolution #2785 : Tâche "syndic" dans Job Queue même avec fonctionnalité "sites" désactivée

  9 juillet 2012, par cedric -

  on pourrait, oui

• Sites qui peuvent inspirer

  26 septembre 2013

  Pour des nouveaux thèmes, voir pour faire évoluer le squelette, il est toujours intéressant de regarder les sites qui font pareil. Ici, deux liens vers des catalogues OpenData

  Liens de severo :

  • généraliste : http://demo.ckan.org/ ;
  • données spatiales : http://beta.dev.geonode.org/ ;
  • http://www.documentcloud.org/public/search/

  Liens de kent1 :

  • Site de tutoriaux vidéos : https://tutsplus.com
  • Un thème wordpress utilisé notamment ici ;
  • Autre thème wordpress utilisé ici ;

• How to save audio chunks from client to ffmpeg readable file ?

  22 septembre 2023, par LuckOverflow

  I am live recording audio data from a TS React front-end and need to send it to the server, where it can be saved to a file so that ffmpeg can mix it. The front-end saves the mic data to a blob with type "mimeType : "audio/webm ; codecs=opus" when printed in the browser terminal. I send the exact object that I printed to the server, where logging it indicates it is a, or was passed as a, "Buffer" object.

  


  I have tried saving that Buffer as a webm file, but when I pass that file as an input to ffmpeg ffprobe, I get the error "Format matroska,webm detected only with a low score of 1..." and "EBML header parsing failed.." "Invalid data found when processing input." I have tried several other formats to no success.

  


  I need a way to transform this Buffer object to an audio file that can be mixed by ffmpeg. When I am finished, I also need to be able to do the reverse operation to send it in the same format to another client for playback, which is currently working.

  


  Code that records and sends the audio (TS React) :

  


  React Record

  


  const startRecording = async function () {
    inputStream = await navigator.mediaDevices.getUserMedia({ audio: true });
   
    mediaRecorder.current = new MediaRecorder(inputStream, { mimeType: "audio/webm; codecs=opus" });

    mediaRecorder.current.ondataavailable = e => {
      console.log(e.data)
      if (e.data.size > 0) {
        socket.emit("recording", e.data);
        console.log("Audio data recorded. Transmitting to server via socketio...");
      }
    };

    mediaRecorder.current.start(1000);
  };



  


  Code that receives and tries to save the Buffer to a file (JS Node.js) :

  


  Server Receive

  


  socket.on("recording", (chunk) => {
    console_log("Audio chunk recieved. Transmitting to frontend...");
    socket.broadcast.emit('listening', chunk);

    fs.writeFileSync('out.webm', chunk.toString());
    if (counter > 3) {
      console.log("Trying ffmpeg...");

      ffmpegInstance
        .input('out.webm')
        .complexFilter([
          {
            filter: 'amix'
          }])
        .save('./Music/FFMPEGSTREAM.mp3');
    }

    counter++;
  });


  


  fluent-ffmpeg interface package is includued in the server code, but I have been using ffmpeg in the terminal (Pop OS) to debug. The goal is to save the file to a ram disk and use fluent ffmpeg to mix before sending to a different client for playback. Currently I am just trying to save it to disk and get ffmpeg command line to work on it.

  


  Update :
Problem was that the chunk I was analyzing didn't have the header info. MediaRecorder encodes, then slices it up, not slices it up into your specified time slot and encodes. I have not found a good solution to this. Saving the file, without toString I believe, results in a playable webm when the header is properly included.