Recherche avancée

Sur d’autres sites (7919)

• H264/MP4 live stream from ffmpeg does not work in browser

  22 septembre 2018, par paunescuionica

  I cannot visualize a H264/MP4 stream generated by ffmpeg in Chrome, IE, Edge. It works only in Firefox.

  My testing environment is Windows 10, all updates done, all browsers up to date.

  I have a source MJPEG stream, which I need to transcode to H264/MP4 and show it in browser in a HTML5 element.
  In order to provide a working example, I use here this MJPEG stream : http://200.36.58.250/mjpg/video.mjpg?resolution=320x240. In my real case I have MJPEG input from different sources like IP cameras.
  I use the following command line :

  ffmpeg.exe -use_wallclock_as_timestamps 1 -f mjpeg -i "http://200.36.58.250/mjpg/video.mjpg?resolution=320x240" -f mp4 -c:v libx264 -an -preset ultrafast -tune zerolatency -movflags frag_keyframe+empty_moov+faststart -reset_timestamps 1 -vsync 1 -flags global_header -r 15 "tcp ://127.0.0.1:5000 ?listen"

  If I try to visualize the output in VLC, I use this link : tcp ://127.0.0.1:5000 and it works.
  Then I try to visualize the stream in browser, so I put this into a html document :

  <video autoplay="autoplay" controls="controls">
  
  <source src="http://127.0.0.1:5000" type="video/mp4">
  
  </source></video>

  If I open the document in Firefox it works just fine.
  But it does not work when trying to open in Chrome, IE or Edge. It seems that the browser tries to connect to the TCP server exposed by ffmpeg, but something happens because ffmpeg exits after few seconds.

  In ffmpeg console I can see this :

  av_interleaved_write_frame(): Unknown error
  
  Error writing trailer of tcp://127.0.0.1:5000?listen: Error number -10053 occurred

  If I inspect the video element in Chrome is can see this error :

  Failed to load resource: net::ERR_INVALID_HTTP_RESPONSE

  As far as I know all these browsers should support H264 encoded streams transported in MP4 containers. If in the element I replace the link http://127.0.0.1:5000 with a local link to a mp4/H264 encoded file, it is played just fine in each browser. The problem seems to be related to live streaming.

  Does anyone know why this happens and how it can be solved ?

  Thank you !

• How to stream to a element using fluent-ffmpeg

  19 mai 2017, par Lukas

  I am writing on an electron application and I am trying to use fluent-ffmpeg to create a streaming server and use a <video></video> element to consume that stream. I wonder how to set up fluent-ffmpeg and the <video></video> using flowplayer like this :

  Server :

  const express = require('express');
  
  const ffmpeg = require('fluent-ffmpeg');
  
  
  
  const app = express();
  
  
  
  app.use(express.static(__dirname + '/flowplayer'));
  
  
  
  app.get('/', function(req, res) {
  
      res.send('index.html');
  
  });
  
  
  
  app.get('/video/:filename', function(req, res) {
  
      res.contentType('flv');
  
      // make sure you set the correct path to your video file storage
  
      const pathToMovie = '/Users/luke/Movies/' + req.params.filename;
  
      const proc = ffmpeg(pathToMovie)
  
      // use the 'flashvideo' preset (located in /lib/presets/flashvideo.js)
  
          .preset('divx')
  
          // setup event handlers
  
          .on('end', function() {
  
              console.log('file has been converted succesfully');
  
          })
  
          .on('error', function(err) {
  
              console.log('an error happened: ' + err.message);
  
          })
  
          // save to stream
  
          .pipe(res, {end:true});
  
  });
  
  
  
  app.listen(4000);

  Webseite with <video></video> element :

    
  
      
  
      <code class="echappe-js">&lt;script src=&quot;https://code.jquery.com/jquery-1.11.2.min.js&quot;&gt;&lt;/script&gt;
      
  &lt;script src='http://stackoverflow.com/feeds/tag/flowplayer-7.0.4/flowplayer.min.js'&gt;&lt;/script&gt;
  
        
  &lt;script&gt;<br />
  
      require('./ffmpeg-server.js');<br />
  
    &lt;/script&gt;
  

  The main problem I see right now is to find a way to set up the right settings for ffmpeg (currently I am using the divx preset together with the video type video/mpeg4 in the HTML which (of course) does not work.

• Can't reproduce a mp4 video in any of my browsers (Ubuntu 22.04.4)

  8 mai 2024, par user3303019

  This one is weird. I can't reproduce the following video in the browser (tried brave, chrome, firefox and edge).

  


  https://a-pop.stg.intuitivo.ai/assets/animations/wowMomentOpenDoor.mp4

  


  


  1. I have installed all sorts of codecs I may need and the regular video player plays the file no problem.

     


  


  2. For some reason it was working on Brave up until last week and it wasn't on chrome.

     


  


  3. It only happens on Linux apparently. Windows, Mac, android and iOS have no problem with the browser playing the animation.

     


  


  


  I don't have a clue what could be happening. I've checked other mp4 videos online and they work (from v.reddit)