TPU SOUND PROJECT

1. Introduction
2. HW requirements
3. SW requirements
4. UPnP services used
5. The UPnP control point
6. The UPnP media renderer (smart speaker)
7. The user interface

TPU-Sound Project

The user interface - Static part

• The following tool is the volume bar, which is used to regulate the intensity of the loudspeaker's volume.

  

  In this case we would like to focus on the code because there is a line, in this case the one in the red box, which is referred to a digital time counter. In the main view it is hidden and he will pop up when the song list is loaded in the table. Its position is in the middle between the volume bar and the time bar. In order to be complete, we have that the line in the brown box is referred to the volume bar and the one in the green box brings on the screen the volume icon. Even in this case, the style is regulated by the " format.css " and the " jquery-ui.css " file.