Closed Captions Settings Adds closed captions display user styling support to JWPlayer 8



Introduction



Closed Captions Settings plugin enables users to customise style of the captions view with a customisation menu .

User caption display customisation for Live online broadcasts is a requirement set out by FCC-12.

The settings are stored locally for recalling and restyling the captions style. A reset option takes it back to the default player css syle.

A HLS tracks plugin is provided for native texttracks subtitles menu support. Audiotracks support is also provided with a seperate audio menu for control.

When used in conjuction with the settings menu. The captionssettings icon is displayed in the menu

Features

  • Change font size.
  • Change font family.
  • Add an edge style of either a Drop shadow, Raised, Depressed, Outline, Uniform.
  • Change the font colour, the background colour and the border window colour.
  • Change the font opacity, the background opacity and the border window opacity.
  • Save user style settings for reusing on each player load.
  • Reset style settings to default style in the player css.
  • HLS texttracks support for CC subtitles menu.
  • Support for displaying captions settings from the settings menu.

Demo

Contact for a site or local demo download.

(Current Version 8.0.0)

Compatibility

  • JWPlayer 8.0 and above

Plugin Available For Purchase via Paypal


Examples

Basic example.

configuration




           (function(jwplayer) {

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

                        width: "100%",
                        aspectratio: "16:9",
                        //preload: "none",
                        autostart: false,
                        tracks: [
                            { "default": true, // note the quotes around "default"!
                                kind: "subtitles", srclang: "en", label: "English",
                                file:  "//videos.electroteque.org/subtitles/sintel/sintel_en.vtt" },
                            { kind: "subtitles", srclang: "de", label: "Deutsch",
                                file:  "//videos.electroteque.org/subtitles/sintel/sintel_de.vtt" },
                            { kind: "subtitles", srclang: "fr", label: "French",
                                src:  "//videos.electroteque.org/subtitles/sintel/sintel_fr.vtt" },
                            { kind: "subtitles", srclang: "it", label: "Italian",
                                file:  "//videos.electroteque.org/subtitles/sintel/sintel_it.vtt" }
                        ],
                        sources: [

                                {
                                    type: "webm",
                                    file: "//videos.electroteque.org/bitrate/big_buck_bunny_2000k.webm"
                                }, {
                                    type: "mp4",
                                    file: "//videos.electroteque.org/bitrate/big_buck_bunny_2000k.mp4"
                                }, {
                                    type: "ogg",
                                    file: "//videos.electroteque.org/bitrate/big_buck_bunny_2000k.ogv"
                                }

                            ],
                        plugins: {
                            "https://static.electroteque.org/js/jw7/captionsettings-8.0.0.js": {
                            
                            }
                        }
                    });


                })(window.jwplayer);