Show/Hide Toolbars

Bridge-IT XTRA User Manual v3.0 (Firmware v2.16.xx)

Navigation: » No topics above this level «

HTML5 Toolbox Web-GUI Introduction

Scroll Prev Top Next More

The following sections provide an overview of the different configuration panels available within the codec's HTML5 Toolbox Web-GUI. Navigate with the mouse pointer to the Menu bar at the top of the Web-GUI screen and click to select and open each panel in turn.

 

HTML GUI Menu Bar for Opening Panels

HTML GUI Menu Bar for Opening Panels

 

When you first open the HTML5 Toolbox Web-GUI the Program Loader panel, Connections panel and PPMs panel are loaded by default. If you retain cookies in your browser, any panels opened previously in the Web-GUI are automatically populated when you log in next. The default panel view is displayed on login if cookies have been cleared.

 

The green Online indication in the top left-hand corner of the Toolbox Web-GUI indicates it is online and can be used for codec control. A red Offline indication is displayed when the codec is unavailable. The Upgrade symbol is displayed when a new firmware version is available for the codec. Open the Firmware panel in the Settings menu to upgrade the codec with new firmware.

 

Adjusting the Theme

To adjust the Theme or 'skin' of the HTML5 Toolbox Web-GUI, navigate to the Menu bar at the top of the screen and click Theme, then click to select your preferred option. Note: this manual uses the White theme for most images.

 

HTML Panel opening menu no alarms - slate

Opening a Panel & Adjusting Screen Position

Click an item in the Menu bar to display available panel options, then click to select and open a panel. New panels automatically open in the top left of the screen. A green Tick adjacent to a panel name in the menu signifies it is already open in the web-GUI.

 

HTML_Connect-dropdown_menu_no_scheduler

Position the mouse pointer over a panel's Title bar and click and drag to move a panel and reposition it in a preferred screen position.

 

HTML Bridge - move panels

Connect Panels: Load & Connect Programs & Manage Audio Streams

Connections Panel

HTML Bridge Master - Connections

 

 

Feature

Description

1

Program Connect/Disconnect button

Click to connect/disconnect all audio streams in a program.

2

Audio Stream Connect/Disconnect button

Click to connect/disconnect all connections in an audio stream.

3

Connection Connect/Disconnect button

Click to connect/disconnect an individual connection. Click to adjust the connection bit-rate when a connection is active.

4

Show/Hide Arrow

Click to show/hide audio stream and connection details.

5

Close button

Click to close the panel.

 

Program Loader Panel

HTML Bridge Connect - Program Loader

 

 

Feature

Description

1

Programs list

Lists all configured programs which have been added into the codec. Click to select a program before loading.

2

Listing options

Alphabetical listing options

3

Close button

Click to close the panel.

4

Check-box symbol

The Check-box symbol identifies the currently loaded program in the codec.

5

Load and Unload button

Click Load to load the currently selected program in the Programs list; the button changes automatically to Unload after loading, to allow unloading of a program when required.

 

Program Manager Panel

HTML_Bridge-Program_Manager

 

 

Feature

Description

1

Program list

The list of saved programs in the codec.

2

Create New Program button

Click to create a new program using the program wizard.

3

Delete Selected Program button

Click to delete all selected programs

4

Create New Program button

Click to create a new program using the program wizard.

5

Close button

Click to close the panel.

 

Statistics Panel

HTML Bridge Master - Statistics

 

Statistics Panel

 

Feature

Description

1

Show/Hide Arrow

Click to show/hide audio stream statistics.

2

Show/Hide Arrow

Click to show/hide individual connection statistics.

3

Close button

Click to close the panel.

 

Audio Menu Panels

Inputs Panel

HTML_Bridge-Inputs_20170613

 

 

Feature

Description

1

Settings button

Click to adjust input Type and Gain, IGC settings and input Name. Note: input Type adjustment only available for input 1.

2

Close button

Click to close the panel.

3

On/Off button

Click to toggle an input on or off.

4

Input Sliders/Faders

Input gain control sliders/faders.

5

PPM meter

Input PPM meter.

6

Input gain adjustment

Click to adjust input gain in 0.5dB increments

 

PPMs Panel

HTML Bridge Master - PPMs

 

PPMs Panel

 

Feature

Description

1

PPM Meters

4 PPM meters.

2

Close button

Click to close the panel.

 

Control Menu

Rules Panel

HTML Bridge Rules - 5 Rules 20170123

 

 

Rule

Description

1

Connect and disconnect a program when an input is toggled

Click to configure connection and disconnection by toggling an input.

2

Connect a program when an input is switched ON; Disconnect when another input is switched ON

Click to configure connection and disconnection after different relay inputs are switched ON.

3

Synchronize a local relay input with a remote relay output

Click to configure a local relay input to synchronize with the state of a remote relay output.

4

Synchronize a local relay input with a local relay output

Click to configure a local relay input to synchronize with the state of a local relay output.

5

Toggle a relay based on a connection's status

Click to configure a relay to toggle based on connection status.

6

Back / Add New Rule button

Click to add a new rule, or exit the rule creation function.

7

Close button

Click to close the panel.

 

Transport Panels

There are several Transport panels which can be opened in the Web-GUI. Each panel provides specific transport-related configuration settings and options. Click to select and open each panel.

 

As an example, the Network panel is displayed with network interface configuration options. A brief description of the other panel options is also provided.

HTML_Bridge-Transport_menu

As an example, the Network panel is displayed with network interface configuration options. A brief description of the other panels is also provided.

 

HTML_Bridge_Transport-Network_20171019

 

 

Feature

Description

1

Network

Click to select and edit, or view network configuration settings for the LAN, VLAN and USB interfaces.

2

Details tab

Display configuration options for a selected network interface, plus other device details.

3

Control/Streaming

Select Control and/or Streaming options for the selected interface.

4

TCP/IP and DNS tabs

Select the TCP/IP tab to configure IPv4/IPv6 address details. Select the DNS tab to specify DNS addresses and domains to search.

5

Enable check-box

Select the check-box to enable an interface.

6

Save/Undo button

Click Save to store settings, or click Undo to revert to previously configured settings.

7

Fuse-IP

Click to open the Fuse-IP panel and configure Fuse-IP bonding

8

IP Via Mapping

Configure default Primary, Secondary and Tertiary interfaces.

9

Network

Click to open the Network panel and configure network settings.

10

SIP Accounts

Click to open the panel and edit SIP account settings. Up to 6 SIP accounts are supported.

11

SIP Filter Lists

Add trusted network codecs to the URI Whitelist. Add SIP URIs to the URI Blacklist and add user agents to the User Agent Blacklist to deny them access to the codec.

12

SIP Interfaces

Click to open the panel and configure port, proxy and Via settings for the SIP1 and SIP2 interfaces. The codec supports dialing over these SIP interfaces simultaneously.

 

Settings Panels

There are several Settings panels which can be opened in the Web-GUI. Each panel provides specific codec configuration settings and options. Click to select and open each panel.

 

As an example, the Network panel is displayed with network interface configuration options. A brief description of the other panel options is also provided.

Settings panels

Settings panels

 

HTML_Bridge_Settings_20170614

 

Feature

Description

1

Options tab

Click to open the panel; configure RS232 and QoS data settings, lock a loaded user Program and adjust Session Port settings, SNMP, the analog input PPM scale, reference level, AES Output Clock sample rate and enable/disable the Quick Connect HTML Web-GUI option.

2

Licensing tab

Click to open the panel; select a license file and install it in the codec.

3

Date and Time

Click to open the panel view and sync the codec to NTP time.

4

Firmware tab

Click to open the panel; view software versions, download firmware and perform an upgrade.

5

Reset / Backup

Click to open the panel; reset codec default settings and perform backup/restore of codec programs and settings.

 

Help Panels

Resources Panel

HTML Bridge Help - Resources

 

 

Feature

Description

1

Close button

Click to close the panel.

2

User manual link

Click to open the codec user manual in a new browser, or view support information (Note: the codec name displayed will vary by product type)

3

Support website link

Click to visit the support page on the Tieline website.

4

Email Support

Click to email Tieline support.

5

Event Logs

Click to download user-viewable event logs

6

Support Logs

Click to download diagnostic information that can be sent to Tieline support

 

About Panel

The About panel provides details of the codec Toolbox and firmware version, as well as the codec serial number. Note: the codec name displayed will vary by product type.

 

HTML Bridge Help - About

 

 

Feature

Description

1

Close button

Click to close the panel.

 

Language Selection

The HTML5 Toolbox Web-GUI offers language support for several languages.

 

1.Click on the Language drop-down menu arrow in the top right-hand corner of the Web-GUI page.

2.Select the preferred language to display.

 

HTML Bridge - Select Language