2-Immerse DMApp Component Reference

 In
Wikis > 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)OwnerDescriptionClass NameURL on CDN (relative to root)Priority (Contingencies)
VideoJonathan RennisonThis 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.videoBundledEssential
Scrolling TextJonathan RennisonThis 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.htmlHigh
(Synchronised script with images of the actors in the current scene; Synchronised script only; Paper copy)
Timed TextTim PearceThis 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.htmlHigh
Title CardTim PearceThis presents an opening screen for the entire experience.title-card/dmapp-components/title-card/title-card.htmlEssential
ArticleTim PearceThis can be used to present a range of additional content, including cast/creatives bios.article/dmapp-components/article/article.htmlEssential
Article ControlsTim PearceThis is used by the user to select an article to show in the article component.article-controls
ImageJonathan RennisonThis presents a static image, and hence enables 'gallery' functionality.image/dmapp-components/image/image.htmlEssential
ButtonTim PearceThis 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 ControlsMark LomasA UI for posting messages to the text-chat componenttext-chat-controls/dmapp-components/text-chat-controls/text-chat-controls.htmlEssential
Text ChatMark LomasThis enables text chat to be presented and displayed, including conversation history.text-chat/dmapp-components/text-chat/text-chat.htmlEssential
Video Chat
Mark LomasThis 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.htmlHigh
(Video and Audio; Audio only; or revert to Group Text chat with history)
Video Chat ViewMark LomasPresents 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.htmlHigh
Video Chat ControlsMark LomasA control UI for the video chat. Includes push-to-talk and volume controls.video-chat-controls/dmapp-components/video-chat-controls/video-chat-controls.htmlHigh
Component SwitcherMark LomasThis 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.htmlEssential
Like WidgetTim PearceThis provides a user input to express a like preference, and presents aggregated like data.like/dmapp-components/like/like.htmlMedium
(Inclusion of a feedback form only.
Fake aggregated data; Just don’t have an aggregated display.)
NotificationTim PearceThis 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.htmlMedium
(Text and images only (no audio); Text; notifications.)
Joining Theatre Experiencetbc:
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 componentJonathan RennisonButton component for posting timeline eventsPostTimelineEventButtonComponent/dmapp-components/post-timeline-event-button/post-timeline-event-button.html
Adobe animation componentJonathan RennisonComponent for Adobe animate animationsAdobeAnimationDMAppComponent/dmapp-components/adobe-animate/adobe-animate.html
MotoGP laps remaining componentJonathan RennisonMotoGP laps remaining componentMotoGpLapsRemainingdmapp-components/motogp-laps-remaining/motogp-laps-remaining.html
MotoGP leaderboard componentJonathan RennisonMotoGP leaderboard componentMotoGpLeaderboard/dmapp-components/motogp-leaderboard/motogp-leaderboard.html
MotoGP Picture in Picture componentJonathan RennisonMotoGP Picture in Picture componentMotoGpPictureInPicture/dmapp-components/motogp-pip/motogp-pip.html
MotoGP spooler componentJonathan RennisonMotoGP spooler componentMotoGpSpooler/dmapp-components/motogp-spooler/motogp-spooler.html
MotoGP companion top bar componentJonathan RennisonMotoGP companion top bar componentMotoGpCompanionTopBar/dmapp-components/motogp-companion-top-bar/motogp-companion-top-bar.html
MotoGP companion panel switcher componentJonathan RennisonMotoGP companion panel switcher componentMotoGpCompanionPanelSwitcher/dmapp-components/motogp-companion-panel-switcher/motogp-companion-panel-switcher.html
MotoGP companion control panel componentJonathan RennisonMotoGP companion control panel componentMotoGpCompanionControlPanel/dmapp-components/motogp-companion-control-panel/motogp-companion-control-panel.html
MotoGP "Battle For" animation ComponentJonathan RennisonMotoGP "Battle For" animation ComponentMotoGPBattleForDMAppComponent/dmapp-components/motogp-battle-for/motogp-battle-for.html
MotoGP DMApp control componentJonathan RennisonMotoGP DMApp control componentMotoGpDMAppControl/dmapp-components/motogp-dmapp-control/motogp-dmapp-control.html
Post timeline event button componentJonathan RennisonPost timeline event button componentPostTimelineEventButtonComponent/dmapp-components/post-timeline-event-button/post-timeline-event-button.html
DMAppC hide / show controls componentJames WalkerDMAppC hide / show controls componentDmappcHideShowControlsComponent/dmapp-components/dmappc-hide-show-controls/dmappc-hide-show-controls.html
Trigger tool client componentJonathan RennisonTrigger tool client componentTriggerToolClientDMAppComponent/dmapp-components/trigger-tool-client/trigger-tool-client.html
HTML snippet componentJonathan RennisonHTML snippet componentHtmlSnippetDMAppComponent/dmapp-components/html-snippet/html-snippet.html
Video panorama componentJonathan RennisonVideo panorama componentVideoPanoramaDMAppComponent/dmapp-components/video-panorama/video-panorama.html
Test Utility Auth Service ComponentJonathan RennisonTest Utility Auth Service ComponentTestUtilAuthService/dmapp-components/test-util-auth-service/test-util-auth-service.html
Google Analytics ComponentJonathan RennisonGoogle Analytics ComponentGoogleAnalyticsDMAppComponent/dmapp-components/google-analytics/google-analytics.html
MotoGPBattleForMultiDMAppComponentChyronGraphicsMotoGPBattleForMultiDMAppComponent/dmapp-components/motogp-battle-for-multi/motogp-battle-for-multi.html
MotoGPFastestLapDMAppComponentChyronGraphicsMotoGPFastestLapDMAppComponent/dmapp-components/motogp-fastest-lap/motogp-fastest-lap.html
MotoGPInfoChampionshipDMAppComponentChyronGraphicsMotoGPInfoChampionshipDMAppComponent/dmapp-components/motogp-info-championship/motogp-info-championship.html
MotoGPInfoCrashDMAppComponentChyronGraphicsMotoGPInfoCrashDMAppComponent/dmapp-components/motogp-info-crash/motogp-info-crash.html
MotoGPInfoIncidentDMAppComponentChyronGraphicsMotoGPInfoIncidentDMAppComponent/dmapp-components/motogp-info-incident/motogp-info-incident.html
MotoGPInfoOnboardDMAppComponentChyronGraphicsMotoGPInfoOnboardDMAppComponent/dmapp-components/motogp-info-onboard/motogp-info-onboard.html
MotoGPInfoResultDMAppComponentChyronGraphicsMotoGPInfoResultDMAppComponent/dmapp-components/motogp-info-result/motogp-info-result.html
MotoGPInfoRiderDMAppComponentChyronGraphicsMotoGPInfoRiderDMAppComponent/dmapp-components/motogp-info-rider/motogp-info-rider.html
MotoGPInfoStandingsDMAppComponentChyronGraphicsMotoGPInfoStandingsDMAppComponent/dmapp-components/motogp-info-standings/motogp-info-standings.html
MotoGPIoTDataFetcherDMAppComponentJonathan RennisonIoT data fetcherMotoGPIoTDataFetcherDMAppComponent/dmapp-components/motogp-iot-data-fetcher/motogp-iot-data-fetcher.html
MotoGPLapComparisonDMAppComponentChyronGraphicsMotoGPLapComparisonDMAppComponent/dmapp-components/motogp-lap-comparison/motogp-lap-comparison.html
MotoGPLeadingGroupDMAppComponentJonathan RennisonGraphicsMotoGPLeadingGroupDMAppComponent/dmapp-components/motogp-leading-group/motogp-leading-group.html
MotoGPLapComparisonDMAppComponentChyronGraphicsMotoGPLapComparisonDMAppComponent/dmapp-components/motogp-multi-lap-comparison/motogp-multi-lap-comparison.html
MotoGPRadarDMAppComponentChyronGraphicsMotoGPRadarDMAppComponent/dmapp-components/motogp-radar/motogp-radar.html
MotoGPSplitDMAppComponentChyronGraphicsMotoGPSplitDMAppComponent/dmapp-components/motogp-split/motogp-split.html
Recent Posts
Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt

Start typing and press Enter to search