Recherche avancée

Sur d’autres sites (6916)

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

• Anomalie #3504 : anomalie dans cvt_autosave : les purges ne se font pas

  24 juillet 2015, par cedric -

  OK, bien vu sur le timestamp en ms en JS vs s pour PHP.
  Par contre je réponds en vrac sur les autres points :

  • si un utilisateur revient 1 an après, il n’aura plus de session du tout, car les vieilles sessions sont purgées, meme si on a ce bug dans la purge de l’autosave qui ne concerne en fait que les utilisateurs qui se connectent régulièrement et conservent ainsi leur session vivante.
  • purger les sessions autosave dans charger() est une très mauvaise idée en terme de charge serveur. En effet charger() est executé à chaque affichage du formulaire et donc de la page, elle doit donc rester le plus light possible sous peine de pénaliser la charge serveur et de dégrader fortement les perfs du site
  • on peut améliorer la purge en l’executant a chaque traiter() si l’utilisateur a une session. Le scenario que tu imaginais devient ainsi très peu plausible car il suppose que l’utilisateur ne valide aucun formulaire nulle part pendant un long moment pour qu’on arrive a lui ressortir un vieil autosave
  • on ne peut pas mettre de _dist sur les fonctions : ce sont des pipelines, non surchargeables