Recherche avancée

Sur d’autres sites (8880)

• webcam displayed on LAN not to the internet

  9 juin 2015, par Francois Baret

  OK, this is not due to a dumb mistake : I have forwarded the port and there is no firewall in between.
  I try to make the "live streaming" section of jsmpeg (https://github.com/phoboslab/jsmpeg) to work on the Internet. To get the webcam stream on my webpage I modify "stream-server.js"

  if( process.argv.length < 3 ) {
  
          console.log(
  
                  'Usage: \n' +
  
                  'node stream-server.js <secret> [ ]'
  
          );
  
          process.exit();
  
  }
  
  
  
  var STREAM_SECRET = process.argv[2],
  
          STREAM_PORT = process.argv[3] || 8082,
  
          WEBSOCKET_PORT = process.argv[4] || 8084,
  
          STREAM_MAGIC_BYTES = 'jsmp'; // Must be 4 bytes
  
  
  
  var width = 320,
  
          height = 240;
  
  
  
  // Websocket Server
  
  var socketServer = new (require('ws').Server)({port: WEBSOCKET_PORT});
  
  socketServer.on('connection', function(socket) {
  
          // Send magic bytes and video size to the newly connected socket
  
          // struct { char magic[4]; unsigned short width, height;}
  
          var streamHeader = new Buffer(8);
  
          streamHeader.write(STREAM_MAGIC_BYTES);
  
          streamHeader.writeUInt16BE(width, 4);
  
          streamHeader.writeUInt16BE(height, 6);
  
          socket.send(streamHeader, {binary:true});
  
  
  
          console.log( 'New WebSocket Connection ('+socketServer.clients.length+' total)' );
  
          
  
          socket.on('close', function(code, message){
  
                  console.log( 'Disconnected WebSocket ('+socketServer.clients.length+' total)' );
  
          });
  
  });
  
  
  
  socketServer.broadcast = function(data, opts) {
  
          for( var i in this.clients ) {
  
                  if (this.clients[i].readyState == 1) {
  
                          this.clients[i].send(data, opts);
  
                  }
  
                  else {
  
                          console.log( 'Error: Client ('+i+') not connected.' );
  
                  }
  
          }
  
  };
  
  
  
  
  
  // HTTP Server to accept incomming MPEG Stream
  
  var streamServer = require('http').createServer( function(request, response) {
  
          var params = request.url.substr(1).split('/');
  
  
  
          if( params[0] == STREAM_SECRET ) {
  
                  width = (params[1] || 320)|0;
  
                  height = (params[2] || 240)|0;
  
                  
  
                  console.log(
  
                          'Stream Connected: ' + request.socket.remoteAddress + 
  
                          ':' + request.socket.remotePort + ' size: ' + width + 'x' + height
  
                  );
  
                  request.on('data', function(data){
  
                          socketServer.broadcast(data, {binary:true});
  
                  });
  
          }
  
          else {
  
                  console.log(
  
                          'Failed Stream Connection: '+ request.socket.remoteAddress + 
  
                          request.socket.remotePort + ' - wrong secret.'
  
                  );
  
                  response.end();
  
          }
  
  }).listen(STREAM_PORT);
  
  
  
  console.log('Listening for MPEG Stream on http://127.0.0.1:'+STREAM_PORT+'/<secret>/<width>/<height>');
  
  console.log('Awaiting WebSocket connections on ws://127.0.0.1:'+WEBSOCKET_PORT+'/');
  
  
  
  var servi = require('servi'),                // include the servi library
  
          app = new servi(false);                // servi instance
  
  
  
  // configure the server's behavior:
  
  app.port(8080);                                                // port number to run the server on
  
  app.serveFiles("public");                        // serve all static HTML files from /public
  
  app.start();        
  
  console.log("Listening for new clients on port 8080");</height></width></secret></secret>

          
  
          
  
          
  
  
  
  
  
  <h1>
  
   The Canvas size specified 
  
  </h1>
  
          
  
          <canvas width="640" height="480">
  
                  <p>
  
                          Please use a browser that supports the Canvas Element, like
  
                          <a href="http://www.google.com/chrome">Chrome</a>,
  
                          <a href="http://www.mozilla.com/firefox/">Firefox</a>,
  
                          <a href="http://www.apple.com/safari/">Safari</a> or Internet Explorer 10
  
                  </p>
  
          </canvas>
  
          <code class="echappe-js">&lt;script type=&quot;text/javascript&quot; src=&quot;http://stackoverflow.com/feeds/tag/jsmpg.js&quot;&gt;&lt;/script&gt;
  	
  &lt;script type=&quot;text/javascript&quot;&gt;<br />
  
                  // Show loading notice<br />
  
                  var canvas = document.getElementById('videoCanvas');<br />
  
                  var ctx = canvas.getContext('2d');<br />
  
                  ctx.fillStyle = '#444';<br />
  
                  ctx.fillText('Loading...', canvas.width/2-30, canvas.height/3);<br />
  
  <br />
  
                  // Setup the WebSocket connection and start the player<br />
  
                  var client = new WebSocket( 'ws://192.168.1.15:8084/' );<br />
  
                  var player = new jsmpeg(client, {canvas:canvas});<br />
  
          &lt;/script&gt;
  

  The "index.html" is included in a "public" folder.

  Then I start ffmpeg with :

  `ffmpeg -s 640x480 -f video4linux2 -i /dev/video0 -f mpeg1video -b:v 800k -r 30 http://192.168.1.15:8082/1693/640/480/`

  When I open, on any station of the lan, url 192.168.1.x:8080 I get the webcam streaming on my page "jsmpeg streaming webcam" ; but if use the public ip 41.142.x.y:8080 from outside the local network (using 3G) I get the page (with the h1 line "The Canvas size specified") but no video it just says in the frame "loading".
  I do not understand why it works locally and not globally. Why the page is streaming on the internet but not the webcam ?
  Thanks for your help !

• How to limit duration of the video with Dropzonejs ?

  26 juin 2015, par SNaRe

  I have a form which I upload videos and duration/length of the video is important.

  After I upload the file with PHP, I check the duration of the video file size with FFMpeg.

  I calculate duration in PHP and need to send value of the duration via PHP somehow. I think I have to append the duration to $result variable of Json.

  This is my html

      
  
  
  
          <code class="echappe-js">&lt;script src=<br />
  
          &quot;//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;&gt;&lt;/script&gt;
          
  &lt;script src=&quot;https://rawgit.com/enyo/dropzone/master/dist/dropzone.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;<br />
  
  <br />
  
          Dropzone.options.myDropzone = {<br />
  
  <br />
  
          maxFiles: 1,<br />
  
          acceptedFiles: &quot;image/*,video/*&quot;,<br />
  
          maxfilesexceeded: function (file) {<br />
  
              this.removeAllFiles();<br />
  
              this.addFile(file);<br />
  
              $('#infomsg').hide();<br />
  
  <br />
  
          },<br />
  
  <br />
  
          init: function () {<br />
  
              $('#infomsg').hide();<br />
  
  <br />
  
              this.on(&quot;success&quot;, function (result) {<br />
  
  <br />
  
                  $('#infomsg').show();<br />
  
  <br />
  
  <br />
  
                  $(&quot;#boatAddForm&quot;).append($('&lt;input type=&quot;hidden&quot; ' +<br />
  
                      'name=&quot;files[]&quot; ' +<br />
  
                      'value=&quot;' + result.name + '&quot;&gt;'));<br />
  
  <br />
  
              });<br />
  
          }<br />
  
          };<br />
  
  <br />
  
  <br />
  
          &lt;/script&gt;
  
              This is the most minimal example of Dropzone. The upload in this
  
              example doesn’t work, because there is no actual server to handle
  
              the file upload.
  
          
  
              
          
  

  This is my PHP

  <?php
  
  $ds          = DIRECTORY_SEPARATOR;
  
  
  
  $storeFolder = 'uploads';
  
  
  
  if (!empty($_FILES)) {
  
  
  
      $tempFile = $_FILES['file']['tmp_name'];
  
  
  
      $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;
  
  
  
      $targetFile =  $targetPath. $_FILES['file']['name'];
  
  
  
      move_uploaded_file($tempFile,$targetFile);
  
  
  
  } else {
  
      $result  = array();
  
  
  
      $files = scandir($storeFolder);                 //1
  
      if ( false!==$files ) {
  
          foreach ( $files as $file ) {
  
              if ( '.'!=$file && '..'!=$file) {       //2
  
                  $obj['name'] = $file;
  
                  $obj['size'] = filesize($storeFolder.$ds.$file);
  
                  $result[] = $obj;
  
              }
  
          }
  
      }
  
  
  
      header('Content-type: text/json');              //3
  
      header('Content-type: application/json');
  
      echo json_encode($result);
  
  }

  If I could check a custom json response right after

   Dropzone.options.myDropzone = {

  like other requirements for success, I won’t have to right if statements in success in order to check the validation.

  Basically I want to do it as I do like

   maxFiles: 1,

  without writing any conditions inside success

• web recorded video not played in ipad

  30 juin 2015, par ketan

  I record video from web using flash media server. Now using flex default player i tried to play video but, it will not play ipad.(ios device)
  I checked that video codec and it is something like following :

  libxavs --enable-libxvid --enable-decklink --enable-zlib
  
    libavutil      52. 92.100 / 52. 92.100
  
    libavcodec     55. 69.100 / 55. 69.100
  
    libavformat    55. 45.100 / 55. 45.100
  
    libavdevice    55. 13.102 / 55. 13.102
  
    libavfilter     4. 10.100 /  4. 10.100
  
    libswscale      2.  6.100 /  2.  6.100
  
    libswresample   0. 19.100 /  0. 19.100
  
    libpostproc    52.  3.100 / 52.  3.100
  
  [flv @ 0000000002b60220] Stream discovered after head already parsed
  
  Input #0, flv, from 'C:\Users\Administrator\Desktop\123654789.flv':
  
    Metadata:
  
      canSeekToEnd    : false
  
      createdby       : FMS 4.5
  
      creationdate    : Tue Jun 30 16:27:22 2015
  
    Duration: 00:00:15.25, start: 0.000000, bitrate: 52 kb/s
  
      Stream #0:0: Video: flv1, yuv420p, 320x227, 1k tbr, 1k tbn, 1k tbc
  
      Stream #0:1: Audio: speex, 16000 Hz, mono, s16, 20 kb/s
  
      Stream #0:2: Data: none

  I record video following ways :

  netstream.publish("FILENAME","record");

  Thanks.

  Edit :

  Another flv file i got which is played in ios. But when i check it’s codec it something like following :

  r --enable-libspeex --enable-libtheora --enable-libtwolame --enable-libvidstab -
  
  -enable-libvo-aacenc --enable-libvo-amrwbenc --enable-libvorbis --enable-libvpx
  
  --enable-libwavpack --enable-libwebp --enable-libx264 --enable-libx265 --enable-
  
  libxavs --enable-libxvid --enable-decklink --enable-zlib
  
    libavutil      52. 92.100 / 52. 92.100
  
    libavcodec     55. 69.100 / 55. 69.100
  
    libavformat    55. 45.100 / 55. 45.100
  
    libavdevice    55. 13.102 / 55. 13.102
  
    libavfilter     4. 10.100 /  4. 10.100
  
    libswscale      2.  6.100 /  2.  6.100
  
    libswresample   0. 19.100 /  0. 19.100
  
    libpostproc    52.  3.100 / 52.  3.100
  
  Input #0, flv, from 'C:\Users\Administrator\Desktop\16402.flv':
  
    Metadata:
  
      major_brand     : 3gp4
  
      minor_version   : 0
  
      compatible_brands: isom3gp4
  
      encoder         : Lavf55.45.100
  
    Duration: 00:00:13.23, start: 0.000000, bitrate: 304 kb/s
  
      Stream #0:0: Video: flv1, yuv420p, 320x240, 300 kb/s, 15 fps, 15 tbr, 1k tbn
  
  , 1k tbc
  
      Stream #0:1: Audio: mp3, 22050 Hz, mono, s16p, 0 kb/s

  How, can i record/convert flv like below ?