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
|
<html>
<head>
<title>Passing MessagePort to a SharedWorker</title>
<script src="worker_utils.js"></script>
<script>
function log(message)
{
document.getElementById("result").innerHTML += message + "<br>";
}
var worker = null;
var message_channel = null;
function do_test() {
worker = new SharedWorker("messageport_worker.js");
worker.port.onmessage = process_message_from_worker;
}
function process_message_from_worker(event) {
log("Message from worker: " + event.data);
if (event.data == "Worker connected.") {
log("Sending a port to the worker.");
message_channel = new MessageChannel();
worker.port.postMessage({message: "Sending a port.", port: message_channel.port2}, [message_channel.port2]);
} else if (event.data == "Worker got a port.") {
// Communicate with the worker via the message channel.
message_channel.port1.onmessage = function (event) {
log("Message from worker (via channel): " + event.data);
if (event.data == "Worker got a message via the passed port.")
onSuccess();
else
onFailure();
};
message_channel.port1.start();
log("Sending a message to the worker via the channel.");
message_channel.port1.postMessage({message: "Message via the channel."});
}
}
</script>
</head>
<body onload="do_test()">
<div id=statusPanel></div>
<div id=result></div>
</body>
</html>
|
