Recherche avancée

Sur d’autres sites (9893)

• Playing 120fps in browser between original and re-made video, original is normal speed, new video is slo-mo

  1er mars 2023, par Patrick Vellia

  I used my GoPro Hero10 to record at 4k 120fps on a green screen. This original video plays slo-mo in QuickTime but "normal" speed in the browser. I want it playing normal speed, and if end user wants to slow it down they have the extra frames for that to maintain clarity, which is why I record at 120.

  


  I then used FFMPEG to create an image sequence of the video.

  


  Then I ran Image Magic to create the transparent frames.

  


  Then I put it back together with the following command for a HEVC mov file :

  


  ffmpeg -r 120 -f image2 -i transparent/image_transparent_%08d.png -vcodec hevc_videotoolbox -crf 28 -alpha_quality 1  -tag:v hvc1 output.mov


  


  I am still on an Intel MacBook Pro running FFMPEG 4.6 (as I've found 5+ was buggy with one of my commands a few months ago but can't remember which one, I think it was the videotoolbox).

  


  The GoPro video has the following stream data as input to the FFMPEG :

  


  Duration: 00:00:08.15, start: 0.000000, bitrate: 60160 kb/s
  Stream #0:0(eng): Video: hevc (Main) (hvc1 / 0x31637668), yuvj420p(pc, bt709), 3840x2160 [SAR 1:1 DAR 16:9], 59891 kb/s, 119.88 fps, 119.88 tbr, 120k tbn, 119.88 tbc (default)
    Metadata:
      creation_time   : 2023-02-28T19:06:41.000000Z
      handler_name    : GoPro H.265
      vendor_id       : [0][0][0][0]
      encoder         : GoPro H.265 encoder
      timecode        : 19:05:32:105
  Stream #0:1(eng): Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, stereo, fltp, 189 kb/s (default)
    Metadata:
      creation_time   : 2023-02-28T19:06:41.000000Z
      handler_name    : GoPro AAC  
      vendor_id       : [0][0][0][0]
      timecode        : 19:05:32:105
  Stream #0:2(eng): Data: none (tmcd / 0x64636D74), 0 kb/s (default)
    Metadata:
      creation_time   : 2023-02-28T19:06:41.000000Z
      handler_name    : GoPro TCD  
      timecode        : 19:05:32:105
  Stream #0:3(eng): Data: bin_data (gpmd / 0x646D7067), 76 kb/s (default)
    Metadata:
      creation_time   : 2023-02-28T19:06:41.000000Z
      handler_name    : GoPro MET  


  


  Whereas the re-constructed video has the following data :

  


  Duration: 00:00:08.13, start: 0.000000, bitrate: 763650 kb/s
  Stream #0:0: Video: hevc (Main) (hvc1 / 0x31637668), yuv420p(tv, progressive), 3840x2160 [SAR 1:1 DAR 16:9], 763696 kb/s, 120 fps, 120 tbr, 15360 tbn, 15360 tbc (default)
    Metadata:
      handler_name    : VideoHandler
      vendor_id       : FFMP
      encoder         : Lavc58.134.100 hevc_videotoolbo


  


  When this re-constructed video plays in the browser, it is in slow-mo and I need to set the playbackRate to 4.0 for it to play "normally".

  


  Is there something I need to add to the video for the browser to play it at "normal" speed ?

  


