| Mobile | Tablet | Web | TV | |||||
|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|||||
This article introduces Automatic highlights in DIVA.
Topics covered here:
- What are Automatic highlights?
- Which content types support Automatic highlights?
- How are Automatic highlights populated?
- What highlight variants are available?
What are Automatic highlights?
Automatic highlights on DIVA allow users to catch up on and review the most significant moments of an event, e.g., a goal, a penalty, or a red card, to name a few. Automatic highlights can help increase engagement and repertoire, allowing users to choose the type of highlights variant they consume based on the video stream state. For example, video-on-demand (VOD) content can provide short, medium, and long variants, whereas Live DVR provides Live highlights (variant titles are configurable).
Highlight variants are reels of key clips automatically grouped together from an event. Users enter a unique viewing experience called Highlight's mode, upon selecting a Highlight's variant.
Which content types support Automatic highlights?
Highlights on DIVA are available for Live and VOD content. Push engine timeline events are required, in addition to specific highlight content for the video stream.
On Responsive web and WebTV platforms, DIVA uses all the PlaybyPlay events (both timeline events and commentary events).
How are Automatic highlights populated?
DIVA generates highlight variants, short, medium, and long, by filtering PlaybyPlay events (timeline and commentary events) defined as part of the particular variant.
What highlight variants are available?
DIVA supports the following Highlight variants:
- Live during Live DVR (Live Highlight variant in real-time)
- Short, medium, and long for VOD (including Live transitioned to VOD)
To understand how DIVA's Highlight functionality works for Live and VOD content, see examples of the different Highlight modes, and learn how Highlights are populated, select an accordion below:
Note: DIVA TV 5.3 supports Android TV, WebTV, tvOS, and Roku. From DIVA 5.9 on Android TV and 5.8 on Roku, the highlight duration is customizable via the Settings file.
Automatic highlights functionality works differently on DIVA big screens than on DIVA small screens. This section covers the following on DIVA big screens:
- How are Highlights accessed?
- What are Highlight variants?
- What does a Highlights video list look like?
- How are Highlights promoted?
- Jump to the next Highlight clip
- Exit Highlight's mode
How are Automtic highlights accessed?
Given Automatic highlights are enabled by an integrator, display Highlights related to the current video in the following ways:
- If Automatic highlights are available immediately (for on-demand content), the highlights video list displays at the bottom of the screen when the video loads into the player.
- Via highlight promotion, meaning when highlights become available, the peeking highlights video list displays at the bottom of the screen.
- As part of the available video lists within the End-of-Play mode, if enabled, after the current video has ended.
The Automatic highlights video list is dynamic, meaning highlighted content only displays within DIVA Player when at least one highlight variant becomes available.
For users who may be joining a stream part-way through, if available, the highlights video list briefly shows on screen immediately after a video fully loads in the player. This behavior ensures highlights are presented to users, providing the option to catch up on missed key moments.
What are Automatic highlight variants?
For each video that contains timeline events, an integrator can define one or multiple highlight variants. Each highlights variant is defined by the specific event types (highlight clips) that make up the highlights reel. For example, a football match could provide a short highlights reel with clips of scored goals. The same football match could also provide a full highlights reel with all the marked timeline events, such as goals, fault cards, player replacements, etc.
Each individual highlights variant is distinguishable based on its total duration (the cumulative duration of all included event types within a given video).
What does a highlights video list look like?
A highlights video list on DIVA TV displays a video list title, e.g., Match Highlights, and relevant video cards titled short, medium, or long. A badge indicator displays in the top-left corner of the video card, and the highlight reel duration is visible in the top-right-hand corner of the video card. When a highlight is playing, the
badge replaces the highlights badge.
Example of highlights video card components:
Examples of short, medium, and long highlights reels on WebTV, Android TV, and Roku:
Examples of short, medium, and long highlights on tvOS:
How are highlights promoted?
When highlights become available for the first time during a video, or if newly highlighted content is available, they're promoted to the end user. If DIVA Player is in full-screen mode, meaning no DIVA UI is in use, and no advertisements are running, the behavior is as follows:
WebTV, Android TV, and Roku specifics:
When consuming content, as the first highlighted clip becomes available, the Match Highlights button displays on screen (in focus) above the peeking highlights video list (displays for 3 seconds and disappears if not interacted with). Selecting the Match Highlights button focuses on the first video list card (short highlights reel). From here, users can choose to view the highlights reel.
Peeking highlights promotion during video playback on WebTV, Android TV, and Roku:
tvOS specifics:
When consuming content, as the first highlighted clip becomes available, the highlights video list displays on screen. From here, users can choose to view the highlights reel.
Highlights promotion during video playback on tvOS:
Highlight's mode
Video playback (UI active)
When in highlight's mode, clips automatically play one by one in chronological order from the selection made.
The timeline and the timeline event cards are filtered to only show the events that make up the highlight clip in focus. The timeline icons' spacing shows the clips' length and position.
WebTV, Android TV, and Roku specifics:
With the UI active, the highlight video badge displays in the top-left corner of the screen beneath the video title, for example, SHORT HIGHLIGHTS; and the secondary title displays the name of the highlight clip currently playing, e.g., 4' Rakitic (Barcelona) scores!
Highlight’s mode timeline event cards and icons (UI active) on WebTV, Android TV, and Roku:
Highlight’s mode timeline event cards and icons (UI active) on tvOS:
Highlight's mode/jump to next clip
Video playback (UI hidden)
Note: Remote control timeline seeking during clip highlights is currently only supported on Android TV and Roku.
WebTV, Android TV, and Roku specifics:
With the highlight clip playing in full-screen (UI hidden) mode, the highlight video badge and secondary title display in the bottom-left corner of the screen. The Next button displays in the bottom-right corner of the screen and is in focus. Using the remote, select the OK button to jump to the start of the next clip where the secondary title updates to reflect the newly loaded content.
Highlight’s mode (UI hidden) on WebTV, Android TV, and Roku:
tvOS specifics:
With the highlight clip playing in full-screen (UI hidden) mode, the Next button displays in the bottom-right corner of the screen and is in focus. Using the remote, select the clickpad centre to jump to the star of the next clip.
Highlight's mode (UI hidden) on tvOS:
Return to full match
At any point, select the Full match button to return to the full stream.
Full match button on WebTV, Android TV, and Roku:
For tvOS users, the Full match button is located within the Info tab.
Full match button on tvOS:
Exiting highlight's mode
Selecting the Full match button exits highlight’s mode and returns users to the full stream of the selected highlights. When reaching the end of the last highlight clip in the reel, DIVA automatically exits highlight's mode and returns to the position the highlights were accessed from, either the full main video or the End-of-Play screen.
DIVA TV highlights (live content)
For users accessing highlights from the live point in the video stream, upon exiting highlight's mode via the Go live button, users are returned to the live moment.
DIVA TV highlights (VOD content)
Users enjoying highlights for on-demand content are automatically returned to the last position in the video (before highlight’s mode was entered) when exiting highlight’s mode.
Note: New automatic highlight functionality available on Native Android from DIVA 5.5 onwards. From DIVA 5.9 on Android, the highlight duration is customizable via the Settings file.
Automatic highlights on small screens include support for Native mobile and tablet and Responsive desktop, mobile, and tablet.
This section covers the following on DIVA small screens:
- What are Native apps?
- What are Responsive sites?
- What do highlights video lists and tiles look like?
What are Native apps?
Native apps are applications built for a specific platform, in this case, Android and iOS, on mobile phones and tablets. Native app UX/UI may differ from Responsive sites.
What are Responsive sites?
Websites that are responsive mean pages have been reformatted to reproduce the same experience on a desktop as on a mobile device, otherwise known as mobile-responsive. Responsive sites UX/UI may differ from native apps.
What do highlight video lists and tiles look like?
A highlights video list on Responsive web displays a video list title, e.g., "Match Highlights," and relevant video cards titled short, medium, or long. A badge indicator displays in the top-left corner of the video card, and the highlight reel duration is visible in the top-right-hand corner of the video card.
When a highlight is playing, the badge replaces the highlights badge.
Example of highlights video card components on Responsive web:
Select the tabs below to see how highlights look and behave on Native and Responsive web devices:
Note: New automatic highlights functionality released in version 5.4.2 on Responsive web with EoP support from version 5.5 onward.
How are highlights accessed?
Given highlights are enabled by an integrator, highlights related to the current video can be displayed in the following ways:
- Via highlight promotion
- As part of the available video lists within the End-of-Play mode, if enabled, after the current video has ended.
The highlights video list is dynamic, meaning highlighted content only displays within DIVA Player when at least one highlight variant becomes available.
How are highlights promoted?
When a highlight becomes available for the first time during the video, or if newly highlighted content is available, the highlights menu icon pulses to alert users that content is available.
Highlights promotion during video playback on Responsive web (desktop):
Highlights promotion during video playback on Responsive tablet:
Highlights promotion during video playback on Responsive mobile:
Accessing highlight's mode
Navigate to the highlights menu icon to view the highlights panel and highlights video list.
UI active - highlights primary menu icon on Responsive web (desktop):
UI active - highlights primary menu icon on Responsive tablet:
UI active - highlights primary menu icon on Responsive mobile:
Upon selecting the highlights menu item, available highlight reels display in the Highlights panel.
The timeline and the timeline event cards are filtered to only show the events that make up the highlight clip in focus. The timeline icons' spacing shows the clips' length and position.
Active Highlights panel on Responsive web (desktop):
Active Highlights panel on Responsive tablet:
Active Highlights panel on Responsive web mobile:
Active menu in Highlight's mode/jump to next clip
When playing a highlight clip with the active menu, the Highlight panel automatically closes, and the highlight video badge and secondary title display in the top-left corner of the screen.
The highlight currently playing displays the badge. If there are more highlights available, select the Next button to jump to the start of the next clip where playback resumes automatically. The secondary title updates to reflect the newly loaded clip.
If there is no user interaction, the player automatically jumps through the subsequent events after the current highlight has finished playing.
Select the full-screen button to expand the video playback window.
Highlight's mode (menu active) on Responsive web (desktop):
Highlight's mode (menu active) on Responsive tablet:
Highlight's mode (menu active) on Responsive mobile:
Full-screen in highlight's mode/jump to next clip
When in full-screen mode, the UX differs depending on whether the UI is active or hidden.
UI active:
With the highlight clip playing in full-screen with the UI active, the video playback window expands as the Highlight’s panel hides. The highlight video badge and secondary title display in the top-left corner of the screen and the Next button displays above the timeline in the bottom-right of the screen.
Select the Next button to jump to the start of the next clip, where playback resumes automatically, and the secondary title updates to reflect the newly selected clip.
Highlight's mode (full-screen, UI active) on Responsive web (desktop):
Highlight's mode (full-screen, UI active) on Responsive tablet:
Highlight's mode (full-screen, UI active) on Responsive mobile:
UI hidden:
When the video loads into the player, the highlight’s badge and video title display at the top of the screen for 3 seconds.
With the highlight clip playing in full-screen with the UI hidden, only the Next button displays above the timeline in the bottom-right of the screen.
Select the Next button to jump to the start of the next clip, where playback resumes automatically.
Highlight's mode (full-screen, UI hidden) on Responsive web (desktop):
Highlight's mode (full-screen, UI hidden) on Responsive tablet:
Highlight's mode (full-screen, UI hidden) on Responsive mobile:
Return to full match
Select the Full match CTA to exit highlight's mode and return to the full stream.
Full match button on Responsive web (desktop):
Exiting highlight's mode
Selecting the Full match button exits highlight's mode and returns users to the full stream of the selected highlights. When reaching the end of the last highlight clip in the reel, DIVA automatically exits highlight's mode and returns to the position the highlights were accessed from, either the full main video or the End-of-Play screen.
Live content highlights
For users accessing highlights from the live point in the video stream, upon exiting highlight's mode via the Go live button, users are returned to the live moment.
VOD content highlights
Users enjoying highlights for on-demand content are automatically retuned to the last position in the video (before entering highlight's mode) when exiting highlight's mode.
Picture-in-Picture (PiP) mode
Note: PiP mode remains active when panels are active.
View stream highlights while maintaining visibility of the main event in Picture-in-Picture (PiP) view.
Selecting a highlights reel from a Live video means the primary transitions into the PiP window and continues playback, while highlights play in the main player window. Selecting the expand button in the PiP window transitions the primary video back to the main player window, ending the highlights stream.
PiP view on Responsive web (desktop):
PiP view on Responsive tablet:
PiP view on Responsive mobile:
On Android and iOS Native mobile and tablet, in highlight's mode, highlight comments display at the bottom of the screen. Tapping a highlight jumps to the relevant moment of the action.
Note: New automatic highlight functionality available on Native Android from DIVA 5.5 onward. Native tablet does not support portrait mode.
How are highlights accessed?
Given highlights are enabled by an integrator, highlights related to the current video can be displayed in the following ways:
- Via highlight promotion
- As part of the available video lists within the End-of-Play mode, if enabled, after the current video has ended
How are highlights promoted?
When Highlight content becomes available, feature behavior depends on where the highlight clip is accessed and the device in use.
On Android Native tablet and mobile, a Highlight CTA appears in the bottom-left corner of the screen for 5 seconds. Tap the Highlights CTA or swipe up to view the highlights video.
Highlights promotion during video playback on Android Native tablet:
Highlights promotion during video playback on Android Native mobile (landscape):
From here, users can engage with the Highlights promotion by selecting a video card from the highlights list. Highlight clips load into the video player in full-screen view.
User engages with Highlights promotion on Android Native mobile (landscape):
User engages with Highlights promotion on Android Native mobile (landscape):
For users in the Highlights panel view when a new highlight variant becomes available, a new Highlights menu item displays to the right of the Commentary menu item. A red icon displays to the right of the Highlights menu and pulses for 3 seconds.
Selecting a highlight clip from this view displays the highlight in the minimized player. Here, users have limited playback controls which are accessible in full-screen mode.
Highlights promotion during video playback on Android Native tablet (Highlights panels view):
Highlights promotion during video playback on Android Native mobile (portrait):
Full-screen Highlight’s mode/jump to next clip
When in full-screen mode, the UX differs depending on whether the UI is active or hidden.
In full-screen Highlight's mode, when playing a highlight clip, the highlight video badge and secondary title display in the top-left corner of the screen and display for 3 seconds. The timeline duration shown is the duration of the highlight in focus.
If there are more highlights available, select the Next button to jump to the start of the next clip where playback resumes automatically. The secondary title updates to reflect the newly loaded clip.
If there is no user interaction, the player automatically jumps through the subsequent events after the current highlight has finished playing.
At any point, select the Full match button to return to the full stream.
Highlight’s mode (full-screen, menu active) on Android Native tablet:
Highlight’s mode (full-screen, menu active) on Android Native mobile:
Full-screen Highlight's mode UI hidden examples:
When the video playback controls are not active, only the highlight video badge and secondary title display in the top-left corner of the screen along with the Next button to jump to the next highlight clip where playback resumes automatically.
Full-screen Highlight's mode (UI hidden) on Android Native tablet:
Full-screen Highlight's mode (UI hidden) on Android Native mobile:
Exiting highlight's mode
Selecting the Full match button exits highlight’s mode and returns users to the full stream of the selected highlights. When reaching the end of the last highlight clip in the reel, DIVA automatically exits highlight's mode and returns to the position the highlights were accessed from, either the full main video or the End-of-Play screen.
Live content highlights
For users accessing highlights from the live point in the video stream, upon exiting highlight's mode via the Go live button, users are returned to the live moment.
VOD content highlights
Users enjoying highlights for on-demand content are automatically returned to the last position in the video (before entering highlight’s mode) when exiting highlight’s mode.
Picture-in-Picture (PiP) mode
Note: PiP mode remains active when panels are active.
View stream highlights while maintaining visibility of the main event in Picture-in-Picture (PiP) view.
Select the PiP button to put the main video into PiP view in the top-right corner of the screen. Stream highlights play in the main player window.
View stream highlights while maintaining visibility of the main event in Picture-in-Picture (PiP) view.
Selecting a highlights reel from a Live video means the primary transitions into the PiP window and continues playback, while highlights play in the main player window. Selecting the expand button in the PiP window transitions the primary video back to the main player window, ending the highlights stream.
Users can open/close panels while PiP mode is active.
We're working on bringing the Native iOS mobile and tablet Highlight's functionality in line with our other supported platforms. Currently, this is Highlight's on Native iOS mobile: