Live Offline Stream Handling offline live streams in JWPlayer 8

This example displays the use of the offline feature. Overriding player error handlers to allow for reconnection with a custom message and display colorbars as a background.

Introduction

The Live Offline plugin enables overriding player error handlers to allow for reconnection with a custom message and display colorbars as a background.

This is useful when live streams are yet to go live and let the user manually re-attempt connection or auto connect.

A TV noise animation option can be used for offline reconnection mode.

A custom configurable message can display useful offline messages.

Support for native HLS live connection cut and reconnection as Safari provides no such event.

Features

Functional player to reconnect live steams when offline and not publishing or on connection cuts.
Automatic reconnection feature.
Reconnection for connection cut of native and non-native HLS
End of live stream detection config support.
Customisable message and colorbars background.
TV Noise effect background effect
Events for reconnection handling.

Plugin Available For Purchase via Paypal

(Version 8.0.0 )

License Information

The Offline plugin is a once off commercial license with updates and support to the Offline plugin only.

Single Domain License - Suitable for small sites with updates and unlimited support included.
Multi Domain License - Suitable for larger sites and video platform sites with updates, feature requests and unlimited priority support included.

Note:

With your purchase please provide your domains to be provided with your licensed plugin. New domains need to be requested manually for the moment.

Demo

Contact for a site or local demo download.

(Current Version 8.0.0)

Compatibility

JWPlayer 8.0 and above

Examples

Basic example.

configuration


 (function(jwplayer) {

                    var player = jwplayer("player").setup({

                        width: "100%",
                        aspectratio: "16:9",
                        //preload: "none",
                        autostart: false,
                       
                        

                        sources: [
                          { type: "application/x-mpegurl", file: "//videos.electroteque.org/hls/bigbuckbunny1/playlist.m3u8"}

                            ],
                        plugins: {
                            "https://static.electroteque.org/js/jw7/offline-8.0.0.js": {
                                reconnectTime: 30,
                                autoreconnect: true,
                                offline: "Offline",
                                reconnect: "Reconnecting In "
                            }
                        }
                    });


                })(window.jwplayer);

Live Offline Options

property / datatype	default	description
autoreconnect boolean	false	Automatically attempt to reconnect after a set interval.
reconnectTime number	30	Reconnect after a set delay.
endTimeCount number	10	Amount of retries before detecting end of live stream.
retryConnectTime number	10	Update retry connect time during a non native HLS connection cut.
endWaitTime number	30	During a native HLS live connection cut. Wait this time to detect offline and retry connection.
noise boolean	false	Enable TV Noise animation on offline.
offline string		The offline message.
reconnect string		Reconnecting message.

TV Noise Example

This example demonstrates confguring within a TV Noise effect.


      
 (function(jwplayer) {

                    var player = jwplayer("noise").setup({

                        width: "100%",
                        aspectratio: "16:9",
                        //preload: "none",
                        autostart: false,
                       
                        

                        sources: [
                              { type: "application/x-mpegurl", file: "//videos.electroteque.org/hls/bigbuckbunny1/playlist.m3u8"}

                            ],
                        plugins: {
                            "https://static.electroteque.org/js/jw7/offline-8.0.0.js": {
                                noise: true,
                                reconnectTime: 30,
                                autoreconnect: true,
                                offline: "Offline",
                                reconnect: "Reconnecting In "
                            }
                        }
                    });


                })(window.jwplayer);

Electroteque Media