45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Drawing to canvas using video with source element does not taint canvas</title>
|
|
<script src=media-file.js></script>
|
|
<script src=video-test.js></script>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
<script>
|
|
var ctx;
|
|
var width;
|
|
var height;
|
|
|
|
function canplaythrough()
|
|
{
|
|
width = video.videoWidth / 2;
|
|
height = video.videoHeight / 2;
|
|
|
|
ctx = canvas.getContext("2d");
|
|
video.pause();
|
|
ctx.drawImage(video, 0, 0, width, height);
|
|
shouldBeTrue("!!ctx.getImageData(0, 0, width, height)");
|
|
endTest();
|
|
}
|
|
|
|
function start()
|
|
{
|
|
description("Test to ensure we don't taint a canvas when drawing from a video the uses source elements rather than the src attribute");
|
|
findMediaElement();
|
|
canvas = document.getElementsByTagName('canvas')[0];
|
|
waitForEvent('canplaythrough', canplaythrough);
|
|
var mediaFile = findMediaFile("video", "content/counting");
|
|
disableFullTestDetailsPrinting();
|
|
runSilently("var source = document.createElement('source'); source.src = '" + mediaFile + "'; video.appendChild(source)");
|
|
enableFullTestDetailsPrinting();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="start()" >
|
|
<p id="description"></p>
|
|
<video controls></video>
|
|
<canvas width="160" height="120" ></canvas>
|
|
<div id="console"></div>
|
|
</body>
|
|
</html>
|