tal/gist:fced07130076f80ef621

## gistfile1.html
<!--
Copyright (C) 2014 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
        body {
            overflow:hidden;
            padding:35px;
        }

        #message {
            height: 720px;
            width: 1280px;
            text-align: center;
            border: 0px solid silver;
            display: table-cell;
            vertical-align: middle;
            color: #FFFFFF;
            font-weight: bold;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 40px;
        }

        #message a {
            color: white;
            text-decoration: none;
        }

        #message.text {
            background-color: #c4c4c4;
        }

        #message.quote {
            background-color: #f2992e;
        }

        #message.chat {
            background-color: #37aad4;
        }

        #message.photo {
            background-color: #d95e40;
        }

        #message .photopost-photo {
            width: 100%;
            height: 100%;
            background-size: contain;
        }

        #message.video {
            background-color: #748089;
        }

        #message.audio {
            background-color: #ac7ebe;
        }

    </style>
    <title>Cast Hello Text</title>
  </head>

  <body>

    <div id="message"></div>

    <script type="text/javascript" src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script>
    <script type="text/javascript">
        (function() {
            window.onload = function() {
                var el = document.getElementById('message');

                cast.receiver.logger.setLevelValue(0);
                window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance();
                console.log('Starting Receiver Manager');

                // handler for the 'ready' event
                castReceiverManager.onReady = function(event) {
                    console.log('Received Ready event: ' + JSON.stringify(event.data));
                    window.castReceiverManager.setApplicationState("Application status is ready...");
                };

                // handler for 'senderconnected' event
                castReceiverManager.onSenderConnected = function(event) {
                    console.log('Received Sender Connected event: ' + event.data);
                    console.log(window.castReceiverManager.getSender(event.data).userAgent);
                };

                // handler for 'senderdisconnected' event
                castReceiverManager.onSenderDisconnected = function(event) {
                    console.log('Received Sender Disconnected event: ' + event.data);
                    if (window.castReceiverManager.getSenders().length == 0) {
                        window.close();
                    }
                };

                // handler for 'systemvolumechanged' event
                castReceiverManager.onSystemVolumeChanged = function(event) {
                console.log('Received System Volume Changed event: ' + event.data['level'] + ' ' +
                    event.data['muted']);
                };

                // create a CastMessageBus to handle messages for a custom namespace
                window.messageBus =
                window.castReceiverManager.getCastMessageBus(
                    'urn:x-cast:com.phamousapps.chromecastlikes');

                window.messageBus.onMessage = function(event) {
                    var data = JSON.parse(event.data);

                    el.className = data.type;

                    var handler = handlers[data.type];

                    if (typeof handler === 'function') handler(data);

                    window.messageBus.send(event.senderId, event.data);
                }

                var handlers = {
                    text: setInnerHTML,
                    quote: setInnerHTML,
                    chat: setInnerHTML,
                    video: setInnerHTML,
                    audio: setInnerHTML,
                    photo: function(data) {
                        var photo = document.createElement('div');
                        photo.className = 'photopost-photo';
                        photo.style['background-image'] = 'url('+data.src+')';

                        el.innerHTML = '';
                        el.appendChild(photo);

                        window.castReceiverManager.setApplicationState(data.src);
                    }
                }

                function setInnerHTML(data) {
                    el.innerHTML = data.src;

                    window.castReceiverManager.setApplicationState(data.src);
                }

                window.castReceiverManager.start({statusText: "Application is starting"});
            }
        })();

    </script>
  </body>
</html>
	<!--
	Copyright (C) 2014 Google Inc. All Rights Reserved.

	Licensed under the Apache License, Version 2.0 (the "License");
	you may not use this file except in compliance with the License.
	You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.
	-->
	<!DOCTYPE html>
	<html>
	<head>
	<style type="text/css">
	body {
	overflow:hidden;
	padding:35px;
	}

	#message {
	height: 720px;
	width: 1280px;
	text-align: center;
	border: 0px solid silver;
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	}

	#message a {
	color: white;
	text-decoration: none;
	}

	#message.text {
	background-color: #c4c4c4;
	}

	#message.quote {
	background-color: #f2992e;
	}

	#message.chat {
	background-color: #37aad4;
	}

	#message.photo {
	background-color: #d95e40;
	}

	#message .photopost-photo {
	width: 100%;
	height: 100%;
	background-size: contain;
	}

	#message.video {
	background-color: #748089;
	}

	#message.audio {
	background-color: #ac7ebe;
	}

	</style>
	<title>Cast Hello Text</title>
	</head>

	<body>

	<div id="message"></div>

	<script type="text/javascript" src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script>
	<script type="text/javascript">
	(function() {
	window.onload = function() {
	var el = document.getElementById('message');

	cast.receiver.logger.setLevelValue(0);
	window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance();
	console.log('Starting Receiver Manager');

	// handler for the 'ready' event
	castReceiverManager.onReady = function(event) {
	console.log('Received Ready event: ' + JSON.stringify(event.data));
	window.castReceiverManager.setApplicationState("Application status is ready...");
	};

	// handler for 'senderconnected' event
	castReceiverManager.onSenderConnected = function(event) {
	console.log('Received Sender Connected event: ' + event.data);
	console.log(window.castReceiverManager.getSender(event.data).userAgent);
	};

	// handler for 'senderdisconnected' event
	castReceiverManager.onSenderDisconnected = function(event) {
	console.log('Received Sender Disconnected event: ' + event.data);
	if (window.castReceiverManager.getSenders().length == 0) {
	window.close();
	}
	};

	// handler for 'systemvolumechanged' event
	castReceiverManager.onSystemVolumeChanged = function(event) {
	console.log('Received System Volume Changed event: ' + event.data['level'] + ' ' +
	event.data['muted']);
	};

	// create a CastMessageBus to handle messages for a custom namespace
	window.messageBus =
	window.castReceiverManager.getCastMessageBus(
	'urn:x-cast:com.phamousapps.chromecastlikes');

	window.messageBus.onMessage = function(event) {
	var data = JSON.parse(event.data);

	el.className = data.type;

	var handler = handlers[data.type];

	if (typeof handler === 'function') handler(data);

	window.messageBus.send(event.senderId, event.data);
	}

	var handlers = {
	text: setInnerHTML,
	quote: setInnerHTML,
	chat: setInnerHTML,
	video: setInnerHTML,
	audio: setInnerHTML,
	photo: function(data) {
	var photo = document.createElement('div');
	photo.className = 'photopost-photo';
	photo.style['background-image'] = 'url('+data.src+')';

	el.innerHTML = '';
	el.appendChild(photo);

	window.castReceiverManager.setApplicationState(data.src);
	}
	}

	function setInnerHTML(data) {
	el.innerHTML = data.src;

	window.castReceiverManager.setApplicationState(data.src);
	}

	window.castReceiverManager.start({statusText: "Application is starting"});
	}
	})();

	</script>
	</body>
	</html>