Styjun

I have two sets of code.. my receiver and my sender application. I am still new to this and it has been giving me so many issues. First and for most I am on an older chrome version which is how my application is running.
When I click to cast a given application the device list does drop down but when I click to cast to a device I only get a white screen on the TV attached to that chrome cast and then after a minute or so the application stops casting and gives me the "failed to cast" error message.

From my understanding the index.html file is where I have all the js script that initializes the API, and requests the session on the receiver code is where I have all this code:

<div id="containerDiv" ></div>
 <div id="messageDiv"></div>
 <script type="text/javascript"
 src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"/>
 <!-- -
 <script type="text/javascript"
 src="//www.gstatic.com/cast/sdk/libs/caf_receiver/v3/cast_receiver_framework.js"></script>
//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js
<!--

<script type="text/javascript" src="jsdebug.js"></script> -->
 <script type="text/javascript">
 window.onload = function() 
 cast.receiver.logger.setLevelValue(0);
 window.castReceiverManager = cast.framework.CastReceiverContext.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.open();
 
 ;

 // 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.theWebsite');

 // handler for the CastMessageBus message event
 window.messageBus.onMessage = function(event) 
 console.log('Message [' + event.senderId + ']: ' + event.data);

 // display the message from the sender
 displayText(event.data);
 // inform all senders on the CastMessageBus of the incoming message event
 // sender message listener will be invoked
 window.messageBus.send(event.senderId, event.data);
 

 // initialize the CastReceiverManager with an application status message
 window.castReceiverManager.start(
 statusText : "Application is starting"
 );
 console.log('Receiver Manager started');
 ;

 // utility function to display the text message in the input field
 function displayText(text) 
 console.log(text);
 panelSetup(text);
 //document.getElementById("messagePanelDiv").innerHTML = text;
 //$$('#messagePanelDiv').set('html', text);
 window.castReceiverManager.setApplicationState(text);
 ;
 </script>
</body>

What is the issue here because I believe my index.html page is working fine because I am making a connection otherwise I would not be able to see the device list when I click on the button to cast the file. But the connection is not going all the way through, meaning it never actually connects. It says its connecting and a minute or so later it says it has not connected.

Essentially i'd like to know if I check the receiver code? or would it be my index file that is just not initializing the API correctly?
I also do have the both new and old library connected, I thought the new libar would help but isn't

Any suggestions help.