緩衝

上次更新: 2023-09-21

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

聆聽 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架構提供預設的緩衝覆蓋行為實施,可擴充為以下所示:

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

此頁面上的