Recherche avancée

Sur d’autres sites (8788)

• ffmpeg : How to add an image to the end of a video, freeze framing the last frame and using a fade

  26 novembre 2019, par Jeremy Thomerson

  (I’ve looked at a number of other similar questions, but can’t find any with an answer that actually works)

  I often need to combine a short video clip with in image. Typically, the video clip is a short explanation of a concept, followed by an image that helps the user visualize the concept. Rarely do the frame sizes / resolution of the video and image match. Typically, I need every second of the video clip to display, so even though I would like a cross-fade between the video and image, I’d like to freeze-frame the final frame of the video, and then cross-fade between that frozen frame and the following image.

  I’d like both the video and image, despite the disparity in their resolutions, to "fit to frame", such that I get an output that’s either a) the size of the larger asset, or b) some fixed size (like 720p), and in either case, both the image and video are scaled to fit into those dimensions, while maintaining their original aspect ratio.

  For example, given the following two assets (video and image), how could I accomplish what’s described above ? (Note : these assets are just ones I found that are available for examples, and not the actual type of content I’d be using ; however, they do accurately represent the disparity in resolution and aspect ratio I’d often have between video and image file).

  • https://file-examples.com/wp-content/uploads/2017/04/file_example_MP4_640_3MG.mp4
  • https://upload.wikimedia.org/wikipedia/commons/e/e8/World_blank_map_countries.PNG

  Bonus : At times, I’d like to :

  1. Reverse the order (image, and then video), or
  2. Have a video and then multiple images, one after the other, faded between each, or
  3. Video, fade to image, then more video

  Note : I’m running ffmpeg on Mac / OSX, installed via brew

  Thanks so much if you can help !

• Using FFMpeg to concat, overlay and add text

  2 avril 2015, par Jean-Philippe Encausse

  FFMpeg is really powerfull and cross-platform. Is it also faster than code ?

  I’d like to perform the following task in one pass :

  1. Take a file F1.avi ... FN.avi
  2. Add a Text overlay T1 ... TN
  3. Add an overlay image
  4. Concat all these files in Fout.avi

  Is it possible to do all these things in one shot ?

  • It seems complicated to write a text according to a given file

  I Write a little C# application using a JSON Config but would love a clean FFMpeg option.

• sharedarraybuffer error in edge and firefox but not in chrome when uploading with ffmpeg in nodejs

  29 juillet 2021, par Juliette

  I have the code below in React.js that uses ffmpeg to convert files :

  


  import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';

  const doTranscode = async () => {
    setMessage('Loading ffmpeg-core.js');
    await ffmpeg.load();
    setMessage('Uploading file');
    ffmpeg.FS('writeFile', filename, await fetchFile(file));
    await ffmpeg.run('-i', filename, 'test.wav');
    setMessage('Upload to manager complete. Sound file will be available and playable on the manger within 1-2 minutes.');
    const data = ffmpeg.FS('readFile', 'test.wav');
    setAudioSrc(URL.createObjectURL(new Blob([data.buffer], { type: 'audio/wav' })));

    var file_name = prompt('What would you like to call this file?');

    if (!file_name) {
      file_name = Date.now()
    }
    
    (async function(){
      let output = await getSoundID(customer_id, file_name);
      let sound_id = output.data;
      var bucket_file = new File([new Blob([data.buffer], { type: 'audio/wav' })], "sounds/" + customer_id + "/" + sound_id + ".wav");
      uploadFileToS3(bucket_file);
      updateSoundData(sound_id, customer_id);
    })();
  };

  useEffect(() => {
    if (file) {
      doTranscode()
    }
  }, [file])


  


  The code above works great in Chrome and the files are successfully converted. However, when I bring it to Firefox or Edge I get this error Unhandled Rejection (ReferenceError): SharedArrayBuffer is not defined.

  


  I looked up this issue and they said I need to modify my headers to include this :

  


  You need to set two response headers for your document:

Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp


  


  Not sure how I would this in my JS code ?

  


  Would love to hear what you guys think.