How to stop/cancel requestAnimFrame() in Fabric.js

Viewed 3090

I am trying to add video into Fabric.js, And i'm done with that.

But one question :

How to stop or cancel requestAnimFrame() ?

Example :

var canvas = new fabric.Canvas('c');
var videoEl = document.getElementById('video');
var video = new fabric.Image(videoEl);

canvas.add(video);
video.getElement().play();

fabric.util.requestAnimFrame(function render() {
  canvas.renderAll();
  fabric.util.requestAnimFrame(render);

  var current_time = videoEl.currentTime;
  if(current_time >= 5) {
    videoEl.pause();
    console.log(current_time);
  }

});

https://jsfiddle.net/l2aelba/kro7h6rv/

This is the video will stop after 5 secs. And I will stop/cancel requestAnimFrame

Causes high CPU load

1 Answers
Related