Recherche avancée

Sur d’autres sites (4879)

• hls.js starting a beginning with ANDROID mobile (chrome, webview also) and not live *** but works very nice in deskto, ios .. hls.js 1.0.0 2021-04-01

  27 avril 2021, par Jintor

  I'm streaming a .m3u8 with the latest hls.js 1.0.0 (not rc) but version of 2021-04-01...

  


  example : the stream began at 5pm, and now it's 5:15 pm...

  


  the stream start at live point in almost all browsers

  


  The pattern I see here : ALL browsers in android (tested in Android 10) won't start at live point, only at 0...

  


  I did all the tests

  


  • Safari desktop => stream live at 5:15

  


  • Safari mobile => stream live at 5:15

  


  • WebView (Android) => ••• ISSUE : the player starts the stream at 0 (5pm)

  


  • WKWebView (apple IOS iphone,ipad) => stream live at 5:15

  


  • Chrome Desktop (mac/win) => stream live at 5:15

  


  • Chrome MOBILE (Android) => ••• ISSUE : the player starts the stream at 0 (5pm)

  


  • Chrome MOBILE (iPhone) => stream live at 5:15

  


  • Microsoft EDGE Desktop => stream live at 5:15

  


  • Microsoft EDGE mobile (android) => ••• ISSUE : the player starts the stream at 0 (5pm)

  


  • Firefox Desktop (mac/win) => stream live at 5:15

  


  • Opera Desktop (mac/win) => stream live at 5:15

  


  • Opera Mini (iPhone) => stream live at 5:15

  


  • Opera Mini (android) => ••• ISSUE : the player starts the stream at 0 (5pm)

  


  • Brave Desktop (mac/win) => stream live at 5:15

  


  • Brave Mobile (iPhone) => stream live at 5:15

  


  • Brave Mobile (android) => ••• ISSUE : the player starts the stream at 0 (5pm)

  


  This code

  


  <code class="echappe-js">&lt;script src=&quot;https://cdn.jsdelivr.net/npm/hls.js@latest&quot;&gt;&lt;/script&gt;&#xA;    
  &#xA;    &lt;script&gt;&amp;#xA;      var video = document.getElementById(&quot;video&quot;);&amp;#xA;      var videoSrc = &quot;https://www.example1.com/streaming/index.m3u8&quot;;&amp;#xA;      if (video.canPlayType(&quot;application/vnd.apple.mpegurl&quot;)) {&amp;#xA;        video.src = videoSrc;&amp;#xA;      } else if (Hls.isSupported()) {&amp;#xA;         var config = {&amp;#xA;            autoStartLoad: true,&amp;#xA;            startPosition: -1,&amp;#xA;            debug: false,&amp;#xA;            capLevelOnFPSDrop: false,&amp;#xA;            capLevelToPlayerSize: false,&amp;#xA;            defaultAudioCodec: undefined,&amp;#xA;            initialLiveManifestSize: 1,&amp;#xA;            maxBufferLength: 30,&amp;#xA;            maxMaxBufferLength: 500,&amp;#xA;            backBufferLength: Infinity,&amp;#xA;            maxBufferSize: 60 * 1000 * 1000,&amp;#xA;            maxBufferHole: 0.5,&amp;#xA;            highBufferWatchdogPeriod: 2,&amp;#xA;            nudgeOffset: 0.1,&amp;#xA;            nudgeMaxRetry: 3,&amp;#xA;            maxFragLookUpTolerance: 0.25,&amp;#xA;            liveSyncDurationCount: 3,&amp;#xA;            liveMaxLatencyDurationCount: Infinity,&amp;#xA;            liveDurationInfinity: false,&amp;#xA;            enableWorker: true,&amp;#xA;            enableSoftwareAES: true,&amp;#xA;            manifestLoadingTimeOut: 10000,&amp;#xA;            manifestLoadingMaxRetry: 1,&amp;#xA;            manifestLoadingRetryDelay: 1000,&amp;#xA;            manifestLoadingMaxRetryTimeout: 64000,&amp;#xA;            startLevel: undefined,&amp;#xA;            levelLoadingTimeOut: 10000,&amp;#xA;            levelLoadingMaxRetry: 4,&amp;#xA;            levelLoadingRetryDelay: 1000,&amp;#xA;            levelLoadingMaxRetryTimeout: 64000,&amp;#xA;            fragLoadingTimeOut: 20000,&amp;#xA;            fragLoadingMaxRetry: 6,&amp;#xA;            fragLoadingRetryDelay: 1000,&amp;#xA;            fragLoadingMaxRetryTimeout: 64000,&amp;#xA;            startFragPrefetch: false,&amp;#xA;            testBandwidth: true,&amp;#xA;            progressive: false,&amp;#xA;            lowLatencyMode: true,&amp;#xA;            fpsDroppedMonitoringPeriod: 5000,&amp;#xA;            fpsDroppedMonitoringThreshold: 0.2,&amp;#xA;            appendErrorMaxRetry: 3,&amp;#xA;            enableWebVTT: true,&amp;#xA;            enableIMSC1: true,&amp;#xA;            enableCEA708Captions: true,&amp;#xA;            stretchShortVideoTrack: false,&amp;#xA;            maxAudioFramesDrift: 1,&amp;#xA;            forceKeyFrameOnDiscontinuity: true,&amp;#xA;            abrEwmaFastLive: 3.0,&amp;#xA;            abrEwmaSlowLive: 9.0,&amp;#xA;            abrEwmaFastVoD: 3.0,&amp;#xA;            abrEwmaSlowVoD: 9.0,&amp;#xA;            abrEwmaDefaultEstimate: 500000,&amp;#xA;            abrBandWidthFactor: 0.95,&amp;#xA;            abrBandWidthUpFactor: 0.7,&amp;#xA;            abrMaxWithRealBitrate: false,&amp;#xA;            maxStarvationDelay: 4,&amp;#xA;            maxLoadingDelay: 4,&amp;#xA;            minAutoBitrate: 0,&amp;#xA;            emeEnabled: false&amp;#xA;        };&amp;#xA;        var hls = new Hls(config);&amp;#xA;        hls.loadSource(videoSrc);&amp;#xA;        hls.attachMedia(video);&amp;#xA;      }   &amp;#xA;      video.addEventListener(&quot;loadedmetadata&quot;, function(){ video.muted = true; video.play(); }, false);&amp;#xA;    &lt;/script&gt;&#xA;
  

  


  // here I added video.muted = true ; video.play() ; to auto start, if I try to autoplay unmuted, many browsers refuse this command...

  


  // playsinline="true" is NEEDED for safari

  


  ••••••• THE FFMPEG COMMAND (working : it allows me to have 3 to 4 seconds delay ••••••

  


  ffmpeg -re -i input.x -c:a aac -c:v libx264 
-movflags +dash -preset ultrafast 
-crf 28 -refs 4 -qmin 4 -pix_fmt yuv420p 
-tune zerolatency -c:a aac -ac 2 -profile:v main 
-flags -global_header -bufsize 969k 
-hls_time 1 -hls_list_size 0 -g 30 
-start_number 0 -streaming 1 -hls_playlist 1 
-lhls 1 -hls_playlist_type event -f hls path_to_index.m3u8


  


  •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

  


  How can this be fixed ?

  


  How can I make play at live point on load in android MOBILE ?

  


• How to record a video and create a file every 1 minute and without stopping media recorder as stopping and starting causing delay

  7 janvier 2021, par Karsh Soni

  I want to develop a functionality where i have to start recording or say start continuous recording for more than 5 hours and for every minute i want to create a video file so that i want to store files of a video every minute without any delay or missing any frame.

  


  Right now to create a file i need to stop the media recorder and which leads to stopping and starting media recorder and it ends up losing 1.5 to 3 seconds of delay based on devices where i want to minimize the delay as negligible as possible.

  


  I am getting callbacks or frames for each second but if i would try to save those bitmaps and then try to convert them into video it might work with 5FPS. but with 30 or 60FPS its not performing as continuous frames wouldn't let me write to files efficiently. even though that is being done in background.

  


  Please let me know if you know any alternate solution or any solution that can help me achieve it.

  


• Move overlay left to right with specific overlay starting position

  3 décembre 2020, par k0ngoz

  The command below moves image left to right, starting from outside the frame on the left side, with opacity on the image.

  


  ffmpeg -i test.mp4 -i bar.png -filter_complex "[1:v]format=argb,geq=r='r(X,Y)':a='0.5*alpha(X,Y)'[zork];[0:v][zork]overlay=x='if(lte(-w+(t)*100,100),-w+(t)*100,100)':y=0" output.mp4


  


  What I need, is to have the image being full-screen in the beginning of the video, and then slowly moving towards the right side, never completely exiting the frame up right up until the point where the video finishes(image still fullscreen as video ends).

  


  So the tempo has to vary based on the video length, for the image not to exit the frame at neither the start or finishing point.