Show Menu
主題×

程式碼比較: 1.x 和 2.x

所有設定參數與追蹤 API 現已整合至
MediaHeartbeats
MediaHeartbeatConfig
類別。
設定 API 變更:
  • AdobeHeartbeatPluginConfig.sdk
    - 已重新命名為
    MediaConfig.appVersion
  • MediaHeartbeatConfig.playerName
    - 現可透過
    MediaHeartbeatConfig
    (而非
    VideoPlayerPluginDelegate
    ) 設定
  • (僅適用於JavaScript):
    AppMeasurement
    例項 - 現可透過
    MediaHeartbeat
    建構函式傳送。
設定屬性變更:
  • sdk
    - 已重新命名為
    appVersion
  • publisher
    - 已移除;使用 Experience Cloud 組織 ID 取代發佈者
  • quiteMode
    - 已移除
1.x 和 2.x 範例播放器的連結:
下列章節提供 1.x 與 2.x 的程式碼比較,包括「初始化」、「核心播放」、「廣告播放」、「章節播放」以及其他事件。

VHL 程式碼比較: 初始化

物件初始化

1.x API
2.x API
Heartbeat()
MediaHeartbeat()
VideoPlayerPlugin()
MediaHeartbeatConfig()
AdobeAnalyticsPlugin()
HeartbeatPlugin()

視訊播放器外掛程式初始化 (1.x)

this._playerPlugin = new VideoPlayerPlugin( new SampleVideoPlayerPluginDelegate(this._player)); var playerPluginConfig = new VideoPlayerPluginConfig(); playerPluginConfig.debugLogging = true; // Set up the AppMeasurement plugin this._aaPlugin = new AdobeAnalyticsPlugin( appMeasurement, new SampleAdobeAnalyticsPluginDelegate()); var aaPluginConfig = new AdobeAnalyticsPluginConfig(); aaPluginConfig.channel = Configuration.HEARTBEAT.CHANNEL; aaPluginConfig.debuglogging = true; this._aaPlugin.configure(aaPluginConfig); // Set up the AdobeHeartbeat plugin var ahPlugin = new AdobeHeartbeatPlugin( new SampleAdobeHeartbeatPluginDelegate()); var ahPluginConfig = new AdobeHeartbeatPluginConfig( configuration.HEARTBEAT.TRACKING_SERVER, configuration.HEARTBEAT.PUBLISHER); ahPluginConfig.ovp = configuration.HEARTBEAT.OVP; ahPluginConfig.sdk = configuration.HEARTBEAT.SDK; ahPluginConfig.debugLogging = true; ahPlugin.configure(ahPluginConfig); var plugins = [this._playerPlugin, this._aaPlugin, ahPlugin]; // Set up and configure the heartbeat library this._heartbeat = new Heartbeat(new SampleHeartbeatDelegate(), plugins); var configData = new HeartbeatConfig(); configData.debugLogging = true; this._heartbeat.configure(configData);

媒體心率初始化 (2.x)

var mediaConfig = new MediaHeartbeatConfig(); mediaConfig.trackingServer = Configuration.HEARTBEAT.TRACKING_SERVER; mediaConfig.playerName = Configuration.PLAYER.NAME; mediaConfig.debugLogging = true; mediaConfig.channel = Configuration.HEARTBEAT.CHANNEL; mediaConfig.ssl = false; mediaConfig.ovp = Configuration.HEARTBEAT.OVP; mediaConfig.appVersion = Configuration.HEARTBEAT.SDK; this._mediaHeartbeat = new MediaHeartbeat( new SampleMediaHeartbeatDelegate(this._player), mediaConfig, appMeasurement);

代理人

1.x API
2.x API
VideoPlayerPluginDelegate()
MediaHeartbeatDelegate()
VideoPlayerPluginDelegate().getVideoInfo
MediaHeartbeatDelegate().getCurrentPlaybackTime
VideoPlayerPluginDelegate().getAdBreakInfo
MediaHeartbeatDelegate().getQoSObject
VideoPlayerPluginDelegate().getAdInfo
VideoPlayerPluginDelegate().getChapterInfo
VideoPlayerPluginDelegate().getQoSInfo
VideoPlayerPluginDelegate().get.onError
AdobeAnalyticsPluginDelegate()

VideoPlayerPluginDelegate (1.x)

$.extend(SampleVideoPlayerPluginDelegate.prototype, VideoPlayerPluginDelegate.prototype); function SampleVideoPlayerPluginDelegate(player) { this._player = player; } SampleVideoPlayerPluginDelegate.prototype.getVideoInfo = function() { return this._player.getVideoInfo(); }; SampleVideoPlayerPluginDelegate.prototype.getAdBreakInfo = function() { return this._player.getAdBreakInfo(); }; SampleVideoPlayerPluginDelegate.prototype.getAdInfo = function() { return this._player.getAdInfo(); }; SampleVideoPlayerPluginDelegate.prototype.getChapterInfo = function() { return this._player.getChapterInfo(); }; SampleVideoPlayerPluginDelegate.prototype.getQoSInfo = function() { return this._player.getQoSInfo(); };

AdobeAnalyticsPluginDelegate (1.x)

$.extend(SampleAdobeAnalyticsPluginDelegate.prototype, AdobeAnalyticsPluginDelegate.prototype); function SampleAdobeAnalyticsPluginDelegate() {} SampleAdobeAnalyticsPluginDelegate.prototype.onError = function(errorInfo) { console.log("AdobeAnalyticsPlugin error: " + errorInfo.getMessage() + " | " + errorInfo.getDetails()); };

HeartbeatDelegate (1.x)

$.extend(SampleHeartbeatDelegate.prototype, HeartbeatDelegate.prototype); function SampleHeartbeatDelegate() {} SampleHeartbeatDelegate.prototype.onError = function(errorInfo) { console.log("Heartbeat error: " + errorInfo.getMessage() + " | " + errorInfo.getDetails()); };

MediaHeartbeatDelegate (2.x)

ADB.core.extend(SampleMediaHeartbeatDelegate.prototype, MediaHeartbeatDelegate.prototype); function SampleMediaHeartbeatDelegate(player) { this._player = player; } SampleMediaHeartbeatDelegate.prototype.getCurrentPlaybackTime = function() { return this._player.getCurrentPlaybackTime(); }; SampleMediaHeartbeatDelegate.prototype.getQoSObject = function() { return this._player.getQoSInfo(); }; this._mediaHeartbeat = new MediaHeartbeat(new SampleMediaHeartbeatDelegate(this._player), mediaConfig, appMeasurement);

VHL 程式碼比較: 核心播放

工作階段開始

VHL 1.x
VHL 2.x
VideoPlayerPluginDelegate.trackVideoLoad()
MediaHeartbeat.createMediaObject()
VideoPlayerPluginDelegate.getVideoInfo()
MediaHeartbeat.trackSessionStart()

工作階段開始 (1.x)

VideoAnalyticsProvider.prototype._onLoad = function() { this._playerPlugin.trackVideoLoad(); }; SampleVideoPlayerPluginDelegate.prototype.getVideoInfo = function() { return this._player.getVideoInfo(); }; VideoPlayer.prototype.getVideoInfo = function() { this._videoInfo.playhead = vTime; return this._videoInfo; };

工作階段開始 (2.x)

VideoAnalyticsProvider.prototype._onLoad = function() { var contextData = {}; var videoInfo = this._player.getVideoInfo(); var mediaInfo = MediaHeartbeat.createMediaObject(videoInfo.name, videoInfo.id, videoInfo.length, videoInfo.streamType); this._mediaHeartbeat.trackSessionStart(mediaInfo, contextData); };

標準視訊中繼資料

1.x API
2.x API
VideoMetadataKeys()
MediaHeartbeat.createMediaObject()
AdobeAnalyticsPlugin.setVideoMetadata()
MediaHeartbeat.trackSessionStart()

標準中繼資料 (1.x)

VideoAnalyticsProvider.prototype._onLoad = function() { console.log('Player event: MEDIA_LOAD'); var contextData = {}; // Setting Standard Video Metadata contextData[VideoMetadataKeys.SEASON] = "sample season"; contextData[VideoMetadataKeys.SHOW] = "sample show"; contextData[VideoMetadataKeys.EPISODE] = "sample episode"; contextData[VideoMetadataKeys.ASSET_ID] = "sample asset id"; contextData[VideoMetadataKeys.GENRE] = "sample genre"; contextData[VideoMetadataKeys.FIRST_AIR_DATE] = "sample air date"; // Etc. this._aaPlugin.setVideoMetadata(contextData); this._playerPlugin.trackVideoLoad(); };

標準中繼資料 (2.x)

VideoAnalyticsProvider.prototype._onLoad = function() { console.log('Player event: MEDIA_LOAD'); var contextData = {}; var mediaInfo = MediaHeartbeat.createMediaObject(videoInfo.name, videoInfo.id, videoInfo.length, videoInfo.streamType); // Set standard Video Metadata var standardVideoMetadata = {}; standardVideoMetadata[VideoMetadataKeys.SEASON] = "sample season"; standardVideoMetadata[VideoMetadataKeys.SHOW] = "sample show"; standardVideoMetadata[VideoMetadataKeys.EPISODE] = "sample episode"; standardVideoMetadata[VideoMetadataKeys.ASSET_ID] = "sample asset id"; standardVideoMetadata[VideoMetadataKeys.GENRE] = "sample genre"; standardVideoMetadata[VideoMetadataKeys.FIRST_AIR_DATE] = "sample air date"; // Etc. mediaInfo.setValue(MediaHeartbeat.MediaObjectKey.StandardVideoMetadata, standardVideoMetadata); this._mediaHeartbeat.trackSessionStart(mediaInfo, contextData); };
注意: 在 VHL 2.0 中,設定「標準視訊中繼資料」不再透過
AdobeAnalyticsPlugin.setVideoMetadata()
API,而是透過 MediaObject key
MediaObject.MediaObjectKey.StandardVideoMetadata()

自訂視訊中繼資料

1.x API
2.x API
VideoMetadataKeys()
MediaHeartbeat.createMediaObject()
AdobeAnalyticsPlugin.setVideoMetadata()
MediaHeartbeat.trackSessionStart()

自訂中繼資料 (1.x)

VideoAnalyticsProvider.prototype._onLoad = function() { var contextData = { isUserLoggedIn: "false", tvStation: "Sample TV station", programmer: "Sample programmer" }; this._aaPlugin.setVideoMetadata(contextData); this._playerPlugin.trackVideoLoad(); };

自訂中繼資料 (2.x)

VideoAnalyticsProvider.prototype._onLoad = function() { var contextData = { isUserLoggedIn: "false", tvStation: "Sample TV station", programmer: "Sample programmer" }; var videoInfo = this._player.getVideoInfo(); var mediaInfo = MediaHeartbeat.createMediaObject(videoInfo.name, videoInfo.id, videoInfo.length, videoInfo.streamType); mediaInfo.setValue(MediaHeartbeat.MediaObjectKey.StandardVideoMetadata, standardVideoMetadata); this._mediaHeartbeat.trackSessionStart(mediaInfo, contextData); };
在 VHL 2.0 中,設定「自訂視訊中繼資料」不再透過
AdobeAnalyticsPlugin.setVideoMetadata()
API,而是透過
MediaHeartbeat.trackSessionStart()
API 設定標準視訊中繼資料。

播放

1.x API
2.x API
VideoPlayerPlugin.trackPlay()
MediaHeartbeat.trackPlay()

播放 (1.x)

VideoAnalyticsProvider.prototype._onSeekStart = function() { console.log('Player event: SEEK_START'); this._playerPlugin.trackSeekStart(); };

播放 (2.x)

VideoAnalyticsProvider.prototype._onSeekStart = function() { console.log('Player event: SEEK_START'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.SeekStart); };

暫停

1.x API
2.x API
VideoPlayerPlugin.trackPause()
MediaHeartbeat.trackPausel()

暫停 (1.x)

VideoAnalyticsProvider.prototype._onPause = function() { console.log('Player event:X PAUSE'); this._playerPlugin.trackPause(); };

暫停 (2.x)

VideoAnalyticsProvider.prototype._onBufferComplete = function() { console.log('Player event: BUFFER_COMPLETE'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BufferComplete); };

搜尋完成

1.x API
2.x API
VideoPlayerPlugin.trackSeekComplete()
MediaHeartbeat.
  
trackEvent(MediaHeartbeat.Event.SeekComplete)

搜尋 (1.x)

VideoAnalyticsProvider.prototype._onSeekComplete = function() { console.log('Player event: SEEK_COMPLETE'); this._playerPlugin.trackSeekComplete(); };

搜尋 (2.x)

VideoAnalyticsProvider.prototype._onSeekComplete = function() { console.log('Player event: SEEK_COMPLETE'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.SeekComplete); };

緩衝開始

1.x API
2.x API
VideoPlayerPlugin.trackBufferStart()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.BufferStart)

緩衝開始 (1.x)

VideoAnalyticsProvider.prototype._onBufferStart = function() { console.log('Player event: BUFFER_START'); this._playerPlugin.trackBufferStart(); };

緩衝開始 (2.x)

VideoAnalyticsProvider.prototype._onBufferStart = function() { console.log('Player event: BUFFER_START'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BufferStart); };

緩衝完成

1.x API
2.x API
VideoPlayerPlugin.trackBufferComplete()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.BufferComplete)

