緩衝

您可以設定視覺效果,以通知使用者內容正在緩衝。

監聽AdobePSDK.PSDKEventType.BUFFERING_BEGINAdobePSDK.PSDKEventType.BUFFERING_END事件。 例如:

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

UI Framework提供預設的緩衝覆蓋行為實作,其可延伸,如下所示:

// 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'
        }
    }

});

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>

本頁內容