Recherche avancée

Sur d’autres sites (6752)

• rtsp feed fails intermittently using node js

  7 mars, par Prem Kumar

  I am new to node.js and was debugging a code written by another developer. We have a an IP camera which provides rtsp feed which is being displayed on a webpage. I can view the camera feed using the rtsp url in VLC but the web viewer of camera feed usually gives white screen although it somehow works intermittently.

  


  I was told that it used to work properly when the machine was on Ubuntu 20.04 now it has been updated to Ubuntu 24.

  


  Index.js

  


  const Stream = require("node-rtsp-stream-jsmpeg");
const fs = require("fs");
const https = require("https");

const httpsServer = https.createServer({
  key: fs.readFileSync("./cert/ssl.key"),
  cert: fs.readFileSync("./cert/ssl.crt"),
});


const options = {
    name: "streamName",
    url: "rtsp://10.20.xxx.xx/profile1",
    wsPort: 3333,
    httpsServer: httpsServer
};

let stream = new Stream(options);
stream.start();


  


  index.html

  


  &#xA;&#xA;  &#xA;  &#xA;  &#xA;  <code class="echappe-js">&lt;script src=&quot;https://jsmpeg.com/jsmpeg.min.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;  
  &#xA;    &#xA;    &#xA;  
  &#xA;&#xA;  &lt;script type=&quot;text/javascript&quot;&gt;&amp;#xA;  var url = &quot;ws://localhost:3333&quot;;&amp;#xA;  var canvas = document.getElementById(&amp;#x27;video-canvas&amp;#x27;);&amp;#xA;  var player = new JSMpeg.Player(url, {canvas: canvas});&amp;#xA;  &lt;/script&gt;&#xA;&#xA;
  

  


  I tried reinstalling the node modules but it didn't make any difference.
I am sure that there is no hardware issue as rtsp connection always works in VLC.

  


  Following is the console log when it fails
Following is the console log when it works

  


• Revision 1ba91a84ad : Adds a new subpel motion function Adds a new subpel motion estimation function

  8 août 2013, par Deb Mukherjee

  Changed Paths :
   Modify /vp9/encoder/vp9_mcomp.c

  
   Modify /vp9/encoder/vp9_mcomp.h

  
   Modify /vp9/encoder/vp9_onyx_if.c

  
   Modify /vp9/encoder/vp9_onyx_int.h

  
   Modify /vp9/encoder/vp9_rdopt.c

  
  
  Adds a new subpel motion function

  Adds a new subpel motion estimation function that uses a 2-level
  tree-structured decision tree to eliminate redundant computations.
  It searches fewer points than iterative search (which can search
  the same point multiple times) but has the same quality roughly.

  This is made the default setting at speeds 0 and 1, while at
  speed 2 and above only a 1-level search is used.

  Also includes various cleanups for consistency and redundancy removal.

  Results :
  derf : +0.012% psnr
  stdhd : +0.09% psnr
  Speedup of about 2-3%

  Change-Id : Iedde4866f5475586dea0f0ba4cb7428fba24eee9

• How to upload and overlay animation.html file from system and overlay over video in HTML or ANGULAR

  23 septembre 2020, par Hiren

  Hey I am trying to build an app which has a functionality of allowing a user to upload a pre-existing .HTML file from his system which contains a simple animation init

  


  I want to get that file and overlay the animation contained in .HTML file on my video and display it to the user.

  


  is that possible please help me if it is.

  


  


  


  body {
  background: #;
}

#fullScreenBox {
  height: 500px;
  width: 50%;
  background: #;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hiddenBox {
  width: 50%;
  height: 500px;
  background: #;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

#title {
  width: 100%;
  height: 150px;
  background: #;
  /*U can also use #*/
  position: absolute;
  top: 200px;
  font-family: arial;
  font-size: 50px;
  color: white;
  text-align: center;
  opacity: 0;
}

#subtitle {
  width: 100%;
  height: 50px;
  background: #;
  /*U can also use #*/
  position: absolute;
  top: 300px;
  font-family: arial;
  font-size: 50px;
  color: red;
  text-align: center;
  opacity: 0;
}

#line01 {
  width: 25%;
  height: 4px;
  background: white;
  /*U can also use #*/
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  opacity: 0;
}

#overlay {
  position: absolute;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
  width: 50%;
  height: 500px;
  background: #;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#v {
  height: 500px;
  width: 100%;
}

  


  &#xA;&#xA;  <div>&#xA;    <div class="">&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;        LONDON&#xA;      </div>&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;&#xA;      </div>&#xA;&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;        City of Dreams!&#xA;      </div>&#xA;    </div>&#xA;</div>

  


  


  



  This is my HTML file that contains a simple animation for example which is in user system

  


  In my application when user upload this file i want to overlay the animation contained in this file on the video as he uploads it is these any way
Thank you