Puoi configurare gli elementi visivi per avvisare l’utente che il contenuto è buffering.
Ascolta AdobePSDK.PSDKEventType.BUFFERING_BEGIN
e AdobePSDK.PSDKEventType.BUFFERING_END
eventi. Ad esempio:
player.addEventListener(AdobePSDK.PSDKEventType.BUFFERING_BEGIN,
function (event) {
buffering = true;
// add buffering layer
});
player.addEventListener(AdobePSDK.PSDKEventType.BUFFERING_END,
function (event) {
buffering = false;
// remove buffering layer
});
Il framework dell’interfaccia utente fornisce l’implementazione predefinita del comportamento di sovrapposizione del buffering, che può essere esteso come mostrato di seguito:
// Using UI Framework
function myBufferingOverlayBehavior (element, configuration, player, localize, baseLog) {
return ptp.bufferingOverlayBehavior(element, configuration, player, localize, baseLog);
}
var playerWrapper = ptp.videoPlayer('.videoDiv', {
player: {
mediaResource:'Specify Resource URL',
bufferingOverlay: {
behavior: myBufferingOverlayBehavior,
classNames: 'ptp-buffering-overlay my_buffering_overlay_bar'
}
}
});
Ecco come appare il risultato DOM:
<div id=" videoDiv" class="ptp-root-element">
<div name="videoPlayer" value="videoPlayer" class="ptp-main-video-div-style">
<div name="bufferingOverlay" value="bufferingOverlay" class="ptp-buffering-overlay my_buffering_overlay_bar'"></div>
</div>
</div>