Difference between revisions of "User Interface Speaker Selector"

From IVS Wiki
Jump to: navigation, search
(→‎Description/Objective)
(→‎Canvas Settings)
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
=Description/Objective=
 
=Description/Objective=
−
The Biamp Canvas User Interface software will allow us to give our customers access to almost any parameters in the Tesira configuration. The use case that IVS will almost always be creating for a customer is a speaker selector - the ability to send audio from a push-to-talk mic to different speakers in a moment's notice.  
+
The Biamp Canvas User Interface software will allow a customer access to almost any parameters in the Tesira configuration. One use case that IVS will often be creating for a customer is a speaker selector - the ability to send audio from a push-to-talk mic to different speakers in a moment's notice.  
  
−
In this section, we will build the corresponding Canvas UI for the Speaker Selector Tesira config. There is one camera, one sim room mic, one control room mic, one OWISP overhead speaker, one PSP in-wall patient speaker, and one control room PSP in-wall speaker. The customer would like to send audio to the OWISP or the patient speaker, or mute the push-to-talk audio.
+
In this section, we will build the corresponding Canvas UI for the Speaker Selector Tesira config. There is one camera, one sim room mic, one control room mic, one overhead speaker, one PSP in-wall patient speaker, and one control room PSP in-wall speaker. The customer would like to choose to send audio to the overhead speaker or the patient speaker, or mute the push-to-talk audio altogether.
  
 
=Physical Wiring=
 
=Physical Wiring=
Line 8: Line 8:
 
Physical wiring and the line diagram is available in the Tesira config section for this example, so this should already be complete.  
 
Physical wiring and the line diagram is available in the Tesira config section for this example, so this should already be complete.  
  
−
The only other thing to keep in mind is: The computers with the Biamp UI will need to be able to reach the Tesira on the network. This should not typically be an IVS task, and should be up to the customer.
+
The only other thing to keep in mind is: The computers with the Biamp UI will need to be able to reach the Tesira on the network or over wifi (certain ports must be open for connectivity over wifi). Networking is typically be a task for the customer; IVS is only a guide in this matter.
  
 
=Components=
 
=Components=
Line 16: Line 16:
 
==Tesira==
 
==Tesira==
  
−
[[File:Tesira_Speaker_Selector_Blocks.png]]
+
Copy the Standard Mixer and paste it into a blank Canvas file.
  
−
There will be 2 components of interest in the Tesira config.
+
{{img | file = Tesira_Speaker_Selector_Blocks_4.png}}
−
# The Standard Mixer (renamed "Speaker Selector") passes audio. The presets will drive the mixer.
 
−
# Preset Buttons, which drive the mixer, and will be buttons in the Canvas UI.  
 
  
−
Copy the Preset Block and Standard Mixer and paste them into a blank Canvas file.
+
==Canvas Blocks==
 +
 
 +
A Standard Mixer as it first appears in Canvas.
 +
 
 +
{{img | file = Canvas_Speaker_Selector_Blocks_3.png}}
  
−
==Canvas Blocks==
+
Ungroup the Buttons. Leave only the output channel names and mute buttons, and the large 'Speaker Selector' border.
 +
 
 +
{{img | file = Canvas_Speaker_Selector_Blocks_4.png}}
 +
 
 +
Select each Mute button and update display properties. Since these are Mute buttons that we will use as Activate buttons, the parameters will be backwards.
 +
 
 +
{{img | file = 095_Canvas_Speaker_Selector_Blocks_7.png}}
 +
 
 +
#* In "Text Off", type Active
 +
#* In "Text On", type Muted
 +
#* In "Background Off Color", select green or blue (active state)
 +
#* In "Backlight On Color", select dark grey or even red (inactive state)
 +
 
 +
==Other Elements==
 +
 
 +
Use a static control to create a border around all user elements.
 +
 
 +
Use a picture control to add a logo for the customer if desired.
  
−
[[File:Canvas_Blocks.png]]
+
Use a button control to create an Exit option.
  
