Recherche avancée

Sur d’autres sites (2527)

• FFmpeg video output is being zoomed in ONLY when video is taken in 30 FPS ?

  13 avril 2022, par hugger

  I have been using FFmpeg for about a month now, its been great.

  


  I am capturing a video on IOS in either 60FPS or 30FPS. I am resizing the video to be 1:1 (or 4:3).

  


  I am capturing my video with https://github.com/mrousavy/react-native-vision-camera

  


  Everything is working fine with the default 60FPS. But, for some reason when the video is taken in 30FPS, the video gets zoomed in after the FFmpeg execution and I cannot figure out why...

  


  Here is what my FFmpeg command looks like inside my function (React JS hook) :

  


    const onMediaCaptured = useCallback(
    (media: PhotoFile | VideoFile, type: 'photo' | 'video') => {
      setIsProcessingMedia(!isProcessingMedia);

      var path =
        type === 'photo'
          ? RNFS.DocumentDirectoryPath + '/after.png'
          : RNFS.DocumentDirectoryPath + '/after.mp4';

      const portraitCrop =
        type === 'video' ? 'crop=1080:1350' : 'crop=1350:1080';

      const ffMPEGcmd = isSquareRatio
        ? `-y -i ${
            media.path
          } -aspect 1:1 -vf "crop=1080:1080:exact=1, scale=1080:1080, ${
            type === 'photo' ? 'transpose=1' : null
          }" -qscale 0 -b:v 10M ${path}`
        : `-y -i ${media.path} -vf "${portraitCrop}, ${
            type === 'photo' ? 'transpose=1' : null
          }" -b:v 10M -qscale 0 ${path}`;

      FFmpegKit.execute(ffMPEGcmd).then(async session => {
        const returnCode = await session.getReturnCode();
        if (ReturnCode.isSuccess(returnCode)) {
          // SUCCESS
          FFprobeKit.getMediaInformation(path)
            .then(async (session: MediaInformationSessionCamera) => {
              const information: MediaInformation =
                await session.getMediaInformation();
              const output = await session.getOutput();

              const outputJSON = JSON.parse(output);
              const newOne = outputJSON;

              const videoHeight = newOne.streams[0].height;
              const videoWidth = newOne.streams[0].width;

              setIsProcessingMedia(false);

              Actions.push('cameraMediaCaptured', {
                isSquareRatio: isSquareRatio,
                type: type,
                ratio: isSquareRatio ? 1080 / 1080 : 1350 / 1080,
                color: props.color,
                category: props.category,
                needsCrop: true,
                videoHeight: videoHeight,
                videoWidth: videoWidth,
                aspectRatio: videoHeight / videoWidth,
              });
            })
            .catch(error => console.error(error));
        } else if (ReturnCode.isCancel(returnCode)) {
          // CANCEL
        } else {
          // ERROR
          alert('error');
        }
      });
    },
    [isSquareRatio, props.category, props.color, isProcessingMedia],
  );


  


  I appreciate any feedback I can get !

  


  Cheers.

  


• Converting konvajs state to Advanced SubStation Alpha (ASS) format for subtitles

  7 juillet 2024, par Ahsan

  I am building a subtitle editor using react.js. I plan to use konvajs to build the styling feature of editor like rotate subtitles, change size etc. How do I convert resultant konva state to ass format so that ffmpeg can render these subtitles on video.

  


  If there is a better solution than using konvajs then please guide me.

  


• 'ffmpeg' is not recognized as an internal or external command in Hapi js(Node js)

  15 mai 2020, par Eswar

  I want to add on watermark image to while uploading a video. I tried to use node ffmpeg but unluckily the git base command line says *"ffmpeg"** not recognized.

  



  'ffmpeg' is not recognized as an internal or external command,operable program or batch file.

  



  const createVideoWatermark = async () =>{
    try {
        const ffmpeg = require("ffmpeg");
        var process = new ffmpeg('./uploads/video1.mp4');
        process.then(async function (video) {
            console.log('The video is ready to be processed');
            var watermarkPath = './uploads/watermark.jpg',
            newFilepath = './uploads/video-com-watermark.mp4',
            settings = {
                position        : "SE"      // Position: NE NC NW SE SC SW C CE CW
              , margin_nord     : null      // Margin nord
              , margin_sud      : null      // Margin sud
              , margin_east     : null      // Margin east
              , margin_west     : null      // Margin west
            };
            var callback = async function (error, files) {
            if(error){
                console.log('ERROR: ', error);
              }
              else{
                console.log('Waiting', files);
              }
            }
          //add watermark
            await video.fnAddWatermark(watermarkPath, newFilepath, settings, callback);
            return watermarkPath;    
        }, function (err) {
          console.log('Error: ' + err);
          return err;
      });
  } catch (e) {
      console.log(e.code);
      console.log(e.msg);
     return e.msg;
  }


  



  }

  



  Please help me to solve this. I am not sure where i did the mistake. Kindly correct me guys.