Recherche avancée

Sur d’autres sites (12265)

• How to improve Video Trimming & Merging Performance for Mobile App [closed]

  5 mai 2024, par Harpreet Singh.8052

  I am in the process of developing an app that will allow users to trim and merge recorded videos similar to Snapchat and Instagram stories. Currently, I am using FFmpeg for video processing, but it is taking too long to complete. I have come up with an idea to use ExoPlayer to minimize processing time. My plan is to store the trimmed duration of multiple videos and only play the trimmed part when the video is played. ExoPlayer allows playing multiple videos seamlessly, so it will appear as if the videos have been trimmed and merged. However, I am uncertain about how to handle video playback on the server-side when a user uploads all the videos and metadata about the video, such as the trimmed part from where to where they want to play. If I follow this approach, I will need to first get all the videos to the user's device before playback, but the videos can be long, ranging from 10 to 30 minutes, making this approach impractical. I would like to play them in a video stream manner. 

  


  I am also curious about how other video editing apps such as CapCut or Kinemaster handle video processing tasks like trimming, merging, and slow-mo. What video processing tools do they use ? When I tried merging ten one-minute videos, it took around 10 minutes on my Android phone, but these editing apps take less time. 

  


  I would appreciate any approach or idea to improve the processing time for video trimming and merging

  


• How to perform Video Trimming & Merging Performance in Mobile App ? [closed]

  5 mai 2024, par Harpreet Singh.8052

  I am in the process of developing an app that will allow users to trim and merge recorded videos similar to Snapchat and Instagram stories. Currently, I am using FFmpeg for video processing, but it is taking too long to complete. I have come up with an idea to use ExoPlayer to minimize processing time. My plan is to store the trimmed duration of multiple videos and only play the trimmed part when the video is played. ExoPlayer allows playing multiple videos seamlessly, so it will appear as if the videos have been trimmed and merged. However, I am uncertain about how to handle video playback on the server-side when a user uploads all the videos and metadata about the video, such as the trimmed part from where to where they want to play. If I follow this approach, I will need to first get all the videos to the user's device before playback, but the videos can be long, ranging from 10 to 30 minutes, making this approach impractical. I would like to play them in a video stream manner. 

  


  I am also curious about how other video editing apps such as CapCut or Kinemaster handle video processing tasks like trimming, merging, and slow-mo. What video processing tools do they use ? When I tried merging ten one-minute videos, it took around 10 minutes on my Android phone, but these editing apps take less time. 

  


  I would appreciate any approach or idea to improve the processing time for video trimming and merging

  


• Issue playing output mp4 transcoded with ffmpeg wasm on mobile

  14 mars 2023, par heroicsatsuma

  I'm capturing a video of a canvas using MediaRecorder :

  


  (async () => {
    const stream = recordingCanvasCtx.canvas.captureStream();
    const chunks = [];
    videoRecorder.ondataavailable = e => chunks.push(e.data);
    videoRecorder.onstop = async () => {
        transcode(new Uint8Array(await (new Blob(chunks)).arrayBuffer()));
        stopRecording();
    };
    videoRecorder.start();
    setTimeout(() => {
        videoRecorder.stop();
    }, videoRecordDuration);
})();


  


  Then transcoding using ffmpeg wasm :

  


  const transcode = async (webcamData) => {
    const name = 'record.webm';

    ffmpeg.FS('writeFile', name, await fetchFile(webcamData));
    await ffmpeg.run('-i', name, '-codec', 'copy', '-preset', 'superfast', '-crf', '27', 'output.mp4');

    const data = ffmpeg.FS('readFile', 'output.mp4');

    const video = document.getElementById('vidpreview');
    video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));

    document.getElementById('viddiv').classList.add("show");

    vidpreview.onloadeddata = function () {
        playBtn.addEventListener('click', playVidAgain);
    }
}


  


  This all works and displays when running on a Windows laptop, but when trying to display the video.src on Android I see the following error in chrome ://inspect :

  


  ERR_REQUEST_RANGE_NOT_SATISFIABLE

  


  Any ideas how to get this working are much appreciated