• Revision 50fa58592b : Removing examples code generation and making them static. All documentation wil

  8 janvier 2014, par Dmitry Kovalev

  Changed Paths :
   Modify /docs.mk

  
   Modify /examples.mk

  
   Add /examples/decode_to_md5.c

  
   Delete /examples/decode_to_md5.txt

  
   Add /examples/decode_with_drops.c

  
   Delete /examples/decode_with_drops.txt

  
   Add /examples/decode_with_partial_drops.c

  
   Delete /examples/decode_with_partial_drops.txt

  
   Delete /examples/decoder_tmpl.c

  
   Delete /examples/decoder_tmpl.txt

  
   Delete /examples/encoder_tmpl.c

  
   Delete /examples/encoder_tmpl.txt

  
   Add /examples/error_resilient.c
  (from /examples/encoder_tmpl.c
  :fdad4fd226f6aeb9107478501537e1c4b6e2f748)
   Delete /examples/error_resilient.txt

  
   Add /examples/example_xma.c

  
   Add /examples/force_keyframe.c
  (from /examples/encoder_tmpl.c
  :fdad4fd226f6aeb9107478501537e1c4b6e2f748)
   Delete /examples/force_keyframe.txt

  
   Delete /examples/gen_example_code.sh

  
   Delete /examples/gen_example_doxy.php

  
   Delete /examples/gen_example_text.sh

  
   Delete /examples/includes/ASCIIMathPHP-2.0/ASCIIMathPHP-2.0.cfg.php

  
   Delete /examples/includes/ASCIIMathPHP-2.0/ASCIIMathPHP-2.0.class.php

  
   Delete /examples/includes/ASCIIMathPHP-2.0/htmlMathML.js

  
   Delete /examples/includes/HTML-Toc-0.91/.gitattributes

  
   Delete /examples/includes/HTML-Toc-0.91/Changes

  
   Delete /examples/includes/HTML-Toc-0.91/MANIFEST

  
   Delete /examples/includes/HTML-Toc-0.91/Makefile.PL

  
   Delete /examples/includes/HTML-Toc-0.91/Toc.pm

  
   Delete /examples/includes/HTML-Toc-0.91/Toc.pod

  
   Delete /examples/includes/HTML-Toc-0.91/TocGenerator.pm

  
   Delete /examples/includes/HTML-Toc-0.91/TocInsertor.pm

  
   Delete /examples/includes/HTML-Toc-0.91/TocUpdator.pm

  
   Delete /examples/includes/HTML-Toc-0.91/t/ManualTest/manualTest1.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir1/SubSubDir1/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir1/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir2/SubSubDir1/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir2/SubSubDir2/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir2/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/SubDir3/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/SiteMap/index.htm

  
   Delete /examples/includes/HTML-Toc-0.91/t/extend.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/format.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/generate.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/insert.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/manualTest.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/options.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/podExamples.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/propagate.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/siteMap.t

  
   Delete /examples/includes/HTML-Toc-0.91/t/update.t

  
   Delete /examples/includes/PHP-Markdown-Extra-1.2.3/License.text

  
   Delete /examples/includes/PHP-Markdown-Extra-1.2.3/PHP Markdown Extra Readme.text

  
   Delete /examples/includes/PHP-Markdown-Extra-1.2.3/markdown.php

  
   Delete /examples/includes/PHP-SmartyPants-1.5.1e/PHP SmartyPants Readme.txt

  
   Delete /examples/includes/PHP-SmartyPants-1.5.1e/smartypants.php

  
   Delete /examples/includes/geshi/contrib/aliased.php

  
   Delete /examples/includes/geshi/contrib/cssgen.php

  
   Delete /examples/includes/geshi/contrib/cssgen2.php

  
   Delete /examples/includes/geshi/contrib/example.php

  
   Delete /examples/includes/geshi/contrib/langcheck.php

  
   Delete /examples/includes/geshi/docs/BUGS

  
   Delete /examples/includes/geshi/docs/CHANGES

  
   Delete /examples/includes/geshi/docs/COPYING

  
   Delete /examples/includes/geshi/docs/README

  
   Delete /examples/includes/geshi/docs/THANKS

  
   Delete /examples/includes/geshi/docs/TODO

  
   Delete /examples/includes/geshi/docs/api/__filesource/fsource_geshi_core_geshi.php.html

  
   Delete /examples/includes/geshi/docs/api/blank.html

  
   Delete /examples/includes/geshi/docs/api/classtrees_geshi.html

  
   Delete /examples/includes/geshi/docs/api/elementindex.html

  
   Delete /examples/includes/geshi/docs/api/elementindex_geshi.html

  
   Delete /examples/includes/geshi/docs/api/errors.html

  
   Delete /examples/includes/geshi/docs/api/geshi/core/GeSHi.html

  
   Delete /examples/includes/geshi/docs/api/geshi/core/_geshi.php.html

  
   Delete /examples/includes/geshi/docs/api/index.html

  
   Delete /examples/includes/geshi/docs/api/li_geshi.html

  
   Delete /examples/includes/geshi/docs/api/media/banner.css

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractClass.png

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractClass_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractMethod.png

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractPrivateClass.png

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractPrivateClass_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/AbstractPrivateMethod.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Class.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Class_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Constant.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Constructor.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Destructor.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Function.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Global.png

  
   Delete /examples/includes/geshi/docs/api/media/images/I.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Index.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Interface.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Interface_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/L.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Lminus.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Lplus.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Method.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Page.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Page_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/PrivateClass.png

  
   Delete /examples/includes/geshi/docs/api/media/images/PrivateClass_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/PrivateMethod.png

  
   Delete /examples/includes/geshi/docs/api/media/images/PrivateVariable.png

  
   Delete /examples/includes/geshi/docs/api/media/images/StaticMethod.png

  
   Delete /examples/includes/geshi/docs/api/media/images/StaticVariable.png

  
   Delete /examples/includes/geshi/docs/api/media/images/T.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Tminus.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Tplus.png

  
   Delete /examples/includes/geshi/docs/api/media/images/Variable.png

  
   Delete /examples/includes/geshi/docs/api/media/images/blank.png

  
   Delete /examples/includes/geshi/docs/api/media/images/class_folder.png

  
   Delete /examples/includes/geshi/docs/api/media/images/empty.png

  
   Delete /examples/includes/geshi/docs/api/media/images/file.png

  
   Delete /examples/includes/geshi/docs/api/media/images/folder.png

  
   Delete /examples/includes/geshi/docs/api/media/images/function_folder.png

  
   Delete /examples/includes/geshi/docs/api/media/images/next_button.png

  
   Delete /examples/includes/geshi/docs/api/media/images/next_button_disabled.png

  
   Delete /examples/includes/geshi/docs/api/media/images/package.png

  
   Delete /examples/includes/geshi/docs/api/media/images/package_folder.png

  
   Delete /examples/includes/geshi/docs/api/media/images/previous_button.png

  
   Delete /examples/includes/geshi/docs/api/media/images/previous_button_disabled.png

  
   Delete /examples/includes/geshi/docs/api/media/images/private_class_logo.png

  
   Delete /examples/includes/geshi/docs/api/media/images/tutorial.png

  
   Delete /examples/includes/geshi/docs/api/media/images/tutorial_folder.png

  
   Delete /examples/includes/geshi/docs/api/media/images/up_button.png

  
   Delete /examples/includes/geshi/docs/api/media/stylesheet.css

  
   Delete /examples/includes/geshi/docs/api/packages.html

  
   Delete /examples/includes/geshi/docs/api/todolist.html

  
   Delete /examples/includes/geshi/docs/geshi-doc.html

  
   Delete /examples/includes/geshi/docs/geshi-doc.txt

  
   Delete /examples/includes/geshi/docs/phpdoc.ini

  
   Delete /examples/includes/geshi/geshi.php

  
   Delete /examples/includes/geshi/geshi/abap.php

  
   Delete /examples/includes/geshi/geshi/actionscript.php

  
   Delete /examples/includes/geshi/geshi/actionscript3.php

  
   Delete /examples/includes/geshi/geshi/ada.php

  
   Delete /examples/includes/geshi/geshi/apache.php

  
   Delete /examples/includes/geshi/geshi/applescript.php

  
   Delete /examples/includes/geshi/geshi/apt_sources.php

  
   Delete /examples/includes/geshi/geshi/asm.php

  
   Delete /examples/includes/geshi/geshi/asp.php

  
   Delete /examples/includes/geshi/geshi/autoit.php

  
   Delete /examples/includes/geshi/geshi/avisynth.php

  
   Delete /examples/includes/geshi/geshi/bash.php

  
   Delete /examples/includes/geshi/geshi/basic4gl.php

  
   Delete /examples/includes/geshi/geshi/bf.php

  
   Delete /examples/includes/geshi/geshi/blitzbasic.php

  
   Delete /examples/includes/geshi/geshi/bnf.php

  
   Delete /examples/includes/geshi/geshi/boo.php

  
   Delete /examples/includes/geshi/geshi/c.php

  
   Delete /examples/includes/geshi/geshi/c_mac.php

  
   Delete /examples/includes/geshi/geshi/caddcl.php

  
   Delete /examples/includes/geshi/geshi/cadlisp.php

  
   Delete /examples/includes/geshi/geshi/cfdg.php

  
   Delete /examples/includes/geshi/geshi/cfm.php

  
   Delete /examples/includes/geshi/geshi/cil.php

  
   Delete /examples/includes/geshi/geshi/cobol.php

  
   Delete /examples/includes/geshi/geshi/cpp-qt.php

  
   Delete /examples/includes/geshi/geshi/cpp.php

  
   Delete /examples/includes/geshi/geshi/csharp.php

  
   Delete /examples/includes/geshi/geshi/css.php

  
   Delete /examples/includes/geshi/geshi/d.php

  
   Delete /examples/includes/geshi/geshi/dcs.php

  
   Delete /examples/includes/geshi/geshi/delphi.php

  
   Delete /examples/includes/geshi/geshi/diff.php

  
   Delete /examples/includes/geshi/geshi/div.php

  
   Delete /examples/includes/geshi/geshi/dos.php

  
   Delete /examples/includes/geshi/geshi/dot.php

  
   Delete /examples/includes/geshi/geshi/eiffel.php

  
   Delete /examples/includes/geshi/geshi/email.php

  
   Delete /examples/includes/geshi/geshi/fortran.php

  
   Delete /examples/includes/geshi/geshi/freebasic.php

  
   Delete /examples/includes/geshi/geshi/genero.php

  
   Delete /examples/includes/geshi/geshi/gettext.php

  
   Delete /examples/includes/geshi/geshi/glsl.php

  
   Delete /examples/includes/geshi/geshi/gml.php

  
   Delete /examples/includes/geshi/geshi/gnuplot.php

  
   Delete /examples/includes/geshi/geshi/groovy.php

  
   Delete /examples/includes/geshi/geshi/haskell.php

  
   Delete /examples/includes/geshi/geshi/hq9plus.php

  
   Delete /examples/includes/geshi/geshi/html4strict.php

  
   Delete /examples/includes/geshi/geshi/idl.php

  
   Delete /examples/includes/geshi/geshi/ini.php

  
   Delete /examples/includes/geshi/geshi/inno.php

  
   Delete /examples/includes/geshi/geshi/intercal.php

  
   Delete /examples/includes/geshi/geshi/io.php

  
   Delete /examples/includes/geshi/geshi/java.php

  
   Delete /examples/includes/geshi/geshi/java5.php

  
   Delete /examples/includes/geshi/geshi/javascript.php

  
   Delete /examples/includes/geshi/geshi/kixtart.php

  
   Delete /examples/includes/geshi/geshi/klonec.php

  
   Delete /examples/includes/geshi/geshi/klonecpp.php

  
   Delete /examples/includes/geshi/geshi/latex.php

  
   Delete /examples/includes/geshi/geshi/lisp.php

  
   Delete /examples/includes/geshi/geshi/locobasic.php

  
   Delete /examples/includes/geshi/geshi/lolcode.php

  
   Delete /examples/includes/geshi/geshi/lotusformulas.php

  
   Delete /examples/includes/geshi/geshi/lotusscript.php

  
   Delete /examples/includes/geshi/geshi/lscript.php

  
   Delete /examples/includes/geshi/geshi/lsl2.php

  
   Delete /examples/includes/geshi/geshi/lua.php

  
   Delete /examples/includes/geshi/geshi/m68k.php

  
   Delete /examples/includes/geshi/geshi/make.php

  
   Delete /examples/includes/geshi/geshi/matlab.php

  
   Delete /examples/includes/geshi/geshi/mirc.php

  
   Delete /examples/includes/geshi/geshi/modula3.php

  
   Delete /examples/includes/geshi/geshi/mpasm.php

  
   Delete /examples/includes/geshi/geshi/mxml.php

  
   Delete /examples/includes/geshi/geshi/mysql.php

  
   Delete /examples/includes/geshi/geshi/nsis.php

  
   Delete /examples/includes/geshi/geshi/objc.php

  
   Delete /examples/includes/geshi/geshi/ocaml-brief.php

  
   Delete /examples/includes/geshi/geshi/ocaml.php

  
   Delete /examples/includes/geshi/geshi/oobas.php

  
   Delete /examples/includes/geshi/geshi/oracle11.php

  
   Delete /examples/includes/geshi/geshi/oracle8.php

  
   Delete /examples/includes/geshi/geshi/pascal.php

  
   Delete /examples/includes/geshi/geshi/per.php

  
   Delete /examples/includes/geshi/geshi/perl.php

  
   Delete /examples/includes/geshi/geshi/php-brief.php

  
   Delete /examples/includes/geshi/geshi/php.php

  
   Delete /examples/includes/geshi/geshi/pic16.php

  
   Delete /examples/includes/geshi/geshi/pixelbender.php

  
   Delete /examples/includes/geshi/geshi/plsql.php

  
   Delete /examples/includes/geshi/geshi/povray.php

  
   Delete /examples/includes/geshi/geshi/powershell.php

  
   Delete /examples/includes/geshi/geshi/progress.php

  
   Delete /examples/includes/geshi/geshi/prolog.php

  
   Delete /examples/includes/geshi/geshi/providex.php

  
   Delete /examples/includes/geshi/geshi/python.php

  
   Delete /examples/includes/geshi/geshi/qbasic.php

  
   Delete /examples/includes/geshi/geshi/rails.php

  
   Delete /examples/includes/geshi/geshi/rebol.php

  
   Delete /examples/includes/geshi/geshi/reg.php

  
   Delete /examples/includes/geshi/geshi/robots.php

  
   Delete /examples/includes/geshi/geshi/ruby.php

  
   Delete /examples/includes/geshi/geshi/sas.php

  
   Delete /examples/includes/geshi/geshi/scala.php

  
   Delete /examples/includes/geshi/geshi/scheme.php

  
   Delete /examples/includes/geshi/geshi/scilab.php

  
   Delete /examples/includes/geshi/geshi/sdlbasic.php

  
   Delete /examples/includes/geshi/geshi/smalltalk.php

  
   Delete /examples/includes/geshi/geshi/smarty.php

  
   Delete /examples/includes/geshi/geshi/sql.php

  
   Delete /examples/includes/geshi/geshi/tcl.php

  
   Delete /examples/includes/geshi/geshi/teraterm.php

  
   Delete /examples/includes/geshi/geshi/text.php

  
   Delete /examples/includes/geshi/geshi/thinbasic.php

  
   Delete /examples/includes/geshi/geshi/tsql.php

  
   Delete /examples/includes/geshi/geshi/typoscript.php

  
   Delete /examples/includes/geshi/geshi/vb.php

  
   Delete /examples/includes/geshi/geshi/vbnet.php

  
   Delete /examples/includes/geshi/geshi/verilog.php

  
   Delete /examples/includes/geshi/geshi/vhdl.php

  
   Delete /examples/includes/geshi/geshi/vim.php

  
   Delete /examples/includes/geshi/geshi/visualfoxpro.php

  
   Delete /examples/includes/geshi/geshi/visualprolog.php

  
   Delete /examples/includes/geshi/geshi/whitespace.php

  
   Delete /examples/includes/geshi/geshi/winbatch.php

  
   Delete /examples/includes/geshi/geshi/xml.php

  
   Delete /examples/includes/geshi/geshi/xorg_conf.php

  
   Delete /examples/includes/geshi/geshi/xpp.php

  
   Delete /examples/includes/geshi/geshi/z80.php

  
   Delete /examples/includes/vp8_doc_tools.php

  
   Add /examples/postproc.c

  
   Delete /examples/postproc.txt

  
   Add /examples/simple_decoder.c

  
   Delete /examples/simple_decoder.txt

  
   Add /examples/simple_encoder.c

  
   Delete /examples/simple_encoder.txt

  
   Add /examples/twopass_encoder.c

  
   Delete /examples/twopass_encoder.txt

  
   Add /examples/vp8_set_maps.c

  
   Delete /examples/vp8_set_maps.txt

  
   Add /examples/vp8cx_set_ref.c

  
   Delete /examples/vp8cx_set_ref.txt

  
  
  Removing examples code generation and making them static.

  All documentation will be provided as comments in the source files.

  Change-Id : Ie609852747733c181191f864204c787a6b23ef3a

