chromecast_receiver.js.jsx

var ChromecastReceiver = React.createClass({

  componentWillMount: function() {
    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(this.props.namespace, cast.receiver.CastMessageBus.MessageType.JSON);

    // handler for the CastMessageBus message event
    window.messageBus.onMessage = this.onMessage

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

  onMessage: function(e) {
    if (e.data.command == 'launch') {

      // handle message

    }
  },

  render: function() {

    // render...

  }

})