Mobile | Tablet | Web | TV |
---|---|---|---|
This article introduces Multiview, formerly known as Side-by-Side view. Multiview replaces and builds on top of Side-by-side view functionality from DIVA 5.8 onwards.
What is Multiview?
Multiview enables DIVA users to manage multiple video playbacks simultaneously on compatible devices. Consume multiple streams at once, ensuring none of the action is missed. Control which video's audio is active to enhance the overall viewing experience.
Which devices support Multiview?
Multiview is currently available on Responsive web (desktop, mobile, and tablet) 5.8, Android (mobile and tablet), and Android TV 5.9.
Are there feature restrictions?
Yes, in Multiview mode, if configured, the following restrictions apply:
- Goal alerts are paused
- LiveLike is disabled
- Skip interval is disabled
- Multiview icon is unavailable if casting using Chromecast
- Multiview icon is unavailable in Highlight's mode
Multiview analytics
Track Multiview user interactions such as video selections, audio switches, and video closures. Quality of Service (QoS) and Quality of Experience (QoE) analytics are reported for each stream in Multiview.
See further details and examples below:
Launch Multiview
- While in video playback mode, select the Multiview icon to display the Multiview video list, which is generated based on the entry video (the video playing as Multiview is initiated).
View/manage Multiview
Add/remove Multiview streams by selecting/deselecting available video streams from the video list. Selected videos display a tick icon, while unselected icons display a plus icon. Upon entering Multiview mode, the entry video audio is active (the sound icon displays) and additional video playback begins with muted audio.
Multiview video list (Responsive desktop):
To select additional Multiview streams, select available video thumbnails from the video list. Upon adding streams (up to four), Multiview launches automatically.
Note: For screens with a width less than 1000px (set by default, but this is customizable), users are limited to two simultaneous videos.
To hide the video list, select the close icon (top-right of video list).
The example below shows the France vs Croatia stream and the Belgium vs England stream selected:
Add/remove Multiview streams
- Select the video list icon from the action bar to re-open the video list to add/remove Multiview streams.
- Select/deselect available video streams to alter the Multiview experience.
The example below shows the France vs Croatia, Belgium vs England, and Brazil vs Mexico streams selected.
Example showing four Multiview video streams on Responsive web desktop:
Change active video
In Multiview, the video with audio is known as the active video and displays a thin white border. To change which video's audio is active, select the volume icon on a muted video.
Fullscreen mode
To enter fullscreen mode, select the fullscreen icon from the action bar.
Multiview playback controls
Hover over/select an individual video player to:
- Play/pause, jump +/- 10 seconds
- If a Live/Linear video is behind the live point in the DVR window, select the Go Live icon to jump to the live point
- Change audio track (Responsive desktop only)
- Change Subtitles (Responsive desktop only)
Close video
Hover over/select an individual video player to display the close icon (top-right). On hover/select, a thin video border is visible.
When selecting the close icon, the video stream is removed from the Multiview and the layout automatically changes according to the remaining number of video streams available.
Closing all additional videos exits Multiview mode.
Note: The entry video cannot be closed while in Multiview. To change the entry/main video, close all Multiview windows, leaving the main entry stream. Change the main stream and re-initiate Multiview mode.
Exit Multiview
To exit Multiview mode, select the exit icon from the action bar.
Upon exiting Multiview, a confirmation dialog displays, the view closes, and the active video displays in DIVA Player's standard interface.
If a video stream ends, the thumbnail displays a customizable (via the Dictionary) 'Video has ended' message.
This section relates to native Android on mobile and tablet.
Launch Multiview
- While in video playback mode, select the Multiview icon to display the Multiview video list, which is generated based on the entry video.
View/manage Multiview
Add/remove Multiview streams by selecting/deselecting available video streams from the video list. Selected videos display a tick icon, while unselected icons display a plus icon. Upon entering Multiview mode, the entry video audio is active (the sound icon displays) and additional video playback begins with muted audio.
Multiview video list (Responsive desktop):
To select additional Multiview streams, select available video thumbnails from the video list. Upon adding streams (up to four), Multiview launches automatically.
Note: For screens with a width less than 1000px (set by default, but this is customizable), users are limited to two simultaneous videos.
To hide the video list, select the close icon (top-right of video list).
The example below shows the France vs Croatia stream and the Belgium vs England stream selected:
Add/remove Multiview streams
- Select the video list icon from the action bar to re-open the video list to add/remove Multiview streams.
- Select/deselect available video streams to alter the Multiview experience.
The example below shows the France vs Croatia, Belgium vs England, and Brazil vs Mexico streams selected.
Example showing four Multiview video streams on Responsive web desktop:
Change active video
In Multiview, the video playing audio is known as the active video and displays a thin white border. To change which video's audio is active, select the volume icon on a muted video.
Fullscreen mode
To enter fullscreen mode, select the fullscreen icon from the action bar.
Multiview playback controls
Hover over/select an individual video player to:
- Play/pause, jump +/- 10 seconds
- If a Live/Linear video is behind the live point in the DVR window, select the Go Live icon to jump to the live point
- Change audio track (Responsive desktop only)
- Change Subtitles (Responsive desktop only)
Close video
Hover over/select an individual video player to display the close icon (top-right). On hover/select, a thin video border is visible.
When selecting the close icon, the video stream is removed from the Multiview and the layout automatically changes according to the remaining number of video streams available.
Closing all additional videos exits Multiview mode.
Note: The entry video cannot be closed while in Multiview. To change the entry/main video, close all Multiview windows, leaving the main entry stream. Change the main stream and re-initiate Multiview mode.
Exit Multiview
To exit Multiview mode, select the exit icon from the action bar.
Upon exiting Multiview, a confirmation dialog displays, the view closes, and the active video displays in DIVA Player's standard interface.
If a video stream ends, the thumbnail displays a customizable (via the Dictionary) 'Video has ended' message.
Launch Multiview
- While in video playback mode, navigate to and select the Multiview icon to display the Multiview video list, which is generated based on the entry video.
View/manage Multiview
Add/remove Multiview streams by selecting/deselecting available video streams from the video list using the OK/select button on the remote control. Selected videos display a tick icon, while unselected icons display a plus icon. Upon entering Multiview mode, the entry video audio is active (the sound icon displays) and additional video playback begins with muted audio.
To select additional Multiview streams, select available video thumbnails from the video list. Upon adding streams (up to four), use the up button on the remote control to launch Multiview.
Example of adding/removing Multiview streams (Android TV):
The example below shows the France vs Croatia stream and the Belgium vs England stream selected:
Example showing four Multiview video streams on Android TV:
When in Multiview mode, to open the feed tray to change the video streams, use either the Multiview icon (process explained above), or select the down arrow on the remote.
Example of Multiview accessed using the remote's down arrow at the bottom of the screen (Android TV):
The red outline shows the video in focus in the video list. Use the back or up remote buttons to return to Multiview mode. In the example below, the video outlined in red relates to the fourth video stream in the video list outlined in white.
Change active video
In Multiview, the video playing audio is known as the active video and displays a thin white border. To change which video's audio is active, change the focus to a different video using the remote. The newly focused video will play audio and display the audio icon, while all other videos are muted.
After 5 seconds of no interaction, the focus white border autohides.
Fullscreen mode
To enter fullscreen mode, use the select button on the remote with the desired video in focus (the video displaying a thin white border with audio).
Close video
To close a Multiview video:
- Open the video tray using the remote control down arrow.
- Navigate to and deselect the video(s) from the video list that you wish to remove. The video outlined in red relates to the video stream in the video list outlined in white.
- Use the back/up remote buttons to close the video tray. The layout automatically changes according to the remaining number of video streams available.
Exit Multiview
Note: The entry video cannot be closed while in Multiview. To change the entry/main video, close all Multiview windows, leaving the main entry stream. Change the main stream and re-initiate Multiview mode.
- Close all additional videos, leaving the entry video playing in DIVA's standard interface
- Select the back button on the remote
To confirm Multiview exit, users are presented with a confirmation message:
If a video stream ends, the thumbnail displays a customizable (via the Dictionary) 'This stream has ended' message.
In the event of an error, the following UI displays: