Recherche avancée

Sur d’autres sites (11768)

• Anomalie #3863 : liste de tous les plugins dans les résultats de recherche du back-office

  25 novembre 2016, par b b

  gogogo :)

• Anomalie #2104 (Fermé) : Sauvegarde de la base - multiples SPIP sur une même base

  27 mai 2011, par Manu Lestrelin

  Dans mes pages perso chez free.fr j’ai installé deux SPIP, l’un avec le préfixe des tables par défaut spip_ et l’autre avec le préfixe spipgr_. Dans l’espace privé du second site, Maintenance technique -> Sauvegarder/restaurer la base, lorsque je développe les Options avancées je m’aperçois que ce (...)

• Workflow and data format for sending MediaRecorder output to express server

  30 avril 2021, par Max

  I've been trying to figure this out for a while but got lost between different ways of sending files and different data formats.

  


  I am recording the stream of a canvas animation with MediaRecorder. As far as I understand this returns a blob with the video in binary format. Now I want to send this data to my express server and convert it to an h264 encoded mp4 file. My first impulse was to use ffmpeg on the server. Unfortunately I'm struggling with the details of the implementation. I am unsure on how to best transmit the data and in what format and how to feed it to ffmpeg.

  


  This is what I have on the client side :

  


  // Get stream from element
stream = element.captureStream(30)

// Create media recorder with stream
const recorder = new MediaRecorder(stream)

// Save to file
recorder.ondataavailable = ({ data }) => {
                
    const formData = new FormData()
    formData.append("file", data)

    const options = {
        method: "POST",
        body: formData,
    }

    fetch("http://localhost:3001/api/blob_to_mp4", options).then(
        (res) => {
            console.log(res)
        }
    )
}


  


  And this is what I have on the server side :

  


  "use strict";

const express = require("express");
const cors = require("cors");
const ffmpeg = require("fluent-ffmpeg");
const fs = require("fs");

const port = process.env.PORT || 3001;
const app = express();
var command = ffmpeg();

app.use(cors());
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

app.post("/api/blob_to_mp4", function (req, res) {
  var data = Buffer.from("");

  // Add data
  req.on("data", function (chunk) {
    data = Buffer.concat([data, chunk]);
  });

  // Full data available
  req.on("end", () => {
    req.rawBody = data;
  });

  res.send("hello world");
});

app.listen(port);
console.log(`Server running on port ${port}`);