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
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.
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.

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.

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.


  | 
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.  | 

  | 
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.  | 

  | 
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  | 
||
  | 
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.  | 

  | 
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  | 
||
  | 
Feature  | 
Description  | 
1  | 
PPM Meters  | 
4 PPM meters.  | 
2  | 
Close button  | 
Click to close the panel.  | 

  | 
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.  | 
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.  | 
  | 
As an example, the Network panel is displayed with network interface configuration options. A brief description of the other panels is also provided.

  | 
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.  | 
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  | 

  | 
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.  | 

  | 
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  | 
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.

  | 
Feature  | 
Description  | 
1  | 
Close button  | 
Click to close the panel.  | 
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.
