--- title: "DIVA Audio player (beta)" slug: "diva-audio-player-beta" description: "Experience DIVA Audio player for podcasts and music, featuring responsive design, auto-play, and content discovery on WebTV and Roku." updated: 2025-10-24T11:07:42Z published: 2025-10-24T11:07:42Z --- > ## Documentation Index > Fetch the complete documentation index at: https://documentation.deltatre.com/llms.txt > Use this file to discover all available pages before exploring further. # DIVA Audio player (beta) | Web | TV | | --- | --- | | ![HTML5.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19393091519132.svg) | ![HTML5.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19393091519132.svg) | ![Roku.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19393113440156.svg) | > [!WARNING] > **Compatibility note:** DIVA Audio player (beta) supports Responsive web and WebTV (DIVA 5.10), and Roku (DIVA 5.9) onwards. ## What is DIVA’s Audio player (beta)? DIVA's Audio player (beta) is specifically built to enrich the traditional listening experience for audio content, including podcasts and music. Guide listeners on their onward journey with related and recommended content lists, such as more episodes, album tracks, or bonus material. Featured artwork such as track, album, and podcast covers are center-aligned, using the same scaled-up and softened image in the background. DIVA’s Audio player supports video-less DASH and HLS streams using AWS and DIVA Back Office. Extended platform support for and additional functionality coming later in 2025. See DIVA Audio player examples for podcasts and tracks/albumbs below: ### Podcast examples on Responsive web #### Full-screen DIVA Audio player ![Audio plater - full sceen player - no controls - podcasts - RW.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386510045980.png) *Full-screen DIVA Audio player (Responsive web)* In this view, the following displays: - Podcast title - Podcast description - Podcast artwork - Podcast episode with relevant badge - Timeline - Playback controls - Skip back/forward - Play/pause - Volume controls - Timer showing playback position and total podcast duration - Minimized player icon #### Up Next and Recommended content To guide content discovery, if configured, the first peeking list of episodes in the same season (Up Next), and the second list of recommended podcasts (You may also like) displays. ![Audio player - podcasts - RW - Up next .png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447721756.png) *Full-screen DIVA Audio player with peeking Up Next list (Responsive web)* ![Audio player - podcasts - Recommended - RW.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447722396.png) *Full-screen DIVA’s Audio player with peeking recommended (You may also like) podcasts (Responsive web)* Lists of content display: - Podcast episode title - Podcast artwork - Relevant badge; this example shows the 'E' for Explicit content - Duration - Description #### End-of-Play screen ![Audio player - podcasts - EoP - RW.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447723420.png) *Full-screen DIVA Audio player EoP screen (Responsive web)* When a podcast episode or track ends, DIVA automatically plays the next podcast episode or track in the album. When the last podcast episode or track on the album ends, DIVA displays the End-of-Play view with the following: - Recently ended podcast title - Podcast description - Replay CTA - Recommended podcasts ### Tracks/albums examples on Responsive web #### Full-screen DIVA Audio player ![Audio player - songs:album - RW.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447726492.png) *Full-screen DIVA Audio player (Responsive web)* In this view, the following displays: - Track title - Artist - Track artwork - Relevant badge; this example shows the 'E' for Explicit content - Timeline - Playback controls - Skip back/forward - Play/pause - Volume controls - Timer showing playback position and total track duration - Minimized player icon #### Up Next and Recommended content To guide content discovery, if configured, the first peeking list of tracks in the same album (Up Next), and the second list of recommended albums (You may also like) displays. ![Audio player - RW with both Up Next and You may also like.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447727644.png) *Full-screen DIVA Audio player with peeking Up Next list and recommended albums (Responsive web)* Lists of content display: - Track title - Track artwork - Track duration - ‘PLAYING’ badge for content actively playing - Relevant badge; this example shows the 'E' for Explicit content - Artist #### End-of-Play screen ![EoP screen - songs:albums - RW.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447728412.png) *Full-screen DIVA Audio player EoP screen (Responsive web)* When users reach the end of an album/playlist, the End-of-Play screen displays: - Track title - Artist - Replay CTA - Recommended albums - Auto-playback countdown timer (configurable) --- ### Podcast example on WebTV and Roku #### Full-screen DIVA Audio player ![Audio player - podcasts - Episodic Content - without controls TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447729308.png) *Default DIVA Audio player screen with hidden controls (WebTV and Roku)* Default DIVA Audio player screen with hidden controls displays: - Podcast artwork - Podcast title - Podcast episode with relevant badge; this example shows the 'E' for Explicit content ![Audio player - podcasts - Episodic Content - with controls TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447730076.png) *Default DIVA Audio player screen with visible controls (WebTV and Roku)* Default DIVA Audio player screen with visible player controls displays: - Podcast title - Podcast episode with relevant badge; this example shows the 'E' for Explicit content - Timeline - Player controls: - Skip 10 seconds back/forward - Play/pause - Timer showing playback position and total podcast duration - Settings, Subtitles (if more than one language exists), and Audio buttons (if more than one audio track exists) - Peeking row with other episodes relating to the podcast #### Up Next and Recommended content To guide content discovery, if configured, the first peeking list of episodes in the same season (Up Next), and the second list of recommended podcasts (You may also like) displays. ![Audio player - podcasts - Episodic Content - Rows with podcast episodes - TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447730972.png) *First row with podcast episodes; second row with peeking recommended podcasts (WebTV and Roku)* Lists of content display: - Podcast episode title - Podcast artwork - ‘PLAYING’ badge for content actively playing - Relevant badge; this example shows the 'E' for Explicit content - Duration The second row displays a list of peeking recommended podcast episodes. #### End-of-Play screen ![Audio player - podcasts - EoP - TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386510057116.png) *End-of-Play screen for podcasts (WebTV and Roku)* When users reach the end of a podcast series, the End-of-Play screen displays: - Podcast title - Episode details - Replay CTA - Recommended podcasts - Auto-playback countdown timer (configurable) --- ### Tracks/albums examples on WebTV and Roku #### Full-screen DIVA Audio player ![Audio only - songs - Episodic content - hidden controls - TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386510058268.png) *Full-screen DIVA Audio player with hidden controls (WebTV and Roku)* Default DIVA Audio player screen with hidden controls displays: - Album artwork - Album title - Track with relevant badge; this example shows the 'E' for Explicit content ![Audio player - songs - Episodic content - player controls visible - TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447732636.png) *Full-screen DIVA Audio player with hidden controls (WebTV and Roku)* Default DIVA Audio player screen with visible player controls displays: - Album title - Track title with relevant badge; this example shows the 'E' for Explicit content - Timeline - Player controls: - Previous/next - Play/pause - Timer showing playback position and total track duration - Settings, Subtitles (if more than one language exists), and Audio buttons (if more than one audio track exists) - Peeking row with all tracks in the album #### Up Next and Recommended content To guide content discovery, if configured, the first peeking list of tracks in the same album (Up Next), and the second list of recommended albums (You may also like) displays. ![Audio player - songs - Episodic content - row with songs in album and recommended rows - TV.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447733148.png) *First row with tracks in album; second row with peeking recommended albums (WebTV and Roku)* Lists of content display: - Track title - Track artwork - Track duration - ‘PLAYING’ badge for content actively playing - Relevant badge; this example shows the 'E' for Explicit content - Artist #### End-of-Play screen ![Audio player - songs - Episodic content - EoP - TV .png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447734300.png) *EoP screen for tracks/albums (WebTV and Roku)* When users reach the end of an album/playlist, the End-of-Play screen displays: - Track title - Artist - Replay CTA - Recommended albums - Auto-playback countdown timer (configurable) --- #### Audio content artwork Across all platforms and audio content, within the DIVA Audio player, content without artwork displays the following default fallback artwork: ![Default artwork imagery.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447734684.png) *Default fallback artwork example* --- #### Minimized DIVA Audio player on Responsive web ![Audio only - minimized player.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/19386447734812.png) *Minimized DIVA Audio player (Responsive web)* The minimized DIVA Audio player allows users to navigate around the app while listening to audio content. The minimized player can be positioned anywhere on the page. Here, users can: - Play/pause - Revert to full-screen player - Exit the audio player