Puoi configurare gli elementi visivi per informare l’utente che il contenuto sta effettuando il buffering.
Ascolta gli eventi AdobePSDK.PSDKEventType.BUFFERING_BEGIN
e AdobePSDK.PSDKEventType.BUFFERING_END
. 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 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 si presenta il DOM risultato:
<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>