
Recherche avancée
Médias (91)
-
999,999
26 septembre 2011, par
Mis à jour : Septembre 2011
Langue : English
Type : Audio
-
The Slip - Artworks
26 septembre 2011, par
Mis à jour : Septembre 2011
Langue : English
Type : Texte
-
Demon seed (wav version)
26 septembre 2011, par
Mis à jour : Avril 2013
Langue : English
Type : Audio
-
The four of us are dying (wav version)
26 septembre 2011, par
Mis à jour : Avril 2013
Langue : English
Type : Audio
-
Corona radiata (wav version)
26 septembre 2011, par
Mis à jour : Avril 2013
Langue : English
Type : Audio
-
Lights in the sky (wav version)
26 septembre 2011, par
Mis à jour : Avril 2013
Langue : English
Type : Audio
Autres articles (77)
-
Des sites réalisés avec MediaSPIP
2 mai 2011, parCette page présente quelques-uns des sites fonctionnant sous MediaSPIP.
Vous pouvez bien entendu ajouter le votre grâce au formulaire en bas de page. -
Keeping control of your media in your hands
13 avril 2011, parThe vocabulary used on this site and around MediaSPIP in general, aims to avoid reference to Web 2.0 and the companies that profit from media-sharing.
While using MediaSPIP, you are invited to avoid using words like "Brand", "Cloud" and "Market".
MediaSPIP is designed to facilitate the sharing of creative media online, while allowing authors to retain complete control of their work.
MediaSPIP aims to be accessible to as many people as possible and development is based on expanding the (...) -
Participer à sa traduction
10 avril 2011Vous pouvez nous aider à améliorer les locutions utilisées dans le logiciel ou à traduire celui-ci dans n’importe qu’elle nouvelle langue permettant sa diffusion à de nouvelles communautés linguistiques.
Pour ce faire, on utilise l’interface de traduction de SPIP où l’ensemble des modules de langue de MediaSPIP sont à disposition. ll vous suffit de vous inscrire sur la liste de discussion des traducteurs pour demander plus d’informations.
Actuellement MediaSPIP n’est disponible qu’en français et (...)
Sur d’autres sites (11618)
-
Anomalie #4295 (Nouveau) : Bug sur Boucle DATA et fusion sur un #ARRAY
21 février 2019Bonjour,
J’ai fait une boucle complexe pour lister par année, et mois les articles et les brèves d’un site : https://zone.spip.org/trac/spip-zone/changeset/113991
Dans mon jeu de test, elle génère ce tableau :
- <span class="CodeRay"><span class="predefined">Array</span>
- (
- [<span class="integer">0</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">12</span>
- [lemois] => décembre
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">12</span>-<span class="integer">18</span> <span class="integer">23</span>:<span class="integer">05</span>:<span class="integer">51</span>
- [url] => <span class="constant">Test</span>-modele-exergue.html
- [descriptif] =>
- [titre] => <span class="constant">Test</span> modèle exergue
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">1</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">10</span>-<span class="integer">27</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">00</span>
- [url] => <span class="constant">Derniers</span>-articles.html
- [descriptif] =>
- [titre] => <span class="constant">Derniers</span> articles
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">2</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">09</span>
- [lemois] => septembre
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">09</span>-<span class="integer">06</span> <span class="integer">20</span>:<span class="integer">20</span>:<span class="integer">42</span>
- [url] => <span class="constant">Test</span>-<span class="constant">Form</span>-<span class="constant">IP</span>.html
- [descriptif] =>
- <span class="constant">Tentez</span> de gagner par tirage au <span class="predefined">sort</span> le remboursement de votre achat [<span class="integer">1</span>]
- [titre] => <span class="constant">Test</span> <span class="constant">Form</span> <span class="constant">IP</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">3</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">07</span>
- [lemois] => juillet
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">07</span>-<span class="integer">29</span> <span class="integer">14</span>:<span class="integer">45</span>:<span class="integer">00</span>
- [url] => <span class="constant">Article</span>-avec-logo.html
- [descriptif] =>
- [titre] => <span class="constant">Article</span> avec logo
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">4</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">05</span>
- [lemois] => mai
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">05</span>-<span class="integer">22</span> <span class="integer">17</span>:<span class="integer">29</span>:<span class="integer">43</span>
- [url] => <span class="constant">Long</span>.html
- [descriptif] =>
- [titre] => <span class="constant">Long</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">5</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">05</span>
- [lemois] => mai
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">05</span>-<span class="integer">22</span> <span class="integer">17</span>:<span class="integer">03</span>:<span class="integer">50</span>
- [url] => <span class="constant">Repetition</span>-avec-debut-dans-le-passe.html
- [descriptif] =>
- [titre] => <span class="constant">Répétition</span> avec début dans le passé
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">6</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">05</span>
- [lemois] => mai
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">05</span>-<span class="integer">02</span> <span class="integer">07</span>:<span class="integer">42</span>:<span class="integer">45</span>
- [url] => <span class="constant">Test</span>-previsualisation-etendue.html
- [descriptif] =>
- <span class="constant">Je</span> suis un testeur
- [titre] => <span class="constant">Test</span> prévisualisation étendue
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">7</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2016</span>
- [month] => <span class="integer">04</span>
- [lemois] => avril
- [<span class="predefined">date</span>] => <span class="integer">2016</span>-<span class="integer">04</span>-<span class="integer">01</span> <span class="integer">04</span>:<span class="integer">10</span>:<span class="integer">12</span>
- [url] => <span class="constant">Test</span>-forme-colorees.html
- [descriptif] =>
- <span class="constant">Test</span> qui va bien
- [titre] => <span class="constant">Test</span> forme colorées
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">8</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">12</span>
- [lemois] => décembre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">12</span>-<span class="integer">06</span> <span class="integer">15</span>:<span class="integer">00</span>:<span class="integer">00</span>
- [url] => <span class="constant">Test</span>-article-sur-embargo.html
- [descriptif] =>
- [titre] => <span class="constant">Test</span> article sur embargo
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">9</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">11</span>
- [lemois] => novembre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">11</span>-<span class="integer">24</span> <span class="integer">09</span>:<span class="integer">48</span>:<span class="integer">01</span>
- [url] => <span class="constant">Intentions</span>-de-prieres.html
- [descriptif] =>
- <span class="constant">Test</span> des <span class="constant">IP</span>
- [titre] => <span class="constant">Intentions</span> de prières
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">10</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">26</span> <span class="integer">23</span>:<span class="integer">06</span>:<span class="integer">31</span>
- [url] => <span class="constant">Test</span>-<span class="constant">Newsletter</span>.html
- [descriptif] =>
- <span class="constant">Un</span> autre descriptif
- [titre] => <span class="constant">Test</span> <span class="constant">Newsletter</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">11</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Historique</span>-des-versions-de-<span class="constant">SPIP</span>.html
- [descriptif] =>
- [titre] => <span class="constant">Historique</span> des versions de <span class="constant">SPIP</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">12</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Evenement</span>-exceptionnel.html
- [descriptif] =>
- [titre] => Événement exceptionnel
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">13</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Installation</span>-du-site.html
- [descriptif] =>
- [titre] => <span class="constant">Installation</span> du site
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">14</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Demonstration</span>-<span class="constant">Agenda</span>.html
- [descriptif] =>
- [titre] => <span class="constant">Démonstration</span> <span class="constant">Agenda</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">15</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Titre</span>-de-la-rubrique.html
- [descriptif] =>
- [titre] => <span class="constant">Titre</span> de la rubrique
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">16</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">03</span>
- [url] => <span class="constant">Logo</span>-de-survol.html
- [descriptif] =>
- [titre] => <span class="constant">Logo</span> de survol
- <span class="constant">Nouveauté</span>
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">17</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Altera</span>-sententia-est.html
- [descriptif] =>
- [titre] => <span class="constant">Altera</span> sententia est
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">18</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Quis</span>-enim.html
- [descriptif] =>
- [titre] => <span class="constant">Quis</span> enim
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">19</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Oportunum</span>-est.html
- [descriptif] =>
- [titre] => <span class="constant">Oportunum</span> est
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">20</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Rogatus</span>-ad-ultimum.html
- [descriptif] =>
- [titre] => <span class="constant">Rogatus</span> ad ultimum
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">21</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Urbibus</span>-decorata.html
- [descriptif] =>
- [titre] => <span class="constant">Urbibus</span> decorata
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">22</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Les</span>-derniers-articles-modifies.html
- [descriptif] =>
- [titre] => <span class="constant">Les</span> derniers articles modifiés
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">23</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Image</span>-logo.html
- [descriptif] =>
- [titre] => <span class="constant">Image</span> = logo
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">24</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Articles</span>-avec-le-<span class="constant">Mot</span>-clef-<span class="constant">ALaUne</span>.html
- [descriptif] =>
- <span class="constant">Ceci</span> est une bulle d’aide !
- [titre] => <span class="constant">Articles</span> avec le <span class="constant">Mot</span> clef : « <span class="constant">ALaUne</span> »
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">25</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Un</span>-sourire-peut-changer-une-vie.html
- [descriptif] =>
- [titre] => <span class="constant">Un</span> sourire peut changer une vie
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">26</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Le</span>-nombre-d-article-affiche-est-administrable.html
- [descriptif] =>
- [titre] => <span class="constant">Le</span> nombre d’article affiché est administrable
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">27</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">02</span>
- [url] => <span class="constant">Iamque</span>-non-umbratis.html
- [descriptif] =>
- [titre] => <span class="constant">Iamque</span> non umbratis (pdq2n)
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">28</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">01</span>
- [url] => <span class="constant">Mensarum</span>-enim.html
- [descriptif] =>
- [titre] => <span class="constant">Mensarum</span> enim
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">29</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">01</span>
- [url] => <span class="constant">Ideo</span>-urbs-venerabilis.html
- [descriptif] =>
- [titre] => <span class="constant">Ideo</span> urbs venerabilis
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">30</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2015</span>
- [month] => <span class="integer">10</span>
- [lemois] => octobre
- [<span class="predefined">date</span>] => <span class="integer">2015</span>-<span class="integer">10</span>-<span class="integer">22</span> <span class="integer">11</span>:<span class="integer">33</span>:<span class="integer">01</span>
- [url] => <span class="constant">Et</span>-prima-post-<span class="constant">Osdroenam</span>-quam.html
- [descriptif] =>
- [titre] => <span class="constant">Et</span> prima post <span class="constant">Osdroenam</span> quam
- [<span class="keyword">class</span>] =>
- )
- [<span class="integer">31</span>] => <span class="predefined">Array</span>
- (
- [year] => <span class="integer">2019</span>
- [month] => <span class="integer">02</span>
- [lemois] => février
- [<span class="predefined">date</span>] => <span class="integer">2019</span>-<span class="integer">02</span>-<span class="integer">21</span> <span class="integer">12</span>:<span class="integer">46</span>:<span class="integer">24</span>
- [url] => +<span class="constant">Test</span>-d-une-breve+.html
- [descriptif] =>
- [titre] => <span class="constant">Test</span> d’une brève
- [<span class="keyword">class</span>] => iconbreves
- )
- )
- </span>
Mais le résultat n’affiche rien à partir de l’année 2015.
Si je modifie les boucles pour ne générer dans l’array que l’année 2015, celle-ci est affichée correctement.
Si j’enlève des critères fusion lemois, l’année 2015 est parcourue.Testé en SPIP 3.2.3 SVN [24229]
-
FFMPEG HLS streaming and transcoding on the fly to HTML player - video duration changes while transcoding
20 août 2019, par Thomas ThoI am trying to make a video streaming server and watch videos directly from web browser. The idea is to make the server to stream video from remote server, transcode with different audio format in local server, and then instantly stream to the client (this is specific way I need it to function).
This is the FFMPEG code im currently using :ffmpeg -i "url" -c:v copy -c:a aac -ac 2 -f hls -hls_time 60 -hls_playlist_type event -hls_flags independent_segments out.m3u8
The HLS stream is attached to the HTML player with hls.js and it works. However, the video duration is constantly changing while video is being transcoded. I have tried to change video duration with JS like
$('video').duration = 120;
with no luck.How do i make the player to display the video file duration instead of stream current transcoded time ?
I am also planning to implement video seeking but i am clueless. The current idea is to send seeking time to the server, terminate ffmpeg, and start from specific time. However, i think the player might get stuck on loading and will not start playing without reloading.
-
Building A livestreaming server like youtube from scratch
9 décembre 2022, par Dipo AhmedI am trying to build a live streaming server like youtube where I can watch the video live or if I want to I can play the video from any duration I want.


