Recherche avancée

Sur d’autres sites (9224)

• Stream real-time video flux in HTML video tag

  26 septembre 2018, par c.censier

  I want to stream a real-time video flux that come from udp into a HTML video tag.
  I made some research but I got a lot of informations and I struggle to have a clear overview of what I can do and what I can’t.

  The video flux use H.264 and AAC codecs, MP4 container and has a 3840x2160 (4K) resolution. I’d like to play it on Chrome (latest version).

  As I understand from now, HTML video tag can natively read H.264/AAC videos. I made it work with the video direclty on my server (I’m using Meteor JS + React).

  I learnt to use FFmpeg to stream an udp flux read by VLC player, and then I used FFserver (I know it’s deprecated) to create an HTTP flux also read by VLC but not by the HTML video tag.

  So... my question is : is HTML video can natively read video stream from HTTP ?

  I’ve seen a lot of discussions about HLS and DASH, but I didn’t understand if (and why) they’re mandatory.

  I read a post about someone creating a HLS m3u8 using only FFmpeg, is it a viable solution ?

  FFserver configuration

  HTTPPort                        8090
  
  HTTPBindAddress                 0.0.0.0
  
  MaxHTTPConnections              20
  
  MaxClients                      10
  
  MaxBandwidth                    100000
  
  
  
  <feed>
  
    File                          /tmp/feed.ffm
  
    FileMaxSize                   1g
  
    ACL allow                     127.0.0.1
  
  </feed>
  
  
  
  <stream>
  
    Feed                          feed.ffm
  
    Format                        mpeg
  
    AudioCodec                    aac
  
    AudioBitRate                  256
  
    AudioChannels                 1
  
    VideoCodec                    libx264
  
    VideoBitRate                  10000      // Total random here
  
    VideoBitRateRange             5000-15000 // And here...
  
    VideoFrameRate                30
  
    VideoQMin                     1
  
    VideoQMax                     50
  
    VideoSize                     3840x2160
  
    VideoBufferSize               20000      // Not sure either
  
    AVOptionVideo                 flags +global_header
  
  </stream>

  I had to specify QMin and QMax to avoid error message but I don’t really understand what is it.

  FFmpeg command line

  ffmpeg -re -i bbb_sunflower_2160p_30fps_normal.mp4 -strict -2 -r 30 -vcodec libx264 http://localhost:8090/feed.ffm

  This work with VLC. I’m working with a file on my computer before moving to an udp stream.

• I have created video using several images .. how to add fadein effect while every frame changing in video ? [duplicate]

  20 mai 2019, par Jeeva Murugan

  This question already has an answer here :

  • FFmpeg command for crossfading between 5 videos .How to manage setpts=PTS-STARTPTS ?
    
    1 answer
    

  I am running this code for creating video. How to add fadein effect for every frame in the video ?

  ffmpeg -r 2  -t 9 -pattern_type glob -i '*.png'  single_video.mp4

• Random PIPELINE_ERROR_DECODE : video decoder reinitialization failed on Chromium HTML5 video tag

  9 janvier 2024, par Hello World

  System

  


  Running an Expo React Native app, with a <webview></webview> component that loads a NextJS app with an HTML5 <video></video> tag. The system with issues is running the app on Android 9.0 with WebView implementation set to Android System WebView 84.0. The system without issues is running the app on Android 10.0 with WebView implementation set to Android System WebView 120.0.

  


  Details

  


  Video files being played by the <video></video> element are previously transcoded by the following fluent-ffmpeg node package :

  


  import ffmpeg from 'fluent-ffmpeg'

ffmpeg(rawVideoFileUrl)
  .videoCodec('libx264')
  .audioCodec('aac')
  .outputOption('-strict experimental')
  .outputOption('-movflags frag_keyframe+faststart')
  .format('mp4')


  


  My knowledge on video transcoding is very limited, but I have to do the transcoding to guarantee that the files are compatible to be played by my NextJS web app. In my research, my findings pointed to these FFMPEG command line arguments for my purpose.

  


  For the aforementioned WebView version, H.264 with AAC, should be compatible, yet playback is not stable. Many times it will play just fine, but other times I receive the error :

  


  PIPELINE_ERROR_DECODE: video decoder reinitialization failed


  


  If I refresh the web app, it works again. That leads me to believe it is somehow memory related, maybe caused by incompatibility.

  


  I'm not sure whether video decoder reinitialization failed produced by the HTML5 <video></video> tag is a problem of transcoding or not, as the videos play fine most of the time and only produces that error in the console some of the times, unexpectedly.

  


  Question

  


  Is there something that I can do to the fluent-ffmpeg command to make the video files more widely compatible, including the WebView 84.0 system too, or is the issue somewhere else ?

  


  In this case, updating WebView is not an option.