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