1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<!DOCTYPE html>
<html>
<head>
<script>
async function startCamera()
{
try {
local.srcObject = await navigator.mediaDevices.getUserMedia({ audio:true, video:true });
window.webkit.messageHandlers.gum.postMessage("PASS");
} catch (e) {
window.webkit.messageHandlers.gum.postMessage("FAIL with " + e);
}
}
async function paintCameraInCanvas()
{
try {
await local.play();
} catch (e) {
window.webkit.messageHandlers.gum.postMessage("FAIL with " + e);
}
canvas.getContext('2d').fillStyle = "#FFFFFF";
canvas.getContext('2d').fillRect(0, 0, 640, 480);
canvas.getContext('2d').drawImage(local, 0, 0, 640, 480);
const pixelData = canvas.getContext('2d').getImageData(0, 0, 1, 1,).data;
if (pixelData[0] != 0) {
window.webkit.messageHandlers.gum.postMessage("FAIL r");
return;
}
if (pixelData[1] != 0) {
window.webkit.messageHandlers.gum.postMessage("FAIL g");
return;
}
if (pixelData[2] != 0) {
window.webkit.messageHandlers.gum.postMessage("FAIL b");
return;
}
window.webkit.messageHandlers.gum.postMessage("PASS");
}
</script>
</head>
<body onload="startCamera()">
<video controls autoplay playsinline muted id="local" width="100px" height="100px"></video>
<br>
<canvas width="640" height="480" id=canvas></video>
</body>
</html>
|
