Recherche avancée

Sur d’autres sites (5869)

• How to use ffmpeg to convert video into the audio format with nodejs and angular in web app

  31 août 2021, par Amir Shahzad

  I want to convert the video into the audio format using ffmpeg in nodejs but I not know how I can implement it in the angular app with nodejs.

  


  This is my nodejs code

  


    const express = require('express');
  const ffmpeg  = require('fluent-ffmpeg');
  const fileUpload = require('express-fileupload');
  const cors   = require('cors')
  const app = express();

  app.use(fileUpload({
     useTempFiles: true,
     tempFileDir: 'temp/'
  }));
  app.use(express.json());
  app.use(express.urlencoded({ extended: true }));
  app.use(cors({ origin: 'http://localhost:4200' }));

  ffmpeg.setFfmpegPath('/usr/bin/ffmpeg');

  // Converting mp4 to audio
  app.post('/mp4tomp3', (req, res) => {
     res.contentType('video/avi');
     res.attachment('output.mp3');
     req.files.mp4.mv("temp/" + req.files.mp4.name , function(err) {
      if(err){
        res.sendStatus(500).send(err)
    }else{
        console.log("Fiel Uploaded Successfully.!");
    }
   });
     ffmpeg('temp/' + req.files.mp4.name)
       .toFormat('mp3')
       .on('end', function() {
            console.log('Done');
    })
   .on('error', function(err){
         console.log('An Error Occured' + err.message)
    })
    .pipe(res, {end: true})
  })

  app.listen(3000, () => {
    console.log('Server Start On Port 3000')
  })


  


  This code is working good when I use index.html file in the nodejs app but its give an error while I remove index.html file and use angular app for frontend then it give error in nodejs mp4 not defined and name mv is not defined Please tell me how I can implement it using angular framework

  


  This is my app.component.html file

  


     <div class="container">&#xA;     <h1>Video Proccessing App</h1>&#xA;     <form>&#xA;        <input type="file" formcontrolname="mp4" />&#xA;         <input type="submit" value="Convert" />&#xA;     </form>&#xA;  </div>&#xA;  &#xA;

  


  This is my app.component.ts file

  


       import { Component, OnInit } from '@angular/core';
     import { FormBuilder, FormGroup, Validators } from '@angular/forms';
     import { VideoConversionService } from 'src/services/video-conversion.service';

     @Component({
        selector: 'app-root',
        templateUrl: './app.component.html',
        styleUrls: ['./app.component.css']
     })
     export class AppComponent implements OnInit {

         submitted =false;
         form! : FormGroup
         data:any


        constructor(private formBuilder: FormBuilder,
        private videoService: VideoConversionService){}


       creatForm(){
          this.form = this.formBuilder.group({
          mp4: ['', Validators.required],
       });
      }
      ngOnInit(): void {
         this.creatForm();

      }


      convertVideo(){
          this.submitted = true
          this.videoService.conversion(this.form.value).subscribe(res => {
          this.data = res;
         // console.log(this.data)
         //console.log(this.form.value)
     })
     }

     }


  


  This is my service file for handling the backend api in my angular app

  


  import { Injectable } from '@angular/core';
import { HttpClient  } from '@angular/common/http';
@Injectable({
  providedIn: 'root'
})
export class VideoConversionService {

constructor(private httpClient: HttpClient) { }

conversion(data: any){
   return this.httpClient.post('http://localhost:3000/mp4tomp3', data)
}
}


  


  This is Screenshot of chrome error

  


  

  


  This is the screenshot of the nodejs app error while I click on the convert button

  


  

  


• RTSP Feed Screen Cutoff

  25 août 2021, par Jackson Medina

  Recently I have been trying to consume the RTSP stream from a Vivitar Folding Drone. By reverse-engineering the .apk file for the Vivitar Folding Drone app, I was able to find that the RTSP address for the drone is rtsp://192.168.1.1:7070/webcam however, whenever I consume this stream through VLC or FFPLAY, most of the feed gets cut off and replaced with a green screen or gray screen (depends on whether I save to a .mjpeg file or a .dump file). What is the cause of this problem and what steps can I take to fix it ?

  


  

  


  When using FFPLAY, I use the following command :

  


  ffplay -i -rtsp_flags rtsp://192.168.1.1:7070/webcam


  


  I also receive this error when I first start consuming the stream with ffplay :

  


  [swscaler @ 00000240daeadf80] deprecated pixel format used, make sure you did set range correctly


  


  I receive this error message for about every frame of the stream :

  


  [mjpeg @ 00000240d6226b00] mjpeg_decode_dc: bad vlc: 0:0 (00000240d6266050)
[mjpeg @ 00000240d6226b00] error dc
[mjpeg @ 00000240d6226b00] error y=1 x=0


  


  NOTE : I am unsure if this is relevant, but the Vivitar Drone creates its own wifi network that must be signed onto if you want to consume the RTSP stream

  


  Also, the drone feed works perfectly fine when viewed through the Vivitar Folding Drone app. I just can't seem to get it to display properly through FFPLAY, FFMPEG, or VLC.

  


  UPDATE :

  


  Upon further inspection, it seems like the Vivitar Folding Drone may not be sending all of the jpg data for a single frame. Here is an image generated by unaltered byte data sent through the RTSP feed.


  


  I noticed three things from this image :

  


  

  1. The image appears to be missing large chunks of data.

  


  2. The image appears to be redshifted

  


  3. The two visible portions of the image should be sequential (it looks as though the second visual portion lines up with the first). An example of this can be seen below.

  


  


• FFMPEG Screen Cutoff

  18 août 2021, par Jackson Medina

  Recently I have been trying to consume the RTSP stream from a Vivitar Folding Drone. By reverse-engineering the .apk file for the Vivitar Folding Drone app, I was able to find that the RTSP address for the drone is rtsp://192.168.1.1:7070/webcam however, whenever I consume this stream through VLC or FFPLAY, most of the feed gets cut off and replaced with a green screen or gray screen (depends on whether I save to a .mjpeg file or a .dump file). What is the cause of this problem and what steps can I take to fix it ?

  


  

  


  When using FFPLAY, I use the following command :
ffplay -i -rtsp_flags rtsp://192.168.1.1:7070/webcam

  


  I also receive this error when I first start consuming the stream with ffplay :

  


  [swscaler @ 00000240daeadf80] deprecated pixel format used, make sure you did set range correctly


  


  I receive this error message for about every frame of the stream :

  


  [mjpeg @ 00000240d6226b00] mjpeg_decode_dc: bad vlc: 0:0 (00000240d6266050)
[mjpeg @ 00000240d6226b00] error dc
[mjpeg @ 00000240d6226b00] error y=1 x=0


  


  NOTE : I am unsure if this is relevant, but the Vivitar Drone creates its own wifi network that must be signed onto if you want to consume the RTSP stream