webrtc/talk/examples/ios/AppRTCDemo/ios_channel.html
henrike@webrtc.org 28e2075280 Adds trunk/talk folder of revision 359 from libjingles google code to
trunk/talk


git-svn-id: http://webrtc.googlecode.com/svn/trunk@4318 4adac7df-926f-26a2-2b94-8c16560cd09d
2013-07-10 00:45:36 +00:00

89 lines
3.4 KiB
HTML

<html>
<head>
<script src="http://apprtc.appspot.com/_ah/channel/jsapi"></script>
</head>
<!--
Helper HTML that redirects Google AppEngine's Channel API to Objective C.
This is done by hosting this page in an iOS application. The hosting
class creates a UIWebView control and implements the UIWebViewDelegate
protocol. Then when there is a channel message, it is encoded in an IFRAME.
That IFRAME is added to the DOM which triggers a navigation event
|shouldStartLoadWithRequest| in Objective C which can then be routed in the
application as desired.
-->
<body onbeforeunload="closeSocket()" onload="openSocket()">
<script type="text/javascript">
// QueryString is copy/pasta from
// chromium's chrome/test/data/media/html/utils.js.
var QueryString = function () {
// Allows access to query parameters on the URL; e.g., given a URL like:
// http://<url>/my.html?test=123&bob=123
// parameters can now be accessed via QueryString.test or
// QueryString.bob.
var params = {};
// RegEx to split out values by &.
var r = /([^&=]+)=?([^&]*)/g;
// Lambda function for decoding extracted match values. Replaces '+'
// with space so decodeURIComponent functions properly.
function d(s) { return decodeURIComponent(s.replace(/\+/g, ' ')); }
var match;
while (match = r.exec(window.location.search.substring(1)))
params[d(match[1])] = d(match[2]);
return params;
} ();
var channel = null;
var socket = null;
function openSocket() {
if (!QueryString.token || !QueryString.token.match(/^[A-z0-9_-]+$/)) {
// Send error back to ObjC. This will assert in GAEChannelClient.m.
sendMessageToObjC("JSError:Missing/malformed token parameter " +
QueryString.token);
throw "Missing/malformed token parameter: " + QueryString.token;
}
channel = new goog.appengine.Channel(QueryString.token);
socket = channel.open({
'onopen': function() {
sendMessageToObjC("onopen");
},
'onmessage': function(msg) {
sendMessageToObjC("onmessage:" +
encodeURIComponent(JSON.stringify(msg.data)));
},
'onclose': function() {
sendMessageToObjC("onclose");
},
'onerror': function(err) {
sendMessageToObjC("onerror:" +
encodeURIComponent(JSON.stringify(err.code)) +
":message:" +
encodeURIComponent(JSON.stringify(err.description)));
}
});
}
function closeSocket() {
socket.close();
}
// Add an IFRAME to the DOM to trigger a navigation event. Then remove
// it as it is no longer needed. Only one event is generated.
function sendMessageToObjC(message) {
var iframe = document.createElement("IFRAME");
iframe.setAttribute("src", "js-frame:" + message);
// For some reason we need to set a non-empty size for the iOS6
// simulator...
iframe.setAttribute("height", "1px");
iframe.setAttribute("width", "1px");
document.documentElement.appendChild(iframe);
iframe.parentNode.removeChild(iframe);
}
</script>
</body>
</html>