<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:electroteque@gmail.com" title="Daniel Rossi <electroteque@gmail.com>"> <span class="fn">Daniel Rossi</span></a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION (Safari 9): drawImage doesn't paint the current frame of a video"
href="https://bugs.webkit.org/show_bug.cgi?id=153588">bug 153588</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>electroteque@gmail.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION (Safari 9): drawImage doesn't paint the current frame of a video"
href="https://bugs.webkit.org/show_bug.cgi?id=153588#c10">Comment # 10</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION (Safari 9): drawImage doesn't paint the current frame of a video"
href="https://bugs.webkit.org/show_bug.cgi?id=153588">bug 153588</a>
from <span class="vcard"><a class="email" href="mailto:electroteque@gmail.com" title="Daniel Rossi <electroteque@gmail.com>"> <span class="fn">Daniel Rossi</span></a>
</span></b>
<pre>This is a known issue and requires drawing twice.
Simply before doing the real draw and capture
context.drawImage(video, 0, 0);
Call this with a 1 second delay before capturing again.
var canvas = this.createCanvas(),
context = canvas.getContext("2d");
context.drawImage(container, 0, 0);
this.clearCanvas(canvas);
setTimeout(function() {
onSuccess(container);
}, 1000);
Saying that you still need to use a CORS proxy for Safari so bring up a second stream and seek, then pre capture then do the real capture. Alot of mucking around for Safari. Even with mediasource it requires the same reloading of the stream and seeking.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>