Giter VIP home page Giter VIP logo

react-native-google-cast's Introduction

npm version

react-native-google-cast

A library that unifies both android and iOS chromecast sdk

Getting started

$ npm install react-native-google-cast --save

Installation

$ react-native link react-native-google-cast

iOS Heads Up

  • This library requires Cocoapods to manage Chromecast SDK.
  • Add pod 'google-cast-sdk', '2.10.4.1' to your Podfile. This is the easier way to have the SDK up to date.

Android Heads Up

  • This library requires Google Play Services, Media Router and Google Cast dependencies to manage Chromecast SDK.
  • Add
compile 'com.google.android.gms:play-services-cast:9.4.0'
compile 'com.android.support:mediarouter-v7:23.0.1'

into your your app's build.gradle dependencies. mediarouterversion must match with your appcompat version.

Usage

// Require the module
import Chromecast from 'react-native-google-cast';

// Init Chromecast SDK and starts looking for devices (uses DEFAULT APP ID)
Chromecast.startScan();

// Init Chromecast SDK and starts looking for devices using registered APP ID
Chromecast.startScan(APP_ID);

// Does what the method says. It saves resources, use it when leaving your current view
Chromecast.stopScan();

// Returns a boolean with the result
Chromecast.isConnected();

// Return an array of devices' names and ids
Chromecast.getDevices();

// Gets the device id, and connects to it. If it is successful, will send a broadcast
Chromecast.connectToDevice(DEVICE_ID);

// Closes the connection to the current Chromecast
Chromecast.disconnect();

// Streams the media to the connected chromecast. Time parameter let you choose
// in which time frame the media should start streaming
Chromecast.castMedia(MEDIA_URL, MEDIA_TITLE, MEDIA_IMAGE, TIME_IN_SECONDS);

// Move the streaming media to the selected time frame
Chromecast.seekCast(TIME_IN_SECONDS);

// Toggle Chromecast between pause or play state
Chromecast.togglePauseCast();

// Get the current streaming time frame. It can be use to sync the chromecast to
// your visual media controllers
Chromecast.getStreamPosition();

Events

Chromecast uses events to let you know when you should start playing with the service, like streaming the media.

// To know if there are chromecasts around
DeviceEventEmitter.addListener(Chromecast.DEVICE_AVAILABLE, (existance) => console.log(existance.device_available));

// To know if the connection attempt was successful
DeviceEventEmitter.addListener(Chromecast.DEVICE_CONNECTED, () => { /* callback */ });

// If chromecast started to stream the media succesfully, it will send this event
DeviceEventEmitter.addListener(Chromecast.MEDIA_LOADED, () => { /* callback */ });

Constants

  DEVICE_AVAILABLE,
  DEVICE_CONNECTED,
  DEVICE_DISCONNECTED,
  MEDIA_LOADED,

Example

Refer to the example folder to find an implementation of this project. Remember to use

  • pod install
  • react-native link react-native-google-cast

to try it!

Contribution

Contributions are welcome !

react-native-google-cast's People

Contributors

vmseba avatar dracoblue avatar petrbela avatar codetony25 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.