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
53
54
55
56
57
58
59
60
61
62
63
64
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>Receiving a message through PresentationConnection</title>
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs/">
<link rel="help" href="http://w3c.github.io/presentation-api/#receiving-a-message-through-presentationconnection">
<script src="common.js"></script>
<script src="support/stash.js"></script>
<p>Click the button below and select the available presentation display, to start the manual test.</p>
<button id="presentBtn">Start Presentation Test</button>
<script>
const message1 = '1st';
const message2 = '2nd';
const message3 = new Uint8Array([51, 114, 100]); // "3rd"
const message4 = new Uint8Array([52, 116, 104]); // "4th"
const message5 = new Uint8Array([108, 97, 115, 116]); // "last"
let connection;
const presentBtn = document.getElementById('presentBtn');
presentBtn.onclick = () => {
presentBtn.disabled = true;
const stash = new Stash(stashIds.toController, stashIds.toReceiver);
const request = new PresentationRequest('support/PresentationConnection_onmessage_receiving-ua.html');
request.start().then(c => {
c.onconnect = () => {
connection = c;
connection.send(message1); // string
connection.send(message2); // string
connection.send(new Blob([message3])); // Blob
connection.send(message4.buffer); // ArrayBuffer
connection.send(message5); // ArrayBufferView
return stash.receive().then(data => {
const result = JSON.parse(data);
if (result.type === 'blob') {
connection.send(message5);
return stash.receive();
}
else
return data;
}).then(result => {
const json = JSON.parse(result);
// notify receiver's results of a parent window (e.g. test runner)
if (window.opener && 'completion_callback' in window.opener) {
window.opener.completion_callback(json.tests, json.status);
}
// display receiver's results as HTML
const log = document.createElement('div');
log.id = 'log';
log.innerHTML = json.log;
document.body.appendChild(log);
connection.onconnect = () => { connection.terminate(); };
if (connection.state === 'closed')
request.reconnect(connection.id);
else
connection.terminate();
});
};
});
};
</script>
|
