https://github.com/devaublanc/chromecast-receiver-react

Chromecast receiver using React and dash.js
https://github.com/devaublanc/chromecast-receiver-react

Last synced: about 2 months ago
JSON representation

Chromecast receiver using React and dash.js

• Host: GitHub
• URL: https://github.com/devaublanc/chromecast-receiver-react
• Owner: devaublanc
• Created: 2016-08-26T08:38:51.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-07-07T13:01:28.000Z (over 4 years ago)
• Last Synced: 2024-08-01T16:35:41.121Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 270 KB
• Stars: 16
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
# Chomecast Receiver React

## Table of Contents

- [Create the chromecast app](#create-the-chromecast-app)

- [Installation](#installation)

- [Debugging](#debugging)

- [Contributing](#contributing)

## Create the chromecast app

To create your receiver app, follow instructions describe in the cast documentation.

[Chromecast registration](https://developers.google.com/cast/docs/registration)

## Installation

* Install dependancies

```

npm i

```

* Start the development server. The server will be launched on port 3000

```

npm start

```

* The receiver app have to be hosted on an ```https``` url. To do that we need to secure tunnels to localhost. Ngrok will do the job for us. Download [ngrok](https://ngrok.com/download) and run the cmd bellow

```

ngrok http 3000 // The port set in param, have to be the same of the development server

```

Copy the generated url (ex:https://703b8da0.ngrok.io) and paste it in your app's settings in your Google Cast SDK Developer Console

## Debugging

 * Start your sender application

 * In the Chrome browser, enter the IP address of the device (eg. a Chromecast) on port 9222

 

 ```

 http://RECEIVER-IP-ADDRESS:9222

 ```

 

* The browser must be running on a computer connected to the same network as the receiver device. To get the IP address of a Chromecast device, use the Chromecast setup application.

* Click the link, Remote Debugging (App Engine) to run the debugger for your app.

You may have to click the shield icon in the URL field to enable scripts.

* Use ```window.location.reload(true);``` to perform a forced reload that flushes the cache of the receiver application.

## Contributing

* [Contributing] (CONTRIBUTING.md)