What I have tried so far.
I have built a node js WebSocket server where I push the video blob that I receive from the browser via MediaRecorder API every 2 seconds. This blob is then getting converted to hls by a ffmpeg process which generates 2 seconds
*.ts
files and a.m3u8
file which I am playing with video.js in browser.

This is my ffmpeg command


spawn('ffmpeg', [
 '-i', '-',
 // '-re',
 '-fflags', '+igndts',

 '-vcodec', 'h264',
 '-acodec', 'aac',

 '-preset', 'slow',
 '-crf', '22',
 // You can also use QP value to adjust output stream quality, e.g.: 
 // '-qp', '0',
 // You can also specify output target bitrate directly, e.g.:
 '-b:v', '1500K',
 '-b:a', '128K', // Audio bitrate

 '-f', 'hls',
 '-hls_time', '1',
 // '-hls_playlist_type', 'vod',
 '-hls_list_size', '2',
 '-hls_flags', 'independent_segments',
 '-hls_segment_type', 'mpegts',
 '-hls_segment_filename', `${path}/stream%02d.ts`, `${path}/stream.m3u8`,
 ]);



The problem is that the video js player duration is not updating like in youtube where the video duration increases every second.


Any direction will be appreciated. Please tell me if my approach is wrong and what needs to be learned for me to build this system.