• How to stream a screen sharing through a server

  27 mai 2020, par Moaz

  I'm trying to write an application that captures the screen of the client device and streams it (using ffmpeg) to a node-media-server which publishes it as an HLS stream. The stream is then viewed with an HLS player on a web browser (in my approach I used video.js)

  



  What I did so far :

  



  

  • I created a node media server using the default configurations to Remux to HLS live stream in a file called app.js :

  


  



  


  


  const NodeMediaServer = require('node-media-server');

const config = {
  rtmp: {
    port: 1935,
    chunk_size: 60000,
    gop_cache: true,
    ping: 30,
    ping_timeout: 60
  },
  http: {
    port: 8000,
    mediaroot: './media',
    allow_origin: '*'
  },
  trans: {
    ffmpeg: '/usr/local/bin/ffmpeg',
    tasks: [
      {
        app: 'live',
        hls: true,
        hlsFlags: '[hls_time=2:hls_list_size=3:hls_flags=delete_segments]',
        dash: true,
        dashFlags: '[f=dash:window_size=3:extra_window_size=5]'
      }
    ]
  }
};

var nms = new NodeMediaServer(config)
nms.run();

  


  


  




  

  • I ran it with the command node app.js

  


  • After installing ffmpeg and figuring out which video and audio source I wanted to stream from, I started streaming by running the command :

  


  



  ffmpeg -f avfoundation -framerate 30 -i "1:1" -c:v libx264 -preset superfast -tune zerolatency -c:a aac -ar 44100 -f flv rtmp://localhost/live/STREAM_NAME

  



  

  • I prepared a simple html page which uses the video.js player to play the HLS stream :

  


  



  


  


  &#xD;&#xA;  &#xD;&#xA;&#xD;&#xA;&#xD;&#xA;&#xD;&#xA;  <h1>Video.js Example Embed</h1>&#xD;&#xA;&#xD;&#xA;  &#xD;&#xA;    <p class="vjs-no-js">&#xD;&#xA;      To view this video please enable JavaScript, and consider upgrading to a&#xD;&#xA;      web browser that&#xD;&#xA;      <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video&#xD;&#xA;    </a></p>&#xD;&#xA;  &#xD;&#xA;  &#xD;&#xA;  <code class="echappe-js">&lt;script src=&quot;https://vjs.zencdn.net/7.8.2/video.js&quot;&gt;&lt;/script&gt;&#xD;&#xA;  &lt;script src=&quot;https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js&quot;&gt;&lt;/script&gt;&#xD;&#xA;  &#xD;&#xA;  &lt;script&gt;&amp;#xD;&amp;#xA;    var player = videojs(&amp;#x27;my_video_1&amp;#x27;);&amp;#xD;&amp;#xA;    player.src([{&amp;#xD;&amp;#xA;      &quot;type&quot;:&quot;application/x-mpegURL&quot;,&amp;#xD;&amp;#xA;      &quot;src&quot;:&quot;http://localhost:8000/live/STREAM_NAME/index.m3u8&quot;&amp;#xD;&amp;#xA;    }]);&amp;#xD;&amp;#xA;    player.play();&amp;#xD;&amp;#xA;  &lt;/script&gt;&#xD;&#xA;

  


  


  




  

  • then I ran an http server and served this html page to prevent and origin access errors.

  


  • when opening this html page the stream works well in Chrome (v83.0.4103.61)

  


  



  BUT :

  



  


  • In Firefox Developer Edition (v76.0b8 (64-bit)) the player hangs on loading and nothing is shown. It keeps loading the HLS manifest file and the .ts files but the video is not showing :


  


  • In Safari (v13.1) on MacOS the player never loads correctly and the following errors are printed :


  


  



  I tried another video player (flv.js) which workes with http-flv streams using the following basic html page :

  



  


  


  &#xD;&#xA;&#xD;&#xA;&#xD;&#xA;&#xD;&#xA;  <video controls="controls" autoplay="autoplay" muted="muted" width="640" height="268"></video>&#xD;&#xA;&#xD;&#xA;  <code class="echappe-js">&lt;script src=&quot;https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js&quot;&gt;&lt;/script&gt;&#xD;&#xA;  &lt;script&gt;&amp;#xD;&amp;#xA;      if (flvjs.isSupported()) {&amp;#xD;&amp;#xA;          var videoElement = document.getElementById(&amp;#x27;flvPlayer&amp;#x27;);&amp;#xD;&amp;#xA;          var flvPlayer = flvjs.createPlayer({&amp;#xD;&amp;#xA;              type: &amp;#x27;flv&amp;#x27;,&amp;#xD;&amp;#xA;              &quot;isLive&quot;: true,&amp;#xD;&amp;#xA;              url: &amp;#x27;http://localhost:8000/live/STREAM_NAME.flv&amp;#x27;&amp;#xD;&amp;#xA;          });&amp;#xD;&amp;#xA;          flvPlayer.attachMediaElement(videoElement);&amp;#xD;&amp;#xA;          flvPlayer.load();&amp;#xD;&amp;#xA;          flvPlayer.play();&amp;#xD;&amp;#xA;      }&amp;#xD;&amp;#xA;  &lt;/script&gt; &#xD;&#xA;&#xD;&#xA;

  


  


  




  

  • It worked as expected in Chrome

  


  



  BUT :

  



  


  • On Firefox it plays an empty video with some noise showing the following warnings :


  


  • And on Safari it doesn't play at all and shows the following error : 


  


  



  I also tried the same steps on IE11 and on Edge and it also didn't work (Unfortunately, I don't have any screenshots)

  



  So my questions are : what am I doing wrong ? why didn't each approach work ? and are there other/better approaches that I can also try which helps achiving the same goal (preferably something free/open source with as least latency as possible)