Recherche avancée

Sur d’autres sites (8892)

• Best way to record a HTML Canvas/WebGL animation into a video on server ?

  19 juillet 2015, par Abhinav

  I have a set of animations which I can make in Canvas (fabric.js) or WebGL (three.js). I need to record them automatically through a script and output a video file.

  The animations include :
  1. Pictures
  2. Videos (with audio)
  3. Other animations/effects

  I have researched a lot during last few months on this.

  Results
  1. User PhantomJS + FFMPEG
  Run HTML Canvas animations on headless browser(PhantomJS) and record with FFMPEG. Here the issue is PhantomJS doesnot support neither WebGL nor Video element. http://phantomjs.org/supported-web-standards.html

  2. Use Websockets to send data back to server using DataURL
  Here again, we will need to run the animations on browser (which we cant because we have to do everything on server).

  3. Use node-canvas
  This is a library by TJ Holowaychuk which allows to render HTML Canvas on node.js. But it has its own limitations plus I haven’t really explored this field much.
  (If someone could shed more light on this library)

  If anyone has done it before or can guide me somewhere useful.
  All we need to do is use some data to create animations and record it into a video, everything on server side.

• Best way to record a HTML Canvas/WebGL animation server-side into a video ?

  14 décembre 2016, par Abhinav

  I have a set of animations which I can make in Canvas (fabric.js) or WebGL (three.js). I need to record them automatically, server-side, through a script and output a video file.

  The animations include :
  

  1. Pictures
     
  2. Videos (with audio)
     
  3. Other animations/effects

  I have researched a lot during last few months on this.

  Results
  1. User PhantomJS + FFMPEG
  Run HTML Canvas animations on headless browser(PhantomJS) and record with FFMPEG. Here the issue is PhantomJS supports neither WebGL nor Video element. http://phantomjs.org/supported-web-standards.html

  2. Use Websockets to send data back to server using DataURL
  Here again, we will need to run the animations on browser (which we can’t because we have to do everything on server).

  3. Use node-canvas
  This is a library by TJ Holowaychuk which allows rendering HTML Canvas on Node.js. But it has its own limitations plus I haven’t really explored this field much.
  (If someone could shed more light on this library)

  If anyone has done it before or can guide me somewhere useful.
  All we need to do is use some data to create animations and record it into a video, everything on server side.

• FFMPEG : How to record video from one source and audio from other source ?

  2 juin 2019, par F O X

  I’m using this command to record camera ip :

  ffmpeg -use_wallclock_as_timestamps 1 -rtsp_transport tcp -i rtsp://192.168.1.105/media/video1 -c:a aac -c:v copy -flags +global_header -strftime 1 -f segment -map 0:0 -segment_time 30 -reset_timestamps 1 file_%Y-%m-%d_%H-%M-%S.mp4

  But i would like to add an audio from a different camera ip which use this stream rtsp ://192.168.1.106/media/video1

  Is this possible ?