Viblast
How can we help you today?
drawImage on canvas in safari 10
2 CommentsSorted by Oldest First
Hi Roman,
We do not use the canvas technique for the video playback. We are experimenting with it, but do not have official support and documentation on how to use with the Viblast Player.
Best regards,
Stefan
Can you share a test page?
How do you use the player?
Roman
Hi, viblast team.
In our project we use canvas context functions to draw images from video element(drawImage).
In Chrome, Firefox it works fine. From safari 10 it stops work. Maybe it connect with shadow dom appeared in latest safari.
You can reproduce that:
1. go to http://viblast.com/player/
2. Click play on hls demo video.
3. Execute this code
dash = document.getElementById('dash')
canvas = document.createElement('canvas')
document.body.insertBefore(canvas, dash)
canvas.width = 1000
canvas.height = 500
contex = canvas.getContext('2d')
image = $('.vjs-tech')[0]
contex.drawImage(image, 100, 100)
in Chrome and Firefox you can see a frame drawed from video. In safari nothing.
Maybe you know this issue and know some workaround.
Best regards, Roman.