2-Immerse DMApp Component Reference
2-Immerse multi-screen entertainment experiences are composed of many applications configured to work together to deliver the look and feel of a single application. 2-Immerse calls this collection a Distributed Media Application, or DMApp.
The application stacks for both TV and companion devices include a web application which is made up of a number of different web components. These are known as DMApp components, and this page provides a reference for each component.
The table below is focused on the components required for the Theatre at Home Trial, and also captures contingency information to help understand how component functionality could be scaled back if resources are limited.
Name (click for Gitlab docs) | Owner | Description | Class Name | URL on CDN (relative to root) | Priority (Contingencies) |
---|---|---|---|---|---|
Video | Jonathan Rennison | This is an HLS/DASH player which is capable of playing out video on the TV emulator or companion device. It can do 1080p25 with stereo audio. It must be able to synchronise with other components. | video | Bundled | Essential |
Scrolling Text | Jonathan Rennison | This presents scrolling synchronised text, such as the script of a play. It will include synchronised buttons to show actor and other information. | scroll-text | /dmapp-components/scroll-text/scroll-text.html | High (Synchronised script with images of the actors in the current scene; Synchronised script only; Paper copy) |
Timed Text | Tim Pearce | This provides the ability to present text at specific timecodes, such as subtitle text (usually on one or two lines) | timed-text | /dmapp-components/timed-text/timed-text.html | High |
Title Card | Tim Pearce | This presents an opening screen for the entire experience. | title-card | /dmapp-components/title-card/title-card.html | Essential |
Article | Tim Pearce | This can be used to present a range of additional content, including cast/creatives bios. | article | /dmapp-components/article/article.html | Essential |
Article Controls | Tim Pearce | This is used by the user to select an article to show in the article component. | article-controls | ||
Image | Jonathan Rennison | This presents a static image, and hence enables 'gallery' functionality. | image | /dmapp-components/image/image.html | Essential |
Button | Tim Pearce | This provides one or more UI buttons which can be used to control other DMApp components, such as the Video Player. | Not required - superseded by individual component control surfaces | ||
Text Chat Controls | Mark Lomas | A UI for posting messages to the text-chat component | text-chat-controls | /dmapp-components/text-chat-controls/text-chat-controls.html | Essential |
Text Chat | Mark Lomas | This enables text chat to be presented and displayed, including conversation history. | text-chat | /dmapp-components/text-chat/text-chat.html | Essential |
Video Chat | Mark Lomas | This enables multi-party audio/video chat between households (contexts). It presents a UI showing other participants and enables video chat to be joined. | video-chat | /dmapp-components/video-chat/video-chat.html | High (Video and Audio; Audio only; or revert to Group Text chat with history) |
Video Chat View | Mark Lomas | Presents a UI showing remote video stream of currently active speaker and a picture-in-picture view of the local camera stream. | video-chat-view | /dmapp-components/video-chat/video-chat.html | High |
Video Chat Controls | Mark Lomas | A control UI for the video chat. Includes push-to-talk and volume controls. | video-chat-controls | /dmapp-components/video-chat-controls/video-chat-controls.html | High |
Component Switcher | Mark Lomas | This provides a UI to enable different parts of the experience (and hence DMApp components) to be selected. | component-switcher | /dmapp-components/component-switcher/component-switcher.html | Essential |
Like Widget | Tim Pearce | This provides a user input to express a like preference, and presents aggregated like data. | like | /dmapp-components/like/like.html | Medium (Inclusion of a feedback form only. Fake aggregated data; Just don’t have an aggregated display.) |
Notification | Tim Pearce | This displays general purpose notifications, such as time until the performance starts, or when others have joined. The notification content could be text, graphics or audio, and could be animated. | notification | /dmapp-components/notification/notification.html | Medium (Text and images only (no audio); Text; notifications.) |
Joining Theatre Experience | tbc: Tim/Jonathan? | This enables the user to join the Theatre experience on any device, including personal profile selection for companion devices. | Essential (No personalisation) | ||
One-time setup (not a DMApp component) | tbc: Jonathan? | This provides the necessary start-up interactions the first time a device is connected to the 2-Immerse system. This includes setting up WiFi (where needed), connecting to the system, signing in and any start-up error messages. | Essential | ||
Post timeline event button component | Jonathan Rennison | Button component for posting timeline events | PostTimelineEventButtonComponent | /dmapp-components/post-timeline-event-button/post-timeline-event-button.html | |
Adobe animation component | Jonathan Rennison | Component for Adobe animate animations | AdobeAnimationDMAppComponent | /dmapp-components/adobe-animate/adobe-animate.html | |
MotoGP laps remaining component | Jonathan Rennison | MotoGP laps remaining component | MotoGpLapsRemaining | dmapp-components/motogp-laps-remaining/motogp-laps-remaining.html | |
MotoGP leaderboard component | Jonathan Rennison | MotoGP leaderboard component | MotoGpLeaderboard | /dmapp-components/motogp-leaderboard/motogp-leaderboard.html | |
MotoGP Picture in Picture component | Jonathan Rennison | MotoGP Picture in Picture component | MotoGpPictureInPicture | /dmapp-components/motogp-pip/motogp-pip.html | |
MotoGP spooler component | Jonathan Rennison | MotoGP spooler component | MotoGpSpooler | /dmapp-components/motogp-spooler/motogp-spooler.html | |
MotoGP companion top bar component | Jonathan Rennison | MotoGP companion top bar component | MotoGpCompanionTopBar | /dmapp-components/motogp-companion-top-bar/motogp-companion-top-bar.html | |
MotoGP companion panel switcher component | Jonathan Rennison | MotoGP companion panel switcher component | MotoGpCompanionPanelSwitcher | /dmapp-components/motogp-companion-panel-switcher/motogp-companion-panel-switcher.html | |
MotoGP companion control panel component | Jonathan Rennison | MotoGP companion control panel component | MotoGpCompanionControlPanel | /dmapp-components/motogp-companion-control-panel/motogp-companion-control-panel.html | |
MotoGP "Battle For" animation Component | Jonathan Rennison | MotoGP "Battle For" animation Component | MotoGPBattleForDMAppComponent | /dmapp-components/motogp-battle-for/motogp-battle-for.html | |
MotoGP DMApp control component | Jonathan Rennison | MotoGP DMApp control component | MotoGpDMAppControl | /dmapp-components/motogp-dmapp-control/motogp-dmapp-control.html | |
Post timeline event button component | Jonathan Rennison | Post timeline event button component | PostTimelineEventButtonComponent | /dmapp-components/post-timeline-event-button/post-timeline-event-button.html | |
DMAppC hide / show controls component | James Walker | DMAppC hide / show controls component | DmappcHideShowControlsComponent | /dmapp-components/dmappc-hide-show-controls/dmappc-hide-show-controls.html | |
Trigger tool client component | Jonathan Rennison | Trigger tool client component | TriggerToolClientDMAppComponent | /dmapp-components/trigger-tool-client/trigger-tool-client.html | |
HTML snippet component | Jonathan Rennison | HTML snippet component | HtmlSnippetDMAppComponent | /dmapp-components/html-snippet/html-snippet.html | |
Video panorama component | Jonathan Rennison | Video panorama component | VideoPanoramaDMAppComponent | /dmapp-components/video-panorama/video-panorama.html | |
Test Utility Auth Service Component | Jonathan Rennison | Test Utility Auth Service Component | TestUtilAuthService | /dmapp-components/test-util-auth-service/test-util-auth-service.html | |
Google Analytics Component | Jonathan Rennison | Google Analytics Component | GoogleAnalyticsDMAppComponent | /dmapp-components/google-analytics/google-analytics.html | |
MotoGPBattleForMultiDMAppComponent | Chyron | Graphics | MotoGPBattleForMultiDMAppComponent | /dmapp-components/motogp-battle-for-multi/motogp-battle-for-multi.html | |
MotoGPFastestLapDMAppComponent | Chyron | Graphics | MotoGPFastestLapDMAppComponent | /dmapp-components/motogp-fastest-lap/motogp-fastest-lap.html | |
MotoGPInfoChampionshipDMAppComponent | Chyron | Graphics | MotoGPInfoChampionshipDMAppComponent | /dmapp-components/motogp-info-championship/motogp-info-championship.html | |
MotoGPInfoCrashDMAppComponent | Chyron | Graphics | MotoGPInfoCrashDMAppComponent | /dmapp-components/motogp-info-crash/motogp-info-crash.html | |
MotoGPInfoIncidentDMAppComponent | Chyron | Graphics | MotoGPInfoIncidentDMAppComponent | /dmapp-components/motogp-info-incident/motogp-info-incident.html | |
MotoGPInfoOnboardDMAppComponent | Chyron | Graphics | MotoGPInfoOnboardDMAppComponent | /dmapp-components/motogp-info-onboard/motogp-info-onboard.html | |
MotoGPInfoResultDMAppComponent | Chyron | Graphics | MotoGPInfoResultDMAppComponent | /dmapp-components/motogp-info-result/motogp-info-result.html | |
MotoGPInfoRiderDMAppComponent | Chyron | Graphics | MotoGPInfoRiderDMAppComponent | /dmapp-components/motogp-info-rider/motogp-info-rider.html | |
MotoGPInfoStandingsDMAppComponent | Chyron | Graphics | MotoGPInfoStandingsDMAppComponent | /dmapp-components/motogp-info-standings/motogp-info-standings.html | |
MotoGPIoTDataFetcherDMAppComponent | Jonathan Rennison | IoT data fetcher | MotoGPIoTDataFetcherDMAppComponent | /dmapp-components/motogp-iot-data-fetcher/motogp-iot-data-fetcher.html | |
MotoGPLapComparisonDMAppComponent | Chyron | Graphics | MotoGPLapComparisonDMAppComponent | /dmapp-components/motogp-lap-comparison/motogp-lap-comparison.html | |
MotoGPLeadingGroupDMAppComponent | Jonathan Rennison | Graphics | MotoGPLeadingGroupDMAppComponent | /dmapp-components/motogp-leading-group/motogp-leading-group.html | |
MotoGPLapComparisonDMAppComponent | Chyron | Graphics | MotoGPLapComparisonDMAppComponent | /dmapp-components/motogp-multi-lap-comparison/motogp-multi-lap-comparison.html | |
MotoGPRadarDMAppComponent | Chyron | Graphics | MotoGPRadarDMAppComponent | /dmapp-components/motogp-radar/motogp-radar.html | |
MotoGPSplitDMAppComponent | Chyron | Graphics | MotoGPSplitDMAppComponent | /dmapp-components/motogp-split/motogp-split.html |