DrawImage
only supports image
, canvas
, or video
as image sources.
Since the plugin replaces <video>
elements with <object>
elements, drawImage is not capable of interacting with it.
To solve this issue, we display the API plugin.getFrame
which returns a base64 encoded bitmap (header + buffer) of the last played frame.
Here's an example:
var canvas = ... // your canvas in the DOM var video = ... // your plugin rendering <object> var base64 = video.getFrame(); var image = new Image(); image.onload = function () { canvas.getContext('2d'). drawImage(image, 0, 0, canvas.width, canvas.height); }; image.setAttribute('src', 'data:image/bmp;base64,' + base64);
See live examples here : https://plugin.temasys.com.sg/demo/
This feature is supported starting with version 0.8.869 |