78 lines
No EOL
2.8 KiB
HTML
78 lines
No EOL
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<link href="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.css" rel="stylesheet">
|
|
<link href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.css" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
|
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
|
|
<script src="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.js"></script>
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div data-role="page" data-control-title="Home" id="page1">
|
|
<div role="main" class="ui-content">
|
|
<div data-controltype="htmlblock">
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
// hook up a handler for events that come from hifi.
|
|
EventBridge.scriptEventReceived.connect(function(msg) { // GET MESSAGES FROM HIFI
|
|
console.log("WEB: recv script event = " + JSON.stringify(msg));
|
|
|
|
if (msg === "button-1-done") {
|
|
// re-enable the button now that the audio is complete
|
|
$("#button-1").removeClass("ui-disabled");
|
|
|
|
} else if (msg === "button-2-done") {
|
|
// re-enable the button now that the audio is complete
|
|
$("#button-2").removeClass("ui-disabled");
|
|
}
|
|
});
|
|
|
|
// hook up a click handler for button-1
|
|
$("#button-1").click(function() { // SEND MESSAGES TO HIGH FIDELITY
|
|
// OK so it looks like this function is maybe evaluated? I still don't understand where eventbridge is gcreated or the emitWebEvent thing lives.
|
|
console.log("WEB: emit web event = " + JSON.stringify("button-1-play"));
|
|
|
|
// disable the button until we receive a done message.
|
|
$("#button-1").addClass("ui-disabled");
|
|
|
|
// send a play event to hifi
|
|
EventBridge.emitWebEvent("button-1-play"); // WHENCE DO EMIT WEB EVENT COME?
|
|
});
|
|
|
|
// hook up a click handler for button-2
|
|
$("#button-2").click(function() {
|
|
|
|
console.log("WEB: emit web event = " + JSON.stringify("button-2-play"));
|
|
|
|
// disable the button until we receive a done message.
|
|
$("#button-2").addClass("ui-disabled");
|
|
|
|
// send a play event to hifi
|
|
EventBridge.emitWebEvent("button-2-play");
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
<a id="button-1" href="#page1" class="ui-btn ">
|
|
Sad Trombone
|
|
</a>
|
|
<a id="button-2" href="#page1" class="ui-btn ">
|
|
Scream!
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |