nexxPLAY
Search…
Addons
nexxPLAY Addons offer a convenient way to add additional Functionality, that is somehow connected to the Activity of the Player to an Element of the Page, but outside of the Player Container. These Addons are only available in "API" Datamode with SDK Integrations (and not available in native SDKs).
As a general Rule, the SDK must be configured to add the Javascript Code of the desired Addon (can be setup in nexxOMNIA or by 3Q nexx). After that, the Player will get an additional CONTAINER-ID, where the Addon should be rendered. Please notice, that this additional Container will be Part of the Page afterwards and the Styling of the Elements in this Container is NOT handled by the Player. For easier Handling, the Addon CSS Classes are outlined below, so they can be styled easily by the Frontend Team.
Addon
Override Box
Description
Comments
commentBoxContainer
will show a List of Comments to the current Media Item in a seperate Box. Comments can be submitted and will be displayed in RealTime. Comments can be managed within nexxOMNIA too.
Recommendations
recoBoxContainer
will show the List of Recommendations to the current Media Item in a seperate Box. Clicking one of the Recommendations will force the Player to swap to this Item.
LiveTicker
tickerBoxContainer
will show LiveTicker Updates to the current Media Item in a seperate Box. Every Update ("Fragment") consists of a Title, Image, Date and Text. The Fragments will be created within nexxOMNIA and published in RealTime to all Frontends.
Container
containerBoxContainer
will show a List of Items below the current Media Player. This only works, if the Media Item is a Container Element. As an Example - the Container Addon, linked to a Media Player, that is currently playing a Playlist will show all Elements of the Playlist - and also indicates, which one is playing currently. Clicking one of the Items will force the Player to swap to this Item.
Scene
sceneBoxContainer
will show a List of Scenes below the current Media Player. This only works, if the current Media Item is split into Scenes. Clicking one of the Items will force the Player to swap to this Time (=the Scene Start).
Album
albumBoxContainer
will show a second Player below the current Media Player. The second Player shows the Image Album, that has been connected to the current Media Item.
Files
filesBoxContainer
will show the Files, that have been connected to the current Media Item. This Addon is usefull, if there are multiple Items connected to a Media Item, that can be downloaded (PDFs for example).
Poll
pollBoxContainer
will show a Poll, that has been connected to the current Media Item. Depending on the Poll Options, it may not be shown due to other Rules (does not allow Multiple Usage for example).
The following Code for example will instruct the Player to display available Recommendations in the Container "otherDiv" (for the full List of Container Configuration Options, check SDK Override Options).
1
let playerConfig = new _play.PlayerConfiguration({recoBoxContainer:'otherDiv',...});
2
let player = _play.control.addPlayer("div", streamtype, playerConfig);
Copied!
As usual, the nexxPLAY Addons also emit Events for important Activities. Please be aware, that those Events cannot be received via the PlayState Listener Callbacks (as they are not related to Media Playback). The Frontend must register an AddonListener Function, if it needs those Events.

CSS Rules

Container CSS Classes

Class
Description
nxp_box_scroller
The Wrapper of the whole Addon (scrollable, if needed)
nxp_lists_orient_landscape
The Wrapper of the "Recommendation" Addon. As this Addon is rendered horizontally, it uses this additional Class.
nxp_ticker_container
The Wrapper of the "LiveTicker" Addon.

Item CSS Classes

Class
Description
nxp_container_item
every Item is wrapped in this Container
nxp_container_image
The Item Cover Image has this Class
nxp_container_content
The Item Metadata is wrapped in this Container
nxp_container_title
The Item Title has this Class
nxp_container_teaser
The Item Teaser / Description has this Class
nxp_container_runtime
If a Video/Audio/Scene is rendered, its Runtime has this Class
nxp_container_download
If the displayed Item can be downloaded,
the Download Icon is wrapped in this Container

Comment Addon CSS Classes

Class
Description
nxp_form_holder
The Input Section is wrapped in this Container
nxp_form
The Input Form has this Class
nxp_form_row
Each Input Form Row is wrapped in this Container
nxp_form_row_button
This Input Row contains a Button
nxp_form_input
Each Text Input Field has this Class
nxp_form_input_mandatory
Each Row with a mandatory Field has this Class
nxp_form_area
Each Text Area has this Class
nxp_form_button
Each Button has this Class
nxp_form_commentholder
The Comment Display Section is wrapped in this Container
nxp_comment
Each Comment is wrapped in this Container
nxp_reply
A Comment, that is a Reply to another Comment has this Class.
nxp_comment_from
The Author of the Comment has this Class
nxp_comment_text
The Text of the Comment itself has this Class
nxp_comment_time
The Time of the Comment has this Class
nxp_comment_icons
The Actions for each Comment are wrapped in this Class
nxp_comment_icon
Each Action Icon has this Class
nxp_comment_status
In Case the Domain uses Comment Approvals, this Class is showing a short Hint after a User sent a Comment/Reply.

LiveTicker Addon CSS Classes

Class
Description
nxp_ticker_item
every Item is wrapped in the nxp_container_item is also wrapped in this Class in a LiveTicker Class.
nxp_ticker_title
Every nxp_container_title has also this Class in a LiveTicker Context.
nxp_ticker_content
Wraps the Fragment Image and Text, so displays the Context (without the Title and the Date) in full.
nxp_ticker_align_left
The nxp_ticker_content Box will contain an Image, that shall be aligned to the left.
nxp_ticker_align_right
The nxp_ticker_content Box will contain an Image, that shall be aligned to the right.
nxp_ticker_align_center
The nxp_ticker_content Box will contain an Image, that shall be displayed full width above the Text.
nxp_ticker_image
If the Fragment contains an Image, it will have this Class
nxp_ticker_text
The Text Content of the Fragment is wrapped in this Class.

Poll Addon CSS Classes

Class
Description
nxp_poll_title
Every Title of the Intro, Outro and each Question has this Class
nxp_poll_subtitle
Every Subtitle of the Intro, Outro and each Question has this Class
nxp_poll_text
The Text Blocks of Intro and Outro are wrapped in this Class
nxp_poll_button
The "continue" and "send" Buttons have this Class
nxp_poll_question_index
The Indicator of the current and the total Sum of Questions has this Class
nxp_poll_item_options
The Box of Answers for each Question has this Class
nxp_poll_item_option
Every Poll Option has this Class
Last modified 1mo ago