Recherche avancée

Sur d’autres sites (11481)

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

  


• Anomalie #4276 : fonctions non définies dans porte_plume_pipelines.php

  24 janvier 2019, par François Palangié

  Bonjour,

  Vous avez raison c’est la version 1.18.3 que j’ai maintenant, 1.18.1
  devait être le numéro de version avant que je réinstalle la dernière
  version de SPIP.

  Le problème était le même avec la 18.1.1 et la 18.1.3 . Le problème est
  intervenu un matin sans que j’ai rien changé, je suppose que c’est mon
  hébergeur qui a changé l’environnement et que c’est la cause du
  problème... mais c’est curieux que cela produise ce type d’erreur !

  Cordialement,

  François

  Le 24/01/2019 à 12:59, redmine@spip.org a écrit :

  La demande #4276 <https://core.spip.net/issues/4276#change-14694> a
  été mise à jour par Franck D .

  • Statut changé de /Nouveau/ à /Fermé/

  Hello :-)
  Spip 3.2.3 est dispo avec la version 1.18.3 de porte plume
  https://zone.spip.net/trac/spip-zone/browser/spip-zone/_core_/tags/spip-3.2.3/plugins/porte_plume/paquet.xml#L4
  J’ai vérifier le zip et c’est bien le cas
  https://files.spip.net/spip/archives/SPIP-v3.2.3.zip !
  Vous êtes sûr de la version que vous avez ?
  Franck

  ---

  Anomalie #4276 : fonctions non définies dans
  porte_plume_pipelines.php
  <https://core.spip.net/issues/4276#change-14694>

  • Auteur : François Palangié
  • Statut : Fermé
  • Priorité : Normal
  • Assigné à :
  • Catégorie :
  • Version cible :
  • Resolution :
  • Navigateur :

  Environnement :

  • SPIP 3.2.3 [24211]
  • Porte plume 1.18.1 - stable
  • Site : https://voyart.org
  • PHPinfo : https://voyart.org/phpinfo.php

  Problème :
  Le site fonctionne, mais quand on tente d’accéder à la partie
  privée on a ce message d’erreur, qui persiste même après une
  réinstallation de SPIP :
  Fatal error : Uncaught Error : Call to undefined function barre_outils_css_icones() in /var/www/vhosts/voyart.org/httpdocs/plugins-dist/porte_plume/porte_plume_pipelines.php:152
  Stack trace :
  #0 /var/www/vhosts/voyart.org/httpdocs/plugins-dist/porte_plume/porte_plume_pipelines.php(129) : porte_plume_insert_head_css(’

  &lt;script type=&quot;t...', true)&lt;br /&gt;&lt;a class=&quot;issue tracker-1 status-5 priority-4 priority-default closed&quot; title=&quot;Anomalie: Document distant .zip uploadés et non gardés distants (Fermé)&quot; href=&quot;https://core.spip.net/issues/1&quot;&gt;#1&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/ecrire/inc/utils.php(199): porte_plume_insert_head_prive_css('&lt;script type=&quot;t...')&lt;br /&gt;&lt;a class=&quot;issue tracker-1 status-5 priority-4 priority-default closed&quot; title=&quot;Anomalie: Filtres sur chaines de langues de nouveau cassés (Fermé)&quot; href=&quot;https://core.spip.net/issues/2&quot;&gt;#2&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/tmp/cache/charger_pipelines.php(596): minipipe('porte_plume_ins...', '&lt;script type=&quot;t...')&lt;br /&gt;&lt;a class=&quot;issue tracker-1 status-5 priority-3 priority-lowest closed&quot; title=&quot;Anomalie: problème de gestion de cache lors de l'installation de SPIP (Fermé)&quot; href=&quot;https://core.spip.net/issues/3&quot;&gt;#3&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/ecrire/inc/utils.php(265): execute_pipeline_header_prive_css('&lt;script type=&quot;t...')&lt;br /&gt;&lt;a class=&quot;issue tracker-2 status-5 priority-4 priority-default closed&quot; title=&quot;Evolution: forum privé-&gt;public (Fermé)&quot; href=&quot;https://core.spip.net/issues/4&quot;&gt;#4&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/tmp/cache/skel/html_c44cf6e196e37af7575f04c7aba04247.php(72): pipeline('header_prive_cs...', '&lt;script type=&quot;t...')&lt;br /&gt;&lt;a class=&quot;issue tracker-2 status-5 priority-4 priority-default closed&quot; title=&quot;Evolution: traduction francophone de la zone utilisant Trac (Fermé)&quot; href=&quot;https://core.spip.net/issues/5&quot;&gt;#5&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/ecrire/public/parametrer.php(128): html_c44cf6e196e37af7575f04c7aba04247(Array, Array)&lt;br /&gt;&lt;a class=&quot;issue tracker-1 status-5 priority-4 priority-default closed&quot; title=&quot;Anomalie: Renseigner les champs &quot;component&quot;, &quot;version&quot;, .. (Fermé)&quot; href=&quot;https://core.spip.net/issues/6&quot;&gt;#6&lt;/a&gt; /var/www/vhosts/voyart.org/httpdocs/ecr in /var/www/vhosts/voyart.org/httpdocs/plugins-dist/porte_plume/porte_plume_pipelines.php on line 152&lt;/p&gt;<br />
<br />
<br />
        &lt;p&gt;Le problème est contourné en renommant le répertoire &lt;br /&gt;plugin-dist/porteplume&lt;br /&gt;Le problème ne dépend pas du navigateur firefox, edge, chrome&lt;br /&gt;Aucun problème sur le SPIP de développement installé avec &lt;br /&gt;EasyPHP-devserver sur mon ordinateur perso&lt;/p&gt;<br />
<br />
<br />
&lt;hr /&gt;<br />
<br />
<br />
        &lt;p&gt;Vous recevez ce mail car vous êtes impliqués sur ce projet.&lt;br /&gt;Pour changer les préférences d'envoi de mail, allez sur &lt;br /&gt;&lt;a class=&quot;external&quot; href=&quot;http://core.spip.net/my/account&quot;&gt;http://core.spip.net/my/account&lt;/a&gt;&lt;/p&gt;<br />
<br />
<br />
&lt;/blockquote&gt;<br />
<br />
        &lt;p&gt;---&lt;br /&gt;Cet email a fait l'objet d'une analyse antivirus par AVG.&lt;br /&gt;&lt;a class=&quot;external&quot; href='http://www.avg.com/'&gt;http://www.avg.com&lt;/a&gt;&lt;/p&gt;

• Revision 32737 : habillage par defaut de Zpip utilise les conventions documentees

  8 novembre 2009, par cedric@… — Log

  habillage par defaut de Zpip utilise les conventions documentees