Casting and AirPlay

JW Player is Google Cast Ready in all editions. This document will cover the functionality currently available and will walk through how to set up a JW Player to be Google Cast-Ready so your viewers can start enjoying content on their big screen! 

Introduction

Casting allows viewers to send videos to a different screen while using their device as a remote control. Casting is supported in Google Chrome (Android and Desktop) via Chromecast and in Safari (iOS and macOS) via AirPlay. Casting is not supported in any other browser.  Once the JW Player detects a Cast Ready device or an AppleTV on the network, either a Cast icon or AirPlay icon appears in the control bar to let viewers know they can display their content on a TV. The JW Player within the browser becomes a remote control for viewing media on a TV screen.

Basic Definitions

  • Sender - A Cast enabled JW Player running inside of a Chrome browser. 
  • Receiver - Default Google receiver application that plays videos Cast to it.

Supported Media Formats

The following media formats are supported in the JW Player Casting implementation:

  • Video - mp4, WebM
  • Audio - aac, mp3
  • Audio/Video Streaming - M3U8, MPD (VP9 not supported and only on Chromecast)

Supported/Unsupported JW Player Features

The following types of embedding options have been verified as functional:

  • Playlists
  • Playback API calls
  • Play, pause, seek
  • Social sharing overlay
  • Related videos overlay
  • VTT captions in Chromecast
The following features are disabled during a cast session:
  • YouTube video sources cannot be cast
  • Currently only the default quality will play on the receiver (quality toggling is not supported)
  • Quality API
  • Controls API
  • Multiple-audio tracks
  • Advertising
  • Side-loaded captions in AirPlay

Embedding

The cast configuration block turns on the functionality in JW Player to detect AirPlay and Cast devices. The Cast configuration block is off by default.

The following is a sample configuration block used to enable Casting:

cast:{ },    

Did you find this article helpful?

Please log in to rate this article.