Player web interface

Introduction

The built-in responsive player web interface offers access to the full management of the player from a standard web browser. It comes with the following tools for:

Player configuration:
- Control Center tool
- User manager tool
Content management (only on DiVA, HMP300, and HMP350 models)
- Content creation tool
- Content scheduling tool

Connect to the web interface

See also the "Get started with the player" tutorial for more details about connecting the device on your network.

To access the player web interface, simply enter this: http(s)://Player_address/ in the address bar of a browser.

At this point, you get directed to:

SpinetiX ARYA™ website in case of DiVA, HMP300, and HMP350 having ARYA mode enabled, or HMP400, HMP400W, iBX410, iBX440 and third-party players without a DSOS license activated.
Configuration Wizard when the player has not been yet configured.
Control Center home page or its Login screen where you need to enter your username and password.
Simplified home page on DiVA, HMP300, and HMP350 models, when the user doesn't have admin rights, composed of three big, clickable areas: Create, Schedule, and player snapshot.

Notes:

It is always possible to return to the home page by clicking on the player name on the left side of the top bar menu.
The default user created on the player is "admin" (it cannot be changed, nor removed), with its default password set to "admin" as well; you are prompted to enter a new password at the last step of the Configuration Wizard – it is strongly recommended changing the default password for obvious security reasons. This can also be done later from the User manager tool.
If the player is in ARYA and you want to access its Control Center, you need to remove it first from ARYA.
Players with more than one admin user, allow access to Control Center instead of redirecting the user to ARYA.

Control Center home page

The Control Center home page displays general information about the device: player status summary, current settings, the content snapshot, plus some quick links to maintenance tasks. A left side menu provides links to all the other pages in Control Center.

Player status

This section contains the player logo, its date/time information, plus six information boxes (clicking on any of them, brings out more information and / or links to configuration pages), as following:

Up time
Current running time of the player.
CPU Load
Current CPU usage of the player; clicking on the box gives extended info about CPU distribution and frame drops.
Storage
Current use of the player internal storage.
Display
Current display status.
Network
Status of the network connection. An exclamation mark may be shown in case of network issues. Clicking on the box gives extra network information such as IP addresses, hostname address, and MAC address.
Firmware
Current player firmware. An exclamation mark may be shown in case the firmware needs to be updated. Clicking on the box gives extra information about the firmware update.

Current Settings

This section gives a brief summary of the important settings of the player:

License type (if any)
Serial number of the player
Name
Time zone
Display settings

Plus two buttons:

Enable/Disable ARYA
Toggles the ARYA mode on the player.

This button is not present by default on HMP350 and HMP300, but with firmware 4.6.3 (up to 4.6.5), you can apply a special configuration file to enable it.

Starting with firmware 4.7.1, HMP350 and HMP300 players have ARYA enabled by default and maintain a connection to the SpinetiX cloud even when ARYA is not enabled, as it was already the case for DiVA players. Thus, the ARYA configuration file for HMP300/HMP350 is no longer present on the PLAYER page in ARYA.
Configuration Wizard
Starts the Configuration Wizard, allowing to redo the initial steps of configuring the player.

The Configuration Wizard is automatically started the first time Control Center is accessed; during the initial setup, an additional step is required to configure the admin password of the device.

Quick Links

This section allows the user to do the following maintenance operations:

Restore Config
This allows restoring a configuration backup (for instance, when a reset to factory default settings was performed on the device) or applying a custom configuration file.
Configure Cockpit / Open in Cockpit
The former is displayed when the device is not yet monitored by Cockpit - pressing the button opens the System > Cockpit page, from where you can add the device in Cockpit.

The latter is displayed when the device is already monitored by Cockpit - pressing the button opens the player monitoring page of Cockpit for that device (login required).
Generate Report
Generate a standard player report.

This is usually required by SpinetiX Support for troubleshooting whenever the device is not functioning properly.
Restart Now
Restart the device in case of configuration changes, or any other maintenance operation.

Snapshot

This section shows a snapshot image of what is currently displayed by the player. Click the "Refresh" button to reload the snapshot image.

Top bar menu

The top bar menu is present on all the pages of the player web interface and provides the following quick links:

Device name ⇾ click to go to Home page
CREATE ⇾ click to open the content creation tool (only on DiVA, HMP300, and HMP350 models)
SCHEDULE ⇾ click to open the content scheduling tool (only on DiVA, HMP300, and HMP350 models)
Gear icon ⇾ click to open the Control Center home page
User icon ⇾ click to open the User manager tool
Logout icon ⇾ click to log out from the player interface

Note:

An additional link to a custom HTML interface (details below) could also be present on the top bar.

Custom HTML interface

Applies to HMP400, HMP400W, HMP350, HMP300, iBX410, iBX440. Added in firmware 4.2.0.

This neat feature provides a way to integrate your user-friendly HTML interface on the player, thus removing the need for a dedicated web server. Such an interface could make use of the player's APIs for remote control, retrieve different player information, monitoring, etc. One of the most common scenarios is to provide an easy mean for the users to interact/control the content displayed by the player - for that, the interface would use Web Storage REST API calls to update a Shared Variable controlling an "Action to Switch" interactive widget inside the project.

Here are the steps to follow:

Create your HTML interface as an "index.html" file.
- Make sure to add a title element on this file → this is used to add a link towards the HTML interface on the top-bar menu in HMP Control Center; up to 20 Western-Latin alphabet characters (or less if extended characters are present) are used for the label.
- If other files are used for the HTML interface, like CSS, scripts, etc., then put all of them inside a folder called "interface"; you can do this even if there's only the index.html file.
- The interface should not contain absolute links to other files, only relative links are guaranteed to work reliably.
Add the HTML interface file(s) within the root of an Elementi project.
Publish the project onto the player.
Access the player web interface and log in with a user having "Content authoring" or "Admin" rights.
Find the link for your HTML interface on the top-bar menu.
- If there's an index.html file present in the root of the project and another one inside an "interface" folder, the file in the project's root takes precedence over one in the interface folder.

Troubleshooting

In case of using IE browser to access the player web interface, make sure that compatibility mode is disabled.
Internal Server Error - The server encountered an internal error or misconfiguration and was unable to complete your request.
If this error is received when trying to connect to the player web interface, then either the firmware got corrupted or the player is incorrectly configured - the solution is to install the latest firmware package from Recovery mode.