Recherche avancée

Sur d’autres sites (3510)

• HTML5 Video Compatibility (MP4, WEBM, OGG) in 2021

  19 juillet 2021, par William

  The support of HTML5 video has evolved a lot over the years. I am trying to understand whether the <video></video> element still needs to have three sources : MP4, WEBM, and OGG.

  


  There are a lot of answers throughout StackOverflow with deeply conflicting information - some of which say that you just need MP4 now, others say, MP4 and WEBM are enough, and then finally many say that you need all three (although many of those article are 10 years old).

  


  W3 suggests that either MP4 or WEBM alone would have universal support (Even though I found a 2011 article from Google saying that they would be removing support for MP4/H.264). Wikipedia paints a more complicated picture (as well as listing that Google Chrome does indeed support MP4/H.264). Azure Media services ONLY seems to allow output in MP4, which would suggest to me that MP4 must have widespread compatibility.

  


  Also see Example 1, Example 2, Example 3.

  


  Is there any definitive information on what video types to include in an HTML5 video player to achieve widespread compatibility ?

  


  Background : I am building a Content Management Platform that allows uploading videos. When a new video is uploaded, a conversion process kicks off to convert the video into the required formats. This takes time and CPU/Memory, so if it is possible I would like to convert uploaded videos into as few formats as possible.

  


  p.s. This question HAS been asked before, however, the fundamentals of playing video on the web continually evolve and most of the answers out there have become irrelevant.

  


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

  


• Matomo’s 2021 Year in Review

  13 décembre 2021, par erin — Community

  2021 has been an exciting year at Matomo !

  We’re grateful for all community members who reported feedback and suggestions, our awesome team of translators for their work, and our Premium features customers and Matomo Cloud hosting customers for their amazing support. 

  We wanted to share some quick highlights to remind you of the exciting things that happened in 2021.

  Matomo continues to develop

  In 2021 we released a number of new features including :

  • SEO Web Vitals

  The new SEO Web Vitals feature helps you track your critical website performance metrics, which are a core element of SEO best practice.

  

  • Advertising Conversion Export 

  Measure the performance of your ads without giving up privacy.

  This exciting new feature supports privacy and compliance requirements by eliminating the need to put third-party advertising tracking codes on your site. Now marketers can easily import conversion data from Matomo into Google Ads, Microsoft Advertising or Yandex Ads.

  • Tracking Spam Prevention 

  Say goodbye to spammers & bots making your data inaccurate and say hello to reliable data. 

  This powerful plugin provides our self-hosting users various options to prevent spammers and bots from making data inaccurate so you can rely on your data again.

  • In 2021 we moved from Matomo 4.1.0 to Matomo 4.6.0, with our new releases delivering over 600 updates to improve the stability and functionality of the product.

  Some of our team’s favourite updates in 2021 included :

  • • Graphs now show a difference for data of “unfinished” and “complete” periods, with unfinished periods now indicated by a dashed line.
    • Improvements to Matomo Tag Manager’s debugger – now you can simply enter the URL in a form and click Debug.
    • Dashboards now show proportional evolution comparison for incomplete periods (rather than absolute values).
     
  • We also rolled out general bug fixes in Matomo Mobile 2.5 for iOS and Android.
  • Continuous improvements to Matomo for WordPress. 

  In other news

  • Au revoir, tracking consent. France’s data protection authority, Commission nationale de l’informatique et des libertés (CNIL), announced that Matomo is now exempt from tracking consent in France (under conditions).
  • We lowered the pricing for Matomo Cloud, the starting price is now 19 EUR or 19 USD per month.
  • For our self-hosting users, we introduced a 30-day Free Trial for Marketplace Premium Plugins. 

  If you haven’t explored our Marketplace yet, some of our most popular plugins include :

  • • Form Analytics
    • Search Engine Keyword Performance
    • Heatmaps and Session Recordings
     
  • Out of a substantial list of 320 products, Matomo was recognised by Capterra as a leading global Web Analytics Software solution for 2021.

  Matomo Community working together

  MatomoCamp 2021 was a massive success thanks to our passionate community, sponsors and speakers. This virtual event was run by the Matomo Community, for the Matomo Community. 

  

  Some of the most popular sessions included :

  • How to stay compliant with privacy regulations with Matomo 
  • Use Matomo properly for SEO (German)
  • How does risk for a DPO differ from classical risk perceptions ?
  • Are we there yet ? The present & future of surveillance societies
  • How to manage a Matomo with millions of pageviews per month ?

  All MatomoCamp sessions are now available on-demand. Enjoy !

  More people are choosing ethical analytics 

  We surpassed the incredible milestone of 30K active Matomo for WordPress installations.

  How can you get involved in 2022 ?

  Our mission at Matomo is :

  “To create, as a community, the leading open digital analytics platform, that gives every user full control of their data”

  Join our mission by writing about Matomo on your blog, website, Twitter, talk at conferences or let your friends and colleagues know what is Matomo. 

  Use the Matomo forum if you have any questions or feedback (free support), or purchase a Support Plan to get professional support and guidance.

  To improve Matomo in your language, consider contributing to translations.

  You can also support our efforts by purchasing Premium Features for Matomo or try our Matomo Cloud solution.

  Thank you for being part of our Matomo community, we wish you all the best for 2022 !