| Mobile | Tablet | Web | ||
|---|---|---|---|---|
Note: DIVA 5.3 onward supports Influencer chat on Android, iOS, and Responsive web (mobile, tablet, and desktop).
This article introduces Influencer chat functionality in DIVA.
Topics covered here:
- What is Influencer chat?
- Does DIVA Player support Influencer chat in all views?
- Is Influencer chat customizable?
- How does Influencer chat display?
What is Influencer chat?
The Influencer chat application allows users to witness live conversations with influential members of the community.
For use with Live and Live DVR content, Influencer chat appears as an on-screen chat within one of DIVA's tabs. Influencer chat enables viewers to emoji-react to posts by influencers (athletes, celebrities, etc.), helping to boost engagement and enrich the playback experience.
Editorially driven by LiveLike, Influencer chat is supported on Android and iOS Native apps for mobile phones and tablets.
Messages from influencers display chronologically within the chat feed. Spoiler prevention and community integrity tools, including automated swear and abuse filters, are all taken care of by LiveLike.
If Live DVR users seek backward in the video stream with Influencer chat activated, spoiler-free mode, ensures users won’t receive any messages related to events ahead of time.
Does DIVA Player support Influencer chat in all views?
Currently, Influencer chat is not supported on the following DIVA features due to platform support and screen space restrictions:
- Modal
- Multi-view mode
- Highlight's mode
Is Influencer chat customizable?
Yes, to an extent.
If you're looking to make customizations, manage Influencer chat emoji-reactions, and implement branding changes, reach out directly to LiveLike.
How does Influencer chat display?
Influencer chat displays as a tab within DIVA Player - this looks different depending on the device in use. By default, the Influencer chat tab is labeled Chat, although this is configurable. The Chat tab is positioned after the Commentary tab (if configured).
At the beginning of a live stream, the chat feed is empty until an influencer posts a message. The Influencer chat display differs per platform; for more information on activating Influencer chat, chat mode, an empty chat feed, a populated chat feed, and emoji-reactions, select an option below:
Note: Influencer chat is available in portrait mode on mobile phones, while on tablet, it is available in landscape mode.
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.
Activating Influencer chat mode
Mobile phone portrait mode
On mobile phones, in portrait mode, Influencer chat is accessible via the Chat tab.
Influencer chat mode (Native mobile portrait):
Mobile phone landscape mode
On mobile phones, in landscape mode, Influencer chat is accessible via the Chat icon in the top-right-hand part of the screen.
Upon selecting the Chat icon, DIVA automatically transitions to portrait mode with the Chat tab open.
Influencer chat icon (Native mobile landscape):
Tablet landscape mode
On tablet, in landscape mode, Influencer chat is accessible by selecting the Chat icon in the top right-hand part of the screen.
Influencer chat icon (Native tablet):
Influencer chat mode
Mobile phone
On mobile phones, Influencer chat mode reduces the size of the video and displays it in the top portion of the screen with the chat feed presented below.
Influencer chat mode (Native mobile portrait):
Tablet
On tablet, Influencer chat mode reduces the size of the video and displays it on the right side of the screen with the chat feed on the left.
Influencer chat mode (Native tablet):
On mobile phones and tablets, the most recent messages display at the bottom of the chat feed. Refer to the populated chat feed section for further information on scrolling through the chat feed.
Once users navigate away from the Chat tab and new messages are posted, a notification badge displays on the chat icon, notifying users that new messages are available.
Influencer chat icon with notifications (Native mobile portrait):
Influencer chat icon with notifications (Native mobile landscape):
Influencer chat icon with notifications (Native tablet):
Empty chat feed
Before any messages are posted into the chat, a default message displays – this is configurable by integrators and can contain both text and image elements.
Once the first message is posted into the chat, the default message is removed.
Empty chat feed (Native mobile portrait):
Empty chat feed (Native tablet):
Populated chat feed
Once messages populate the chat, users can scroll back through earlier messages. When scrolling through messages, an arrow displays at the bottom of the chat if new messages are available.
Tap the down arrow to jump to the most recent message.
Users who have navigated away from the Chat tab are notified of new messages in the feed by a red dot icon on the chat button or the Chat tab.
Populated chat feed with unread messages icon (Native mobile portrait):
Populated chat feed with unread messages icon (Native tablet):
Emoji react to messages
Do you love what’s been said? Think it’s hilarious; maybe it’s upsetting, made your jaw drop, or annoyed you. Influencer chat supports emoji reactions, allowing users to convey their emotions.
To emoji-react, tap a message and select from the available emojis (remove reaction by tapping the chosen emoji). A counter displays to indicate the number of reactions.
Note: Influencer chat is currently only available in portrait mode on Responsive mobile.
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.
Activating Influencer chat
Activate Influencer chat by selecting the hamburger icon in the top-left corner of the screen.
DIVA automatically displays the available menu items. Select the Chat icon on the right to activate Influencer chat.
Hamburger icon (Responsive mobile):
Influencer chat icon with notifications (Responsive mobile):
Influencer chat mode
Influencer chat displays within the Chat tab. The video reduces in size and displays on the left-hand side of the screen, with the chat messages presented on the right.
The most recent messages display at the bottom of the chat feed. Refer to the populated chat feed section for further information on scrolling through the chat feed.
Once users navigate away from the Chat tab and new messages are posted, a notification badge displays on the chat icon, notifying users that new messages are available.
Influencer chat mode (Responsive mobile):
Empty chat feed
Before any messages are posted into the chat, a default message displays – this is configurable by integrators and can contain both text and image elements.
Once the first message is posted into the chat, the default message is removed.
Empty chat feed (Responsive mobile):
Populated chat feed
Once messages populate the chat, users can scroll back through earlier messages. When scrolling through messages, an arrow displays at the bottom of the chat if new messages are available.
Tap the down arrow to jump to the most recent message.
Users who have navigated away from the Chat tab are notified of new messages in the feed by a red dot icon on the chat button or the Chat tab.
Populated chat feed (Responsive mobile):
Emoji react to messages
Do you love what’s been said? Think it’s hilarious; maybe it’s upsetting, made your jaw drop, or annoyed you. Influencer chat supports emoji reactions, allowing users to convey their emotions.
To emoji-react, tap a message and select from the available emojis (remove reaction by tapping the chosen emoji). A counter displays to indicate the number of reactions.
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.
Activate Influencer chat from both landscape and portrait mode by selecting the chat icon on the right-hand side of the screen.
Influencer chat icon without notifications (Responsive desktop):
Influencer chat icon with notifications (Responsive desktop):
Influencer chat mode
Influencer chat displays within the Chat tab. The video reduces in size and displays on the left-hand side of the screen, with the chat messages presented on the right.
The most recent messages display at the bottom of the chat feed. Refer to the populated chat feed section for further information on scrolling through the chat feed.
Once users navigate away from the Chat tab and new messages are posted, a notification badge displays on the chat icon, notifying users that new messages are available.
Empty chat feed
Before any messages are posted into the chat, a default message displays – this is configurable by integrators and can contain both text and image elements.
Once the first message is posted into the chat, the default message is removed.
Empty chat feed (Responsive desktop):
Populated chat feed
Once messages populate the chat, users can scroll back through earlier messages. When scrolling through messages, an arrow displays at the bottom of the chat if new messages are available.
Select the down arrow to jump to the most recent message.
Users who have navigated away from the Chat tab are notified of new messages in the feed by a red dot icon on the chat button or the Chat tab.
Populated chat feed (Responsive desktop):
Emoji react to messages
Do you love what’s been said? Think it’s hilarious; maybe it’s upsetting, made your jaw drop, or annoyed you. Influencer chat supports emoji reactions, allowing users to convey their emotions.
To emoji-react, select a message and select from the available emojis (remove reaction by selecting the chosen emoji). A counter displays to indicate the number of reactions.
For further insight and tips, read our creating an engaging fan experience opinion article.