When you operate your project containing a Horizontal Slider control, your device will be connected to the Ethernet, and when your browser is pointed at the address of your device, the browser will show the layout that contains your Horizontal Slider control.

To use this control to adjust the Volume, you just drag the small black rectangular "slide rule slider" thumb to the left or right, just as you would any PC based slider control. When you do that, several things happen:

1) When you first start dragging the slider, you place the mouse cursor over the "thumb" and press the mouse button down. The Horizontal Slider control will send a "1" to your device, using the Integer variable whose Id you set in the i property of the slider (i4 in this case).  Your device firmware may use that signal for some purpose.

2) As you move the "thumb" left or right, your Horizontal Slider control will send a stream of new values to your device, using the Numeric variable whose Id you set in the n property of the slider (n0 in this case).  You probably will want to have your device firmware use that value for some purpose, like setting the "Volume" on your device.

3) If the String variable whose Id you set in the s property of the slider has a format string that refers to the same Numeric variable as property n, then the numeric value shown below the slider "thumb" will immediately change as well.  (This happens automatically: you don't need to do anything.)

4) When you stop dragging the slider "thumb," you release the mouse button. The Horizontal Slider control will send a "0" to your device, using the Integer variable whose Id you set in the i property of the slider (i4 in this case).