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


License Options
Domain(s)

(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);