You can display captions when playing video content.
To handle captions, you must add the AdobePSDK.PSDKEventType.CAPTIONS_UPDATED
event listener:
...
player.addEventListener(AdobePSDK.PSDKEventType.CAPTIONS_UPDATED,
onCaptionsUpdateEvent);
...
function onCaptionsUpdateEvent (event) {
// code to show the captions icon and any settings button.
<pre>
For example:
var btnCC = document.getElementById("btn_captions");
btnCC.classList.remove("invisible");
var btnSettings = document.getElementById("btn_settings");
btnSettings.classList.remove("invisible");
}
</pre>
The UI Framework provides a default captions behaviors implementation, which can be modified. Closed captions behaviors can also be modified by extending default closed captions behaviors. For example:
// Using UI Framework
var playerWrapper = ptp.videoPlayer(‘.videoDiv', {
player:{
mediaResource: 'Specify Resource URL',
ccStyle: {
font:AdobePSDK.TextFormat.CURSIVE,
fontColor:AdobePSDK.TextFormat.BRIGHT_WHITE,
edgeColor:AdobePSDK.TextFormat.BLUE,
backgroundColor:AdobePSDK.TextFormat.BLACK,
fillColor:AdobePSDK.TextFormat.BLUE,
size:AdobePSDK.TextFormat.MEDIUM,
fontOpacity:100,
backgroundOpacity:1,
fillOpacity:1
}
}
});