緩衝完成 (1.x)

VideoAnalyticsProvider.prototype._onBufferComplete = function() { console.log('Player event: BUFFER_COMPLETE'); this._playerPlugin.trackBufferComplete(); };

緩衝完成 (2.x)

VideoAnalyticsProvider.prototype._onBufferComplete = function() { console.log('Player event: BUFFER_COMPLETE'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BufferComplete); };

播放完成

1.x API
2.x API
VideoPlayerPlugin.trackComplete()
MediaHeartbeat.trackComplete()

播放完成 (1.x)

VideoAnalyticsProvider.prototype._onComplete = function() { console.log('Player event: COMPLETE'); this._playerPlugin.trackComplete(function() { console.log( "The completion of the content has been tracked."); }); };

播放完成 (2.x)

VideoAnalyticsProvider.prototype._onComplete = function() { console.log('Player event: COMPLETE'); this._mediaHeartbeat.trackComplete(); };

VHL 程式碼比較: 廣告播放

廣告開始

VHL 1.x
VHL 2.x
VideoPlayerPlugin.trackAdStart()
MediaHeartbeat.createAdBreakObject()
VideoPlayerPluginDelegate.getAdBreakInfo()
MediaHeartbeat.createAdObject()
VideoPlayerPluginDelegate.getAdInfo()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.AdBreakStart)
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.AdStart)

廣告開始 (1.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); this._playerPlugin.trackAdStart(); };
SampleVideoPlayerPluginDelegate.prototype.getAdInfo = function() { return this._player.getAdInfo(); };

廣告開始 (2.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); var adContextData = {}; // AdBreak Info - getting the adBreakInfo from player and creating AdBreakInfo Object from MediaHeartbeat var _adBreakInfo = this._player.getAdBreakInfo(); var adBreakInfo = MediaHeartbeat.createAdBreakObject(_adBreakInfo.name, _adBreakInfo.position, _adBreakInfo.startTime); // Ad Info - getting the adInfo from player and creating AdInfo Object from MediaHeartbeat var _adInfo = this._player.getAdInfo(); var adInfo = MediaHeartbeat.createAdObject(_adInfo.name, _adInfo.id, _adInfo.position, _adInfo.length); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakInfo); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart, adInfo, adContextData); };

標準廣告中繼資料

1.x API
2.x API
AdMetadataKeys()
MediaHeartbeat.createAdObject()
AdobeAnalyticsPlugin.setAdMetadata()
MediaHeartbeat.trackAdStart()

標準廣告中繼資料 (1.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); var contextData = {}; // setting Standard Ad Metadata contextData[AdMetadataKeys.ADVERTISER] = "sample advertiser"; contextData[AdMetadataKeys.CAMPAIGN_ID] = "sample campaign"; contextData[AdMetadataKeys.CREATIVE_ID] = "sample creative"; contextData[AdMetadataKeys.CREATIVE_URL] = "sample url"; contextData[AdMetadataKeys.SITE_ID] = "sample site"; contextData[AdMetadataKeys.PLACEMENT_ID] = "sample placement"; this._aaPlugin.setAdMetadata(contextData); this._playerPlugin.trackAdStart(); };

標準廣告中繼資料 (2.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); var adContextData = { }; // AdBreak Info - getting the adBreakInfo from player and creating AdBreakInfo Object from MediaHeartbeat var _adBreakInfo = this._player.getAdBreakInfo(); var adBreakInfo = MediaHeartbeat.createAdBreakObject(_adBreakInfo.name, _adBreakInfo.position, _adBreakInfo.startTime); // Ad Info - getting the adInfo from player and creating AdInfo Object from MediaHeartbeat var _adInfo = this._player.getAdInfo(); var adInfo = MediaHeartbeat.createAdObject(_adInfo.name, _adInfo.id, _adInfo.position, _adInfo.length); // Set standard Ad Metadata var standardAdMetadata = {}; standardAdMetadata[MediaHeartbeat.AdMetadataKeys.ADVERTISER] = "Sample Advertiser"; standardAdMetadata[MediaHeartbeat.AdMetadataKeys.CAMPAIGN_ID] = "Sample Campaign"; adInfo.setValue(MediaHeartbeat.MediaObjectKey.StandardAdMetadata, standardAdMetadata); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakInfo); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart, adInfo, adContextData); };
在 VHL 2.0 中,設定「標準廣告中繼資料」不再透過
AdobeAnalyticsPlugin.setVideoMetadata()
API,而是透過
AdMetadata
索引鍵
MediaObject.MediaObjectKey.StandardVideoMetadata

