<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Html5MediaElement missing "crossOrigin" attribute therefore CORS does not work"
href="https://bugs.webkit.org/show_bug.cgi?id=151294">151294</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Html5MediaElement missing "crossOrigin" attribute therefore CORS does not work
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Media Elements
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>electroteque@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Hi I'm not sure if anyone has mentioned this but this standard has been around for a long time now.
This is not implemented therefore this type of code will not work
this.canvas = document.createElement("canvas");
this.canvas.setAttribute("width", width);
this.canvas.setAttribute("height", height);
var ctx = this.canvas.getContext('2d');
ctx.drawImage(video,0, 0, width, height, x, y, width, height);
var dataURL = this.canvas.toDataURL("image/" + this.type, this.quality);
Both Safari in OSX and IOS, Android default browser and IE11 suffer the same issue.
It requires a proxy work around setting up a new video for capture or requires Flash to do the capture ! to think it needs a work around like this is silly considering Apple's stance against Flash but then requiring Flash to do captures of video frames.
It is a fairly common requirement and the deviation from standards is troubling.
I believe there is a ticket in regards to the 360 webGL CORS which is quickly becoming popular and will be needed. But this is not just drawing to the canvas but "toDataUR" to get the image data uri also.
Let me know.</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>