11485 sujets

JavaScript, DOM et API Web HTML5

Vous pouvez essayer d'utiliser une fonction de rappel pour enregistrer un auditeur dans requestAnimationFrame et après chaque boucle, essayer de capturer le fichier png du canevas, enregistrez-le quelque part côté serveur ou côté client en utilisant une méthode persistante de html5 et utilisez un autre logiciel comme ffmpeg plus tard pour les assembler pour former un fichier vidéo.
window.requestAnimFrame = (function(callback) {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
Code pour obtenir les informations d'image / png du canevas
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");