−
Logic Meter, Preset Buttons, and Level Block as they first appear in Canvas. Ungroup them and arrange them to create the best user experience for the customer. There are also many options for appearance and color available.
+
==Appearance==
 +
  
−
An appropriate layout might look something like this:  
+
Alter the elements to create an effective User Interface for the customer. An appropriate layout might look something like this:  
  
−
[[File:Canvas_Config_File_2.png]]
+
{{img | file = V2_Canvas_Speaker_Selector_Config.png}}
  
−
# Level Block in Canvas. When ungrouped, the mute button can be separated from the level slider.
+
# The logos are simple image components in Canvas, for branding and appearance purposes. Upload the image(s) when creating the image components.  
−
# Logic Meters, which light up with the preset buttons.
 
−
# Preset Buttons, which control the Source Selector block in the Tesira config.
 
−
# A simple image component in Canvas, for branding and appearance purposes. This image will have to be stored on the local computer somewhere, then uploaded into this block component.  
 
 
# Exit button. Once the UI config is complete, it should be set up to auto launch with a desktop icon (instructions in another section). The customer will not (or should not) have access to any menu, so an Exit button will be necessary (instructions in another section).
 
# Exit button. Once the UI config is complete, it should be set up to auto launch with a desktop icon (instructions in another section). The customer will not (or should not) have access to any menu, so an Exit button will be necessary (instructions in another section).
 +
 +
=Canvas Settings=
 +
Click the image below for Canvas Settings and Auto-Connect:
 +
 +
{{img | file = Canvas_Options.png}}

Latest revision as of 09:56, 10 May 2022

Description/Objective

The Biamp Canvas User Interface software will allow a customer access to almost any parameters in the Tesira configuration. One use case that IVS will often be creating for a customer is a speaker selector - the ability to send audio from a push-to-talk mic to different speakers in a moment's notice.

In this section, we will build the corresponding Canvas UI for the Speaker Selector Tesira config. There is one camera, one sim room mic, one control room mic, one overhead speaker, one PSP in-wall patient speaker, and one control room PSP in-wall speaker. The customer would like to choose to send audio to the overhead speaker or the patient speaker, or mute the push-to-talk audio altogether.

Physical Wiring

Physical wiring and the line diagram is available in the Tesira config section for this example, so this should already be complete.

The only other thing to keep in mind is: The computers with the Biamp UI will need to be able to reach the Tesira on the network or over wifi (certain ports must be open for connectivity over wifi). Networking is typically be a task for the customer; IVS is only a guide in this matter.

Components

Open the Speaker Selector Tesira configuration.

Tesira

Copy the Standard Mixer and paste it into a blank Canvas file.

Tesira Speaker Selector Blocks 4.png

Canvas Blocks

A Standard Mixer as it first appears in Canvas.

Canvas Speaker Selector Blocks 3.png

Ungroup the Buttons. Leave only the output channel names and mute buttons, and the large 'Speaker Selector' border.

Canvas Speaker Selector Blocks 4.png

Select each Mute button and update display properties. Since these are Mute buttons that we will use as Activate buttons, the parameters will be backwards.

095 Canvas Speaker Selector Blocks 7.png

    • In "Text Off", type Active
    • In "Text On", type Muted
    • In "Background Off Color", select green or blue (active state)
    • In "Backlight On Color", select dark grey or even red (inactive state)

Other Elements

Use a static control to create a border around all user elements.

Use a picture control to add a logo for the customer if desired.

Use a button control to create an Exit option.

Appearance

Alter the elements to create an effective User Interface for the customer. An appropriate layout might look something like this:

V2 Canvas Speaker Selector Config.png

  1. The logos are simple image components in Canvas, for branding and appearance purposes. Upload the image(s) when creating the image components.
  2. Exit button. Once the UI config is complete, it should be set up to auto launch with a desktop icon (instructions in another section). The customer will not (or should not) have access to any menu, so an Exit button will be necessary (instructions in another section).

Canvas Settings

Click the image below for Canvas Settings and Auto-Connect:

Canvas Options.png

Retrieved from "https://ipivs.info/wiki/index.php?title=User_Interface_Speaker_Selector&oldid=9167"