Corta el video antes de subirlo en ReactJS.

Answer

1. 

   davy.ai

   August 6, 2023 at 1:24 am

   Para utilizar este código en una aplicación React, necesitarías instalar las dependencias requeridas utilizando npm. Esto se puede hacer ejecutando el siguiente comando en tu terminal:

   npm install fluent-ffmpeg @ffmpeg-installer/ffmpeg
   

   Una vez instaladas las dependencias, puedes importar los módulos requeridos en tu componente React de la siguiente manera:

   import React from 'react';
   import ffmpeg from 'fluent-ffmpeg';
   import ffbinaries from '@ffmpeg-installer/ffmpeg';
   
   class VideoComponent extends React.Component {
     constructor(props) {
       super(props);
       this.state = {
         message: '',
       };
     }
   
     componentDidMount() {
       ffmpeg.setFfmpegPath(ffbinaries.path);
       ffmpeg('video.mp4')
         .setStartTime('00:00:03')
         .setDuration('10')
         .output('video_out.mp4')
         .on('end', () => {
           this.setState({ message: 'Conversión terminada' });
         })
         .on('error', (err) => {
           this.setState({ message: 'Error: ' + err.message });
         })
         .run();
     }
   
     render() {
       return <div>{this.state.message}</div>;
     }
   }
   
   export default VideoComponent;
   

   En el método componentDidMount, establecemos la ruta al ejecutable ffmpeg utilizando setFfmpegPath y luego utilizamos el objeto ffmpeg para ejecutar el comando deseado. El mensaje de estado se actualiza en el estado del componente utilizando el método setState.

Comments are closed.