自訂廣告中繼資料

1.x API
2.x API
AdobeAnalyticsPlugin.setAdMetadata()
MediaHeartbeat.createAdObject()
MediaHeartbeat.trackAdStart()

自訂廣告中繼資料 (1.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); var contextData = {}; // Setting Standard Ad Metadata contextData[AdMetadataKeys.ADVERTISER] = "sample advertiser"; contextData[AdMetadataKeys.CAMPAIGN_ID] = "sample campaign"; contextData[AdMetadataKeys.CREATIVE_ID] = "sample creative"; contextData[AdMetadataKeys.CREATIVE_URL] = "sample url"; contextData[AdMetadataKeys.SITE_ID] = "sample site"; contextData[AdMetadataKeys.PLACEMENT_ID] = "sample placement"; this._aaPlugin.setAdMetadata(contextData); this._playerPlugin.trackAdStart(); };

自訂廣告中繼資料 (2.x)

VideoAnalyticsProvider.prototype._onAdStart = function() { console.log('Player event: AD_START'); var adContextData = { affiliate: "Sample affiliate", campaign: "Sample ad campaign" }; // AdBreak Info - getting the adBreakInfo from player and creating AdBreakInfo Object from MediaHeartbeat var _adBreakInfo = this._player.getAdBreakInfo(); var adBreakInfo = MediaHeartbeat.createAdBreakObject(_adBreakInfo.name, _adBreakInfo.position, _adBreakInfo.startTime); // Ad Info - getting the adInfo from player and creating AdInfo Object from MediaHeartbeat var _adInfo = this._player.getAdInfo(); var adInfo = MediaHeartbeat.createAdObject(_adInfo.name, _adInfo.id, _adInfo.position, _adInfo.length); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakInfo); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart, adInfo, adContextData); };
在 VHL 2.0 中,設定「自訂廣告中繼資料」不再透過
AdobeAnalyticsPlugin.setVideoMetadata
API,而是透過
MediaHeartbeat.trackAdStart()
API 設定標準廣告中繼資料。

廣告略過

1.x API
2.x API
AdobeAnalyticsPlugin.setAdMetadata()
MediaHeartbeat.createAdObject()
MediaHeartbeat.trackAdStart()

廣告略過 (1.x)

SampleVideoPlayerPluginDelegate.prototype.getAdInfo = function() { return this._player.getAdInfo(); };

廣告略過 (2.x)

VideoAnalyticsProvider.prototype._onAdSkip = function() { console.log('Player event: AD_SKIP'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdSkip); };
在 VHL 1.5.X API;如果播放器超出廣告插播界限,
getAdinfo()
getAdBreakInfo()
必須傳回 null。

廣告完成

1.x API
2.x API
VideoPlayerPlugin.trackAdComplete()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.AdComplete)
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.AdBreakComplete)

廣告完成 (1.x)

VideoAnalyticsProvider.prototype._onAdComplete = function() { console.log('Player event: AD_COMPLETE'); this._playerPlugin.trackAdComplete(); };

廣告完成 (2.x)

VideoAnalyticsProvider.prototype._onAdComplete = function() { console.log('Player event: AD_COMPLETE'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdComplete); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakComplete); };

VHL 程式碼比較: 章節播放

章節開始

VHL 1.x
VHL 2.x
VideoPlayerPluginDelegate.getChapterInfo()
MediaHeartbeat.createChapterObject
VideoPlayerPlugin.trackChapterStart()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.ChapterStart)

章節開始 (1.x)

VideoAnalyticsProvider.prototype._onChapterStart = function() { console.log('Player event: CHAPTER_START'); this._playerPlugin.trackChapterStart(); };
SampleVideoPlayerPluginDelegate.prototype.getChapterInfo = function() { return this._player.getChapterInfo(); };

章節開始 (2.x)

VideoAnalyticsProvider.prototype._onChapterStart = function() { console.log('Player event: CHAPTER_START'); var chapterContextData = { }; // Chapter Info - getting the chapterInfo from player and creating ChapterInfo Object from MediaHeartbeat var _chapterInfo = this._player.getChapterInfo(); var chapterInfo = MediaHeartbeat.createChapterObject(_chapterInfo.name, _chapterInfo.position, _chapterInfo.length, _chapterInfo.startTime); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.ChapterStart, chapterInfo, chapterContextData); };

章節略過

1.x API
2.x API
VideoPlayerPluginDelegate.getChapterInfo()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.ChapterSkip)

章節略過 (1.x)

SampleVideoPlayerPluginDelegate.prototype.getChapterInfo = function() { return this._player.getChapterInfo(); };
在 VHL 1.5.X API;如果播放器超出章節界限,
getChapterinfo()
必須傳回 null。

章節略過 (2.x)

VideoAnalyticsProvider.prototype._onChapterSkip = function() { this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.ChapterSkip); };

章節自訂中繼資料

1.x API
2.x API
VideoPlayerPlugin.trackChapterStart()
MediaHeartbeat.createChapterObject()
AdobeAnalyticsPlugin.setChapterMetadata()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.ChapterStart)

章節自訂中繼資料 (1.x)

VideoAnalyticsProvider.prototype._onChapterStart = function() { console.log('Player event: CHAPTER_START'); this._aaPlugin.setChapterMetadata({ segmentType: "Sample segment type" }); this._playerPlugin.trackChapterStart(); };

章節自訂中繼資料 (2.x)

VideoAnalyticsProvider.prototype._onChapterStart = function() { console.log('Player event: CHAPTER_START'); var chapterContextData = { segmentType: "Sample segment type" }; // Chapter Info - getting the chapterInfo from player and creating ChapterInfo Object from MediaHeartbeat var _chapterInfo = this._player.getChapterInfo(); var chapterInfo = MediaHeartbeat.createChapterObject(_chapterInfo.name, _chapterInfo.position, _chapterInfo.length, _chapterInfo.startTime); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.ChapterStart, chapterInfo, chapterContextData); };

章節完成

1.x API
2.x API
trackChapterComplete()
trackEvent(MediaHeartbeat.Event.ChapterComplete)

章節完成 (1.x)

VideoAnalyticsProvider.prototype._onChapterComplete = function() { console.log('Player event: CHAPTER_COMPLETE'); this._playerPlugin.trackChapterComplete(); };

章節完成 (2.x)

VideoAnalyticsProvider.prototype._onChapterComplete = function() { console.log('Player event: CHAPTER_COMPLETE'); this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.ChapterComplete); };

VHL 程式碼比較: 其他事件

位元速率變更

VHL 1.x
VHL 2.x
VideoPlayerPlugin.trackBitrateChange()
MediaHeartbeat.trackEvent(
  
MediaHeartbeat.Event.BitrateChange)

位元速率變更 (1.x)

VideoAnalyticsProvider.prototype._onBitrateChange = function() { console.log('Player event: BITRATE_CHANGE'); // Update getQosInfo to return the updated bitrate this._playerPlugin.trackBitrateChange(); };

位元速率變更 (2.x)

VideoAnalyticsProvider.prototype._onBitrateChange = function() { console.log('Player event: BITRATE_CHANGE'); // Update getQosObject to return the updated bitrate this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BitrateChange); };

視訊恢復

1.x API
2.x API
VideoInfo.resumed()
MediaObject()
VideoPlayerPluginDelegate.getVideoInfo()
MediaHeartbeat.trackSessionStart()
VideoPlayerPlugin.trackVideoLoad()

視訊恢復 (1.x)

this._videoInfo.resumed=true;
VideoPlayer.prototype.getVideoInfo = function() { this._videoInfo.playhead = vTime; return this._videoInfo; };

視訊恢復 (2.x)

VideoAnalyticsProvider.prototype._onLoad = function() { console.log('Player event: MEDIA_LOAD'); var contextData = {}; var videoInfo = this._player.getVideoInfo(); var mediaInfo = MediaHeartbeat.createMediaObject(videoInfo.playerName, videoInfo.id, videoInfo.length, videoInfo.streamType); mediaInfo.setValue(MediaHeartbeat.MediaObjectKey.VideoResumed, true); this._mediaHeartbeat.trackSessionStart(mediaInfo, contextData); };
如需以 2.x 版追蹤視訊的詳細資訊,請參閱 追蹤核心視訊播放