Recherche avancée

Sur d’autres sites (7904)

• I need to create a streaming app Where videos store in aws S3

  27 juillet 2023, par abuzar zaidi

  I need to create a video streaming app. where my videos will store in S3 and the video will stream from the backend. Right now I am trying to use ffmpeg in the backend but it does not work properly.

  


  what am I doing wrong in this code ? And if ffmpeg not support streaming video that store in aws s3 please suggest other options.

  


  Backend

  


  const express = require('express');
const aws = require('aws-sdk');
const ffmpeg = require('fluent-ffmpeg');
const cors = require('cors'); 
const app = express();

//   Set up AWS credentials
aws.config.update({
accessKeyId: '#######################',
secretAccessKey: '###############',
region: '###############3',
});

const s3 = new aws.S3();
app.use(cors());

app.get('/stream', (req, res) => {
const bucketName = '#######';
const key = '##############'; // Replace with the key/path of the video file in the S3 bucket
const params = { Bucket: bucketName, Key: key };
const videoStream = s3.getObject(params).createReadStream();

// Transcode to HLS format
 const hlsStream = ffmpeg(videoStream)
.format('hls')
.outputOptions([
  '-hls_time 10',
  '-hls_list_size 0',
  '-hls_segment_filename segments/segment%d.ts',
 ])
.pipe(res);

// Transcode to DASH format and pipe the output to the response
ffmpeg(videoStream)
.format('dash')
.outputOptions([
  '-init_seg_name init-stream$RepresentationID$.mp4',
  '-media_seg_name chunk-stream$RepresentationID$-$Number%05d$.mp4',
 ])
.output(res)
.run();
});

const port = 5000;
app.listen(port, () => {
console.log(`Server running on http://localhost:${port}`);
});


  


  Frontend

  


      import React from &#x27;react&#x27;;&#xA;&#xA;    const App = () => {&#xA;     const videoUrl = &#x27;http://localhost:3000/api/playlist/runPlaylist/6c3e7af45a3b8a5caf2fef17a42ef9a0&#x27;; //          Replace with your backend URL&#xA;Please list down solution or option i can use here&#xA;    const videoUrl = &#x27;http://localhost:5000/stream&#x27;;&#xA;         return (&#xA;      <div>&#xA;      <h1>Video Streaming Example</h1>&#xA;      <video controls="controls">&#xA;        <source src="{videoUrl}" type="video/mp4"></source>&#xA;        Your browser does not support the video tag.&#xA;      </video>&#xA;    </div>&#xA;     );&#xA;     };&#xA;&#xA;    export default App;&#xA;

  


• Combine multiple videos into one

  10 janvier 2012, par StackedCrooked

  I have three videos :

  • a lecture that was filmed with a video camera
  • a video of the desktop capture of the computer used in the lecture
  • and the video of the whiteboard

  I want to create a final video with those three components taking up a certain region of the screen.

  Is open-source software that would allow me to do this (mencoder, ffmpeg, virtualdub..) ? Which do you recommend ?

  Or is there a C/C++ API that would enable me to create something like that programmatically ?

  Edit
  There will be multiple recorded lectures in the future. This means that I need a generic/automated solution.

  I'm currently checking out if I could write an application with GStreamer to do this job. Any comments on that ?

  Solved !
  I succeeded in doing this with GStreamer's videomixer element. I use the gst-launch syntax to create a pipeline and then load it with gst_parse_launch. It's a really productive way to implement complex pipelines.

  Here's a pipeline that takes two incoming video streams and a logo image, blends them into one stream and the duplicates it so that it simultaneously displayed and saved to disk.

    desktop. ! queue
  
             ! ffmpegcolorspace
  
             ! videoscale
  
             ! video/x-raw-yuv,width=640,height=480
  
             ! videobox right=-320
  
             ! ffmpegcolorspace
  
             ! vmix.sink_0
  
    webcam. ! queue
  
            ! ffmpegcolorspace
  
            ! videoscale
  
            ! video/x-raw-yuv,width=320,height=240
  
            ! vmix.sink_1
  
    logo. ! queue
  
          ! jpegdec
  
          ! ffmpegcolorspace
  
          ! videoscale
  
          ! video/x-raw-yuv,width=320,height=240
  
          ! vmix.sink_2
  
    vmix. ! t.
  
    t. ! queue
  
       ! ffmpegcolorspace
  
       ! ffenc_mpeg2video
  
       ! filesink location="recording.mpg"
  
    t. ! queue
  
       ! ffmpegcolorspace
  
       ! dshowvideosink
  
    videotestsrc name="desktop"
  
    videotestsrc name="webcam"
  
    multifilesrc name="logo" location="logo.jpg"
  
    videomixer name=vmix
  
               sink_0::xpos=0 sink_0::ypos=0 sink_0::zorder=0
  
               sink_1::xpos=640 sink_1::ypos=0 sink_1::zorder=1
  
               sink_2::xpos=640 sink_2::ypos=240 sink_2::zorder=2
  
    tee name="t"

• lavfi : addroi filter

  7 juillet 2019, par Mark Thompson

  lavfi : addroi filter
  This can be used to add region of interest side data to video frames.
  

  • [DH] doc/filters.texi
  • [DH] libavfilter/Makefile
  • [DH] libavfilter/allfilters.c
  • [DH] libavfilter/vf_addroi.c