Recherche avancée

Sur d’autres sites (9046)

• video not playing on iOS safari

  21 octobre 2020, par Dean Van Greunen

  This video plays perfectly on Chrome Desktop and Android Chrome, on the latest releases.

  


  However it won't work on an iPad and an iPhone.

  


  Video Link

  


  also here is the file info.

  


  

  


• 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 ?

  


• iOS compatible live mp4 stream

  12 août 2017, par Salvo Passaro

  I have a video source which gives me a raw h264 stream. I need to re-stream this live input in a way it is cross-compatible and playable without any plugin. I’ve tried using ffmpeg+ffserver to produce a fragmented mp4, but unfortunately my iPhone isn’t playing it.

  Is there a way to make it (raw h264 in mp4 container) playable in iOS’s Safari, or maybe another cross-platform container ?

  Ps : i’m using a raspberry pi 3 to host ffmpeg processes, so i’m avoiding re encoding tasks ; instead i’m just trying to fit my raw h264 in a "ios-compatible" container and make it accessible through a media server.