From 08dddef861bda0b0bd8667c825d1a6bf22ff009a Mon Sep 17 00:00:00 2001
From: Ray Zhang <41682958+zhang-ray@users.noreply.github.com>
Date: Thu, 1 Nov 2018 20:35:55 +0800
Subject: [PATCH] [UI] brand new UI!

---
 client_essential/Worker.cpp                   |  24 +-
 client_qt5/CMakeLists.txt                     |   9 +-
 client_qt5/mainwindow.cpp                     | 256 +++++--
 client_qt5/mainwindow.hpp                     |  46 +-
 client_qt5/mainwindow.ui                      | 716 ++++++++++--------
 client_qt5/resources/Resource.qrc             |   9 +
 client_qt5/resources/microphone.png           | Bin 0 -> 1802 bytes
 client_qt5/resources/speaker.png              | Bin 0 -> 19857 bytes
 client_qt5/resources/vertical_bar_empty.png   | Bin 0 -> 2883 bytes
 client_qt5/resources/vertical_bar_full.png    | Bin 0 -> 2883 bytes
 .../resources/vertical_bar_half_full.png      | Bin 0 -> 2883 bytes
 include/evc/AudioVolume.hpp                   |   6 +-
 include/evc/Worker.hpp                        |  34 +-
 misc/resources/vertical_bar_empty.svg         |  66 ++
 misc/resources/vertical_bar_full.svg          |  66 ++
 misc/resources/vertical_bar_half_full.svg     |  66 ++
 server/BoostAsioTcpServer.cpp                 |   5 +-
 17 files changed, 914 insertions(+), 389 deletions(-)
 create mode 100644 client_qt5/resources/Resource.qrc
 create mode 100644 client_qt5/resources/microphone.png
 create mode 100644 client_qt5/resources/speaker.png
 create mode 100644 client_qt5/resources/vertical_bar_empty.png
 create mode 100644 client_qt5/resources/vertical_bar_full.png
 create mode 100644 client_qt5/resources/vertical_bar_half_full.png
 create mode 100644 misc/resources/vertical_bar_empty.svg
 create mode 100644 misc/resources/vertical_bar_full.svg
 create mode 100644 misc/resources/vertical_bar_half_full.svg

diff --git a/client_essential/Worker.cpp b/client_essential/Worker.cpp
index 6ea1a6d..9ae77d6 100644
--- a/client_essential/Worker.cpp
+++ b/client_essential/Worker.cpp
@@ -20,7 +20,7 @@ decltype(WebRtcNsx_Create()) ns_ = nullptr;
 
 using namespace webrtc;
 
-const char *constPort ="1222";
+//const char *constPort ="80";
 
 Worker::Worker(bool needAec)
     :needAec_(needAec)
@@ -82,8 +82,7 @@ bool Worker::initCodec(){
 }
 
 bool Worker::initDevice(std::function<void(const std::string &, const std::string &)> reportInfo,
-                        std::function<void(const uint8_t)> reportMicVolume,
-                        std::function<void(const uint8_t)> reportSpkVolume,
+                        std::function<void(const AudioIoVolume)> reportVolume,
                         std::function<void(const bool)> vadReporter){
     device_ = &(Factory::get().create());
 
@@ -91,20 +90,19 @@ bool Worker::initDevice(std::function<void(const std::string &, const std::strin
     std::string spkInfo;
     if (device_->init(micInfo, spkInfo)){
         reportInfo(micInfo, spkInfo);
-        micVolumeReporter_ = reportMicVolume;
-        spkVolumeReporter_ = reportSpkVolume;
+        volumeReporter_ = reportVolume;
         vadReporter_ = vadReporter;
         return true;
     }
     return false;
 }
 
-void Worker::asyncStart(const std::string &host, std::function<void (const NetworkState &, const std::string &)> toggleState){
+void Worker::asyncStart(const std::string &host,const std::string &port, std::function<void (const NetworkState &, const std::string &)> toggleState){
     syncStop();
-    netThread_.reset(new std::thread(std::bind(&Worker::syncStart, this, host, toggleState)));
+    netThread_.reset(new std::thread(std::bind(&Worker::syncStart, this, host, port, toggleState)));
 }
 
-void Worker::syncStart(const std::string &host,
+void Worker::syncStart(const std::string &host,const std::string &port,
                         std::function<void(const NetworkState &newState, const std::string &extraMessage)> toggleState
                           ){
 
@@ -114,7 +112,7 @@ void Worker::syncStart(const std::string &host,
         bool isLogin = false;
         TcpClient client(
                     host.c_str(),
-                    constPort,
+                    port.c_str(),
                     [&](TcpClient *_TcpClient, const NetPacket& netPacket){
             // on Received Data
             switch (netPacket.payloadType()){
@@ -147,9 +145,9 @@ void Worker::syncStart(const std::string &host,
                         }
                     }
                     auto ret = device_->write(decodedPcm);
-                    if (spkVolumeReporter_){
+                    if (volumeReporter_){
                         static SuckAudioVolume sav;
-                        spkVolumeReporter_(sav.calculate(decodedPcm));
+                        volumeReporter_({AudioInOut::Out, sav.calculate(decodedPcm, AudioIoVolume::MAX_VOLUME_LEVEL)});
                     }
                     if (!ret) {
                         std::cout << ret.message() << std::endl;
@@ -251,9 +249,9 @@ void Worker::syncStart(const std::string &host,
 
 
 
-            if (micVolumeReporter_){
+            if (volumeReporter_){
                 static SuckAudioVolume sav;
-                micVolumeReporter_(sav.calculate(denoisedBuffer));
+                volumeReporter_({AudioInOut::In, sav.calculate(denoisedBuffer, AudioIoVolume::MAX_VOLUME_LEVEL)});
             }
 
             auto haveVoice = (1==WebRtcVad_Process(vad, sampleRate, denoisedBuffer.data(), sampleRate/100));
diff --git a/client_qt5/CMakeLists.txt b/client_qt5/CMakeLists.txt
index f80578c..796d077 100644
--- a/client_qt5/CMakeLists.txt
+++ b/client_qt5/CMakeLists.txt
@@ -49,14 +49,19 @@ set(SRCS
     mainwindow.ui
     mainwindow.cpp
     main.cpp
+
 )
 
+# QRC files
+set(QRC_SOURCE_FILES resources/Resource.qrc)
+qt5_add_resources(QRC_FILES ${QRC_SOURCE_FILES})
+
 
 
 if(WIN32)
-    add_executable(${PROJECT_NAME} WIN32 ${SRCS} resources/Resource.rc)
+    add_executable(${PROJECT_NAME} WIN32 ${SRCS} ${QRC_FILES} resources/Resource.rc)
 else(WIN32)
-    add_executable(${PROJECT_NAME} ${SRCS})
+    add_executable(${PROJECT_NAME} ${SRCS} ${QRC_FILES})
 endif(WIN32)
 
 target_link_libraries(
diff --git a/client_qt5/mainwindow.cpp b/client_qt5/mainwindow.cpp
index f65e0d5..6f228a7 100644
--- a/client_qt5/mainwindow.cpp
+++ b/client_qt5/mainwindow.cpp
@@ -12,15 +12,21 @@
 #include <QDir>
 #include <QDebug>
 #include <memory>
+#include <QKeyEvent>
+#include <QDesktopServices>
 
 
-/// TODO:
-/// - display VAD result in real-time
 
+QEvent::Type AudioVolumeEvent::sType = (QEvent::Type)QEvent::registerEventType();
+QEvent::Type VadEvent::sType = (QEvent::Type)QEvent::registerEventType();
 
-MainWindow::MainWindow(QWidget *parent) :
-    QMainWindow(parent),
-    ui(new Ui::MainWindow)
+
+MainWindow::MainWindow(QWidget *parent)
+    :QMainWindow(parent)
+    ,ui(new Ui::MainWindow)
+    ,vertical_bar_full(":/vertical_bar_full.png")
+    ,vertical_bar_empty(":/vertical_bar_empty.png")
+    ,vertical_bar_half_full(":/vertical_bar_half_full.png")
 {
     ui->setupUi(this);
 
@@ -47,20 +53,94 @@ MainWindow::MainWindow(QWidget *parent) :
 
 
 
-    //        init UI
+    /// Init UI
     {
-        // -> center of screen
-        setGeometry(QStyle::alignedRect(
-                        Qt::LeftToRight,
-                        Qt::AlignCenter,
-                        size(),
-                        qApp->desktop()->availableGeometry()
-                        )
-                    );
-        setFixedSize(width(), height());
-        updateUiState(NetworkState::Disconnected);
+        /// -> center of screen, and fix window Size
+        {
+            setGeometry(QStyle::alignedRect(
+                            Qt::LeftToRight,
+                            Qt::AlignCenter,
+                            size(),
+                            qApp->desktop()->availableGeometry()
+                            )
+                        );
+            setFixedSize(width(), height());
+
+        }
+
+
+
+        /// insert images to qlabels
+        {
+            ui->label_img_ain->setPixmap(QPixmap(":/microphone.png"));
+            ui->label_img_ain->setScaledContents(true);
+
+            ui->label_img_aout->setPixmap(QPixmap(":/speaker.png"));
+            ui->label_img_aout->setScaledContents(true);
+        }
+
+
+
+        /// FIX ME.... ugly enough
+        {
+            {
+                auto type = 0;
+                auto index = 0;
+                label_img_[type][index++]=ui->label_img_ain_bar0;
+                label_img_[type][index++]=ui->label_img_ain_bar1;
+                label_img_[type][index++]=ui->label_img_ain_bar2;
+                label_img_[type][index++]=ui->label_img_ain_bar3;
+                label_img_[type][index++]=ui->label_img_ain_bar4;
+                label_img_[type][index++]=ui->label_img_ain_bar5;
+                label_img_[type][index++]=ui->label_img_ain_bar6;
+                label_img_[type][index++]=ui->label_img_ain_bar7;
+                label_img_[type][index++]=ui->label_img_ain_bar8;
+                label_img_[type][index++]=ui->label_img_ain_bar9;
+            }
+
+            {
+                auto type = 1;
+                auto index = 0;
+                label_img_[type][index++]=ui->label_img_aout_bar0;
+                label_img_[type][index++]=ui->label_img_aout_bar1;
+                label_img_[type][index++]=ui->label_img_aout_bar2;
+                label_img_[type][index++]=ui->label_img_aout_bar3;
+                label_img_[type][index++]=ui->label_img_aout_bar4;
+                label_img_[type][index++]=ui->label_img_aout_bar5;
+                label_img_[type][index++]=ui->label_img_aout_bar6;
+                label_img_[type][index++]=ui->label_img_aout_bar7;
+                label_img_[type][index++]=ui->label_img_aout_bar8;
+                label_img_[type][index++]=ui->label_img_aout_bar9;
+            }
+            for (int i = 0; i <AudioIoVolume::MAX_VOLUME_LEVEL; i++){
+                label_img_[0][i]->setScaledContents(true);
+                label_img_[1][i]->setScaledContents(true);
+            }
+        }
+
+
 
-        connect(ui->lineEdit_serverHost, SIGNAL(returnPressed()), ui->pushButton_connecting, SLOT(click()));
+        /// tool tip
+        {
+            ui->lineEdit_serverHost->setToolTip("example: your.server.com\n or:      12.45.67.89");
+        }
+
+
+        {
+            connect(ui->lineEdit_serverHost, SIGNAL(returnPressed()), ui->pushButton_connecting, SLOT(click()));
+            connect(ui->lineEdit_serverPort, SIGNAL(returnPressed()), ui->pushButton_connecting, SLOT(click()));
+        }
+
+
+
+        /// init state
+        {
+            onVolumeChanged({AudioInOut::In, 0u});
+            onVolumeChanged({AudioInOut::Out, 0u});
+            updateUiState(NetworkState::Disconnected);
+            toggleAdvancedMode(true);
+            showMessage("F1: help    F2: advanced mode");
+        }
     }
 
 }
@@ -90,49 +170,7 @@ MainWindow::~MainWindow()
 void MainWindow::on_pushButton_connecting_clicked(){
     switch (currentUiState_){
     case NetworkState::Disconnected: {
-        {
-            updateUiState(NetworkState::Connecting);
-
-
-            worker_ = std::make_shared<Worker>(ui->checkBox_needAec->checkState()==Qt::CheckState::Checked);
-
-            try {
-                if (!worker_->initCodec()){
-                    throw "worker_.initCodec failed";
-                }
-                if (!worker_->initDevice(
-                            [this](const std::string &micInfo,
-                                   const std::string &spkInfo){
-                                    ui->label_micInfo->setText(micInfo.c_str());
-                                    ui->label_spkInfo->setText(spkInfo.c_str());
-                                   },[this](const uint8_t newVolume){
-                                        ui->label_volumeMic->setText(std::to_string(newVolume).c_str());
-                                    }, [this](const uint8_t newVolume){
-                                        ui->label_volumeSpk->setText(std::to_string(newVolume).c_str());
-                                    }, [this] (const bool isActive){
-                                        ui->label_vad->setText(isActive? "active" : "inactive");
-                                    }
-                    )){
-                        throw "worker_.initDevice failed";
-                }
-            }
-            catch (std::exception &e){
-                qDebug() << "Exception: " << e.what() << "\n";
-            }
-
-
-            worker_->asyncStart(
-                        ui->lineEdit_serverHost->text().toStdString(),
-                        [this](
-                        const NetworkState newState,
-                        const std::string extraMessage
-                        )
-            {
-                showMessage(extraMessage);
-                updateUiState(newState);
-            }
-            );
-        }
+        gotoWork();
         break;
     }
     case NetworkState::Connected:{
@@ -152,6 +190,7 @@ void MainWindow::updateUiState(const NetworkState networkState){
     switch(networkState){
     case NetworkState::Disconnected:{
         ui->lineEdit_serverHost->setEnabled(true);
+        ui->lineEdit_serverPort->setEnabled(true);
         ui->checkBox_needAec->setEnabled(true);
         ui->pushButton_connecting->setEnabled(true);
         ui->pushButton_connecting->setText("Connect!");
@@ -160,6 +199,7 @@ void MainWindow::updateUiState(const NetworkState networkState){
     }
     case NetworkState::Connecting:{
         ui->lineEdit_serverHost->setEnabled(false);
+        ui->lineEdit_serverPort->setEnabled(false);
         ui->checkBox_needAec->setEnabled(false);
         ui->pushButton_connecting->setEnabled(false);
         ui->pushButton_connecting->setText("Connecting...");
@@ -167,6 +207,7 @@ void MainWindow::updateUiState(const NetworkState networkState){
     }
     case NetworkState::Connected:{
         ui->lineEdit_serverHost->setEnabled(false);
+        ui->lineEdit_serverPort->setEnabled(false);
         ui->checkBox_needAec->setEnabled(false);
         ui->pushButton_connecting->setEnabled(true);
         ui->pushButton_connecting->setText("Disconnect!");
@@ -178,13 +219,81 @@ void MainWindow::updateUiState(const NetworkState networkState){
     currentUiState_=networkState;
 }
 
+void MainWindow::onVolumeChanged(const AudioIoVolume aivl) {
+    if(mainThreadId_ == std::this_thread::get_id()){
+        for (int i =0;i< AudioIoVolume::MAX_VOLUME_LEVEL;i++){
+            label_img_[(uint8_t)aivl.io_][i]->setPixmap(i<aivl.level_? vertical_bar_half_full: vertical_bar_empty);
+        }
+    }
+    else{
+        QCoreApplication::postEvent(this, new AudioVolumeEvent(aivl));
+    }
+}
+
+void MainWindow::onVad(bool isActive){
+    if(mainThreadId_ == std::this_thread::get_id()){
+        ui->label_vad->setText(isActive? "active" : "inactive");
+    }
+    else{
+        QCoreApplication::postEvent(this, new VadEvent(isActive));
+    }
+}
+
+void MainWindow::toggleAdvancedMode(bool newMode)
+{
+    advancedMode_ = newMode;
+    ui->groupBox_details->setVisible(advancedMode_);
+    ui->lineEdit_serverPort->setVisible(advancedMode_);
+    setFixedSize(advancedMode_?600:300,400);
+}
+
+void MainWindow::gotoWork(){
+    try {
+        updateUiState(NetworkState::Connecting);
+
+
+        worker_ = std::make_shared<Worker>(ui->checkBox_needAec->checkState()==Qt::CheckState::Checked);
+
+        if (!worker_->initCodec()){
+            throw "worker_.initCodec failed";
+        }
+
+        if (!worker_->initDevice(
+                    std::bind(&MainWindow::onDeviceNameChanged, this, std::placeholders::_1,std::placeholders::_2),
+                    std::bind(&MainWindow::onVolumeChanged, this, std::placeholders::_1),
+                    std::bind(&MainWindow::onVad, this, std::placeholders::_1)
+                    )){
+            throw "worker_.initDevice failed";
+        }
+
+
+        worker_->asyncStart(
+                    ui->lineEdit_serverHost->text().toStdString(),
+                    ui->lineEdit_serverPort->text().toStdString(),
+                    [this](
+                    const NetworkState newState,
+                    const std::string extraMessage
+                    )
+        {
+            showMessage(extraMessage);
+            updateUiState(newState);
+        }
+        );
+
+    }
+    catch (std::exception &e){
+        qDebug() << "Exception: " << e.what() << "\n";
+    }
+
+}
+
 void MainWindow::showMessage(const std::string &message){
     try {
         if (message.empty()){
             ui->statusBar->clearMessage();
         }
         else {
-            ui->statusBar->showMessage(message.c_str()); // TODO: thread-unsafety?
+            ui->statusBar->showMessage(message.c_str());
             qDebug() << message.c_str();
         }
     }
@@ -192,3 +301,28 @@ void MainWindow::showMessage(const std::string &message){
         qDebug() << e.what();
     }
 }
+
+bool MainWindow::event(QEvent *event)
+{
+    if (event->type() == QEvent::KeyPress) {
+        QKeyEvent *ke = static_cast<QKeyEvent *>(event);
+        if (ke->key() == Qt::Key_F1){
+            QDesktopServices::openUrl(QUrl("https://github.com/zhang-ray/easy-voice-call"));
+        }
+        else if (ke->key() == Qt::Key_F2){
+            toggleAdvancedMode();
+        }
+    } else if (event->type() == AudioVolumeEvent::sType) {
+        AudioVolumeEvent *myEvent = static_cast<AudioVolumeEvent *>(event);
+        onVolumeChanged({myEvent->io_, myEvent->level_});
+        return true;
+    }
+    else if (event->type() == VadEvent::sType){
+        VadEvent *myEvent = static_cast<VadEvent *>(event);
+        onVad(myEvent->isActive_);
+        return true;
+    }
+
+    return QWidget::event(event);
+}
+
diff --git a/client_qt5/mainwindow.hpp b/client_qt5/mainwindow.hpp
index acda25c..bfc54a9 100644
--- a/client_qt5/mainwindow.hpp
+++ b/client_qt5/mainwindow.hpp
@@ -4,16 +4,39 @@
 #include <QMainWindow>
 #include <memory>
 #include "evc/Worker.hpp"
-
-
+#include <QLabel>
+#include <QEvent>
 
 namespace Ui {
 class MainWindow;
 }
 
 
+class AudioVolumeEvent : public QEvent, public AudioIoVolume {
+public:
+    // char test[1<<20]; //for memory test
+    static QEvent::Type sType;
+    AudioVolumeEvent(const AudioIoVolume aiv)
+        : QEvent(AudioVolumeEvent::sType)
+        , AudioIoVolume(aiv)
+    {
+    }
+
+    AudioVolumeEvent(const AudioInOut io, const uint8_t level)
+        : QEvent(sType)
+        , AudioIoVolume(io, level)
+    {
+    }
+};
 
 
+class VadEvent : public QEvent {
+private:
+public:
+    bool isActive_;
+    static QEvent::Type sType;
+    VadEvent(const bool isActive):isActive_(isActive), QEvent(sType){}
+};
 
 class MainWindow : public QMainWindow
 {
@@ -27,6 +50,14 @@ private slots:
     void on_pushButton_connecting_clicked();
     void updateUiState(const NetworkState networkState);
 
+
+    /// TODO: render max volume bar
+    void onVolumeChanged(const AudioIoVolume);
+    void onDeviceNameChanged(const std::string &newMic, const std::string &newSpk){}
+    void onVad(bool isActive);
+    void toggleAdvancedMode(){toggleAdvancedMode(!advancedMode_);}
+    void toggleAdvancedMode(bool newMode);
+    void gotoWork();
 private:
     Ui::MainWindow *ui = nullptr;
 
@@ -37,5 +68,16 @@ private slots:
 
 private:
     void showMessage(const std::string &message);
+    QPixmap vertical_bar_empty;
+    QPixmap vertical_bar_full;
+    QPixmap vertical_bar_half_full;
+    QLabel* label_img_[2][AudioIoVolume::MAX_VOLUME_LEVEL];
+    bool advancedMode_ = true;
+
+    std::thread::id mainThreadId_ = std::this_thread::get_id();
 
+
+    // QObject interface
+public:
+    virtual bool event(QEvent *event) override;
 };
diff --git a/client_qt5/mainwindow.ui b/client_qt5/mainwindow.ui
index 0d63cc0..2ae1adb 100644
--- a/client_qt5/mainwindow.ui
+++ b/client_qt5/mainwindow.ui
@@ -6,10 +6,16 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>403</width>
-    <height>244</height>
+    <width>600</width>
+    <height>400</height>
    </rect>
   </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
   <property name="font">
    <font>
     <pointsize>12</pointsize>
@@ -19,335 +25,449 @@
    <string>Easy Voice Call</string>
   </property>
   <widget class="QWidget" name="centralWidget">
-   <widget class="QLabel" name="label">
+   <widget class="QGroupBox" name="groupBox_ain">
     <property name="geometry">
      <rect>
       <x>20</x>
-      <y>89</y>
-      <width>91</width>
-      <height>21</height>
+      <y>20</y>
+      <width>250</width>
+      <height>60</height>
      </rect>
     </property>
-    <property name="font">
-     <font>
-      <pointsize>18</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>Server</string>
-    </property>
-   </widget>
-   <widget class="QLineEdit" name="lineEdit_serverHost">
-    <property name="geometry">
-     <rect>
-      <x>30</x>
-      <y>116</y>
-      <width>161</width>
-      <height>25</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>127.0.0.1</string>
-    </property>
-   </widget>
-   <widget class="QPushButton" name="pushButton_connecting">
-    <property name="geometry">
-     <rect>
-      <x>220</x>
-      <y>90</y>
-      <width>171</width>
-      <height>61</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>Connect!</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_micInfo">
-    <property name="geometry">
-     <rect>
-      <x>190</x>
-      <y>8</y>
-      <width>191</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-      <weight>75</weight>
-      <bold>true</bold>
-      <underline>false</underline>
-     </font>
-    </property>
-    <property name="autoFillBackground">
-     <bool>true</bool>
-    </property>
-    <property name="text">
-     <string/>
-    </property>
-    <property name="alignment">
-     <set>Qt::AlignCenter</set>
-    </property>
+    <property name="title">
+     <string>audio-in</string>
+    </property>
+    <widget class="QLabel" name="label_img_ain">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>30</y>
+       <width>20</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar0">
+     <property name="geometry">
+      <rect>
+       <x>50</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar1">
+     <property name="geometry">
+      <rect>
+       <x>65</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar2">
+     <property name="geometry">
+      <rect>
+       <x>80</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar3">
+     <property name="geometry">
+      <rect>
+       <x>95</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar4">
+     <property name="geometry">
+      <rect>
+       <x>110</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar5">
+     <property name="geometry">
+      <rect>
+       <x>125</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar6">
+     <property name="geometry">
+      <rect>
+       <x>140</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar7">
+     <property name="geometry">
+      <rect>
+       <x>155</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar8">
+     <property name="geometry">
+      <rect>
+       <x>170</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_ain_bar9">
+     <property name="geometry">
+      <rect>
+       <x>185</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
    </widget>
-   <widget class="QLabel" name="label_micTitle">
+   <widget class="QGroupBox" name="groupBox_aout">
     <property name="geometry">
      <rect>
       <x>20</x>
-      <y>8</y>
-      <width>71</width>
-      <height>20</height>
+      <y>100</y>
+      <width>250</width>
+      <height>60</height>
      </rect>
     </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>Mic</string>
-    </property>
+    <property name="title">
+     <string>audio-out</string>
+    </property>
+    <widget class="QLabel" name="label_img_aout">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>30</y>
+       <width>20</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar0">
+     <property name="geometry">
+      <rect>
+       <x>50</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar2">
+     <property name="geometry">
+      <rect>
+       <x>80</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar3">
+     <property name="geometry">
+      <rect>
+       <x>95</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar4">
+     <property name="geometry">
+      <rect>
+       <x>110</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar5">
+     <property name="geometry">
+      <rect>
+       <x>125</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar6">
+     <property name="geometry">
+      <rect>
+       <x>140</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar7">
+     <property name="geometry">
+      <rect>
+       <x>155</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar8">
+     <property name="geometry">
+      <rect>
+       <x>170</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar1">
+     <property name="geometry">
+      <rect>
+       <x>65</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+    <widget class="QLabel" name="label_img_aout_bar9">
+     <property name="geometry">
+      <rect>
+       <x>185</x>
+       <y>30</y>
+       <width>10</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
    </widget>
-   <widget class="QLabel" name="label_spkTitle">
+   <widget class="QGroupBox" name="groupBox_server">
     <property name="geometry">
      <rect>
       <x>20</x>
-      <y>30</y>
-      <width>71</width>
-      <height>20</height>
+      <y>190</y>
+      <width>250</width>
+      <height>60</height>
      </rect>
     </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>Speaker</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_spkInfo">
-    <property name="geometry">
-     <rect>
-      <x>190</x>
-      <y>30</y>
-      <width>191</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-      <weight>75</weight>
-      <bold>true</bold>
-      <underline>false</underline>
-     </font>
-    </property>
-    <property name="autoFillBackground">
-     <bool>true</bool>
-    </property>
-    <property name="text">
-     <string/>
-    </property>
-    <property name="alignment">
-     <set>Qt::AlignCenter</set>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_volumeMic">
-    <property name="geometry">
-     <rect>
-      <x>85</x>
-      <y>8</y>
-      <width>21</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>0</string>
-    </property>
-    <property name="alignment">
-     <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
-    </property>
+    <property name="title">
+     <string>server</string>
+    </property>
+    <widget class="QLineEdit" name="lineEdit_serverHost">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>30</y>
+       <width>160</width>
+       <height>20</height>
+      </rect>
+     </property>
+    </widget>
+    <widget class="QLineEdit" name="lineEdit_serverPort">
+     <property name="geometry">
+      <rect>
+       <x>180</x>
+       <y>30</y>
+       <width>60</width>
+       <height>20</height>
+      </rect>
+     </property>
+     <property name="text">
+      <string>80</string>
+     </property>
+    </widget>
    </widget>
-   <widget class="QLabel" name="label_volumeSpk">
-    <property name="geometry">
-     <rect>
-      <x>85</x>
-      <y>30</y>
-      <width>21</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>0</string>
-    </property>
-    <property name="alignment">
-     <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_9">
-    <property name="geometry">
-     <rect>
-      <x>32</x>
-      <y>142</y>
-      <width>181</width>
-      <height>17</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>example: your.server.com</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_10">
-    <property name="geometry">
-     <rect>
-      <x>70</x>
-      <y>158</y>
-      <width>131</width>
-      <height>17</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>or: 123.45.67.89</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_volumeMic_3">
-    <property name="geometry">
-     <rect>
-      <x>111</x>
-      <y>8</y>
-      <width>71</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>%(volume)</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_volumeSpk_3">
-    <property name="geometry">
-     <rect>
-      <x>111</x>
-      <y>30</y>
-      <width>71</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>%(volume)</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_vadTitle">
+   <widget class="QPushButton" name="pushButton_connecting">
     <property name="geometry">
      <rect>
       <x>20</x>
-      <y>59</y>
-      <width>71</width>
-      <height>20</height>
-     </rect>
-    </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>VAD</string>
-    </property>
-   </widget>
-   <widget class="QLabel" name="label_vad">
-    <property name="geometry">
-     <rect>
-      <x>80</x>
-      <y>59</y>
-      <width>71</width>
-      <height>20</height>
+      <y>280</y>
+      <width>250</width>
+      <height>60</height>
      </rect>
     </property>
-    <property name="font">
-     <font>
-      <pointsize>10</pointsize>
-     </font>
-    </property>
     <property name="text">
      <string/>
     </property>
-    <property name="alignment">
-     <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
-    </property>
    </widget>
-   <widget class="QCheckBox" name="checkBox_needAec">
+   <widget class="QGroupBox" name="groupBox_details">
     <property name="geometry">
      <rect>
-      <x>160</x>
-      <y>59</y>
-      <width>111</width>
-      <height>23</height>
+      <x>300</x>
+      <y>20</y>
+      <width>250</width>
+      <height>340</height>
      </rect>
     </property>
-    <property name="font">
-     <font>
-      <pointsize>14</pointsize>
-     </font>
-    </property>
-    <property name="text">
-     <string>AEC</string>
-    </property>
-    <property name="checked">
-     <bool>true</bool>
-    </property>
+    <property name="title">
+     <string>details</string>
+    </property>
+    <widget class="QGroupBox" name="groupBox_vad">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>30</y>
+       <width>231</width>
+       <height>51</height>
+      </rect>
+     </property>
+     <property name="title">
+      <string>VAD</string>
+     </property>
+     <widget class="QLabel" name="label_vad">
+      <property name="geometry">
+       <rect>
+        <x>10</x>
+        <y>28</y>
+        <width>67</width>
+        <height>17</height>
+       </rect>
+      </property>
+      <property name="text">
+       <string/>
+      </property>
+      <property name="alignment">
+       <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+      </property>
+     </widget>
+    </widget>
+    <widget class="QGroupBox" name="groupBox_aec">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>100</y>
+       <width>231</width>
+       <height>61</height>
+      </rect>
+     </property>
+     <property name="title">
+      <string>AEC</string>
+     </property>
+     <widget class="QCheckBox" name="checkBox_needAec">
+      <property name="geometry">
+       <rect>
+        <x>9</x>
+        <y>26</y>
+        <width>92</width>
+        <height>23</height>
+       </rect>
+      </property>
+      <property name="text">
+       <string>AEC</string>
+      </property>
+      <property name="checked">
+       <bool>true</bool>
+      </property>
+     </widget>
+    </widget>
+    <widget class="QTextBrowser" name="textBrowser">
+     <property name="geometry">
+      <rect>
+       <x>10</x>
+       <y>180</y>
+       <width>221</width>
+       <height>151</height>
+      </rect>
+     </property>
+    </widget>
    </widget>
   </widget>
-  <widget class="QMenuBar" name="menuBar">
-   <property name="geometry">
-    <rect>
-     <x>0</x>
-     <y>0</y>
-     <width>403</width>
-     <height>23</height>
-    </rect>
-   </property>
-  </widget>
   <widget class="QStatusBar" name="statusBar"/>
  </widget>
  <layoutdefault spacing="6" margin="11"/>
diff --git a/client_qt5/resources/Resource.qrc b/client_qt5/resources/Resource.qrc
new file mode 100644
index 0000000..e940e1b
--- /dev/null
+++ b/client_qt5/resources/Resource.qrc
@@ -0,0 +1,9 @@
+<RCC>
+    <qresource prefix="/">
+        <file>microphone.png</file>
+        <file>speaker.png</file>
+        <file>vertical_bar_empty.png</file>
+        <file>vertical_bar_full.png</file>
+        <file>vertical_bar_half_full.png</file>
+    </qresource>
+</RCC>
diff --git a/client_qt5/resources/microphone.png b/client_qt5/resources/microphone.png
new file mode 100644
index 0000000000000000000000000000000000000000..50c8ffde737129ce9aa932177a8b0551ef790519
GIT binary patch
literal 1802
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

literal 0
HcmV?d00001

diff --git a/client_qt5/resources/speaker.png b/client_qt5/resources/speaker.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d233546c194865eec7550135e3abb7669dc3459
GIT binary patch
literal 19857
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
A+W-In

literal 0
HcmV?d00001

diff --git a/client_qt5/resources/vertical_bar_empty.png b/client_qt5/resources/vertical_bar_empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..d47894181d5e12a9f5cf23db71b18950b1fb2530
GIT binary patch
literal 2883
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

literal 0
HcmV?d00001

diff --git a/client_qt5/resources/vertical_bar_full.png b/client_qt5/resources/vertical_bar_full.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ca5725f89d826da22e92fdc2a60941c7dd8b576
GIT binary patch
literal 2883
zcmb7GX*kqv`~Jx`wk)Y3OCn2S8=3G-vW|T)4PqFwjeT!o?8AgfmJ*>&){#L%B3n$7
zC8cZ?36Xu@4c>W<<NxLV;r;L)$93Q5d0*Fg9_N?)!*vH`VZ_6EmJ<K~9us2(nt?)$
z0|PNLZb~O82>>`Qc<bw<yxrUYfbb(L%M<kg1MXbe(40%q5ztFQ>EDM)6Epej<-Sr&
zb!MNU4E)ITC*+gKFay48I&C%=tFI$oRmsV@>Z*T~d|obM%YQl(y!o_0eEd7_L0-cS
zeMZ}J`RdLSUN8`^VJFa3D=SmX)%0{RCr-Bwxk_r^^}Z--X{o-N9-+<se3}r*y1OHZ
zK$NUyPqu&Uo~D4lG7+n@?NsHj;&OSFRjz6t$>%wGw4vk7qTF%|Ti0fXp9CuGKbl(j
z<QQ?96A-<)&wlba?l^L#+FB!ibENd6Ux{Uib;R`?iHzL3Q4aC!o=w3EMjbMUBh+fE
z=@EOekq1TDC?KSpP1g^Pgl`<5ynG1?V;T2c8(Q#9KW}(^+~<iIZ~hYjjMM-Uku8xE
zSpa?+(Ai%Lv-E%QGBXN*FR!Yy<c@0&tS7Ru=rG|Wm<8h?Us&G01LZK8Idh2;xmJM|
z2~at66d$ud9N->@t>O_RN>;HivfDgA10%|O;j|!G1c_srhTHsuz}zHR9gxgBd5IG%
zZJI2)c4Y2;31MRnbP`@dip+!2KY35&4-czuJ_?q}g41dE5?Ts^B$PdemvZd0!r2|;
z0`y2<q`bHvB_1VewSkcFb5$qGnHFe%In0giEvxn#XDt$L{*EH3Gva8nzfbORMu~_g
zCalU6&M<-aT_n26O6`XAWOjiR#Q78Ms%Ubi)RwXQ*VN7PJACIak)jYTD45`>;=9#|
ze+ucSC~Jt1YMGEt0z7SAXRBa2{{u>L01OjWOdry9cpg5hgNMPn9EnOs>IFahhriHf
zIW{A?*=X;opdLb=NIsd9HT+g7|B$_D*bm&UA5?1W6t1&TNw3=@oM}~aBPaZ%w^_CY
zLP1yJ4vA8enL&mcMp&p4M|P5Y=jAD-$;6-s_2Eq#PGW&^JMWBstN%7z<=G9Oi_uwP
zo=NCB^Ou8KZfmrw>9OW#1*Jkw31$}rY{)YRWmkn@`B(9TWCBUUkZxR%QEP%lgD#S4
zALCQ-xtrw8he#RUd;VQ*fAH%8A*c2rd%}ApA#<c<itL&5bq3}3<@$cci<em~uTg^J
z7UcfP4Cxl`7VA#YaKh?8kr$U~!8F;^pX`!%%UR6ZQSJJY*9z<kFq0+k1y7p|K8K^E
zO7{k&2B-tUXZ5U#gT14EgxWJNo%N4T%deT$j1X-m$7E>ffKAZSsnUniHPTdRWn)fZ
zkUpu+?E=(Ph$74@lvgBJq=CMVZY;7dPAr-!nlAD$mMZ2d{#le%tlb60iMmhXw!87&
znpp;2K0Og#9$n%Y%`#V{jIwJor+Q9zKYbXfz}w^76WJ4(sVzCKtWAAh`n%{}0qRAN
zjf>&^d@rgH#jb>KE!h4}iF<`0)w%?4GAC`7(d8lomCtEL-mh+|t_evDdAd$qZ{jrT
zu#~neHlKb0(aowjTWnwQqY#3&Lf^FQvGKhYS)OL=N$o5>hgz}9`{wM;;<Y$1JCNgQ
zQbQ;gz0T!p{h-{tFt-fzGW-TtVaHJNFue4Zt;mpCe_DU#P)i~6LeBjAdC>u3Y@Cxz
zi=?-~VKTpC2ID_jy)g(wrsw}H$)*gy*s;H1u5B0lGA8c`%zTQ(LSiGyCR*!*X_~YE
zT5D=;>aO9S;f`&FExdBHy4rVI#7%6<cuM~Rueq1Zvdk6p2&C5IN4cCx2Xo4&fnL2&
zKD~w`_&V9foM@V;e}HF82fb;}h|B6O{_eLkv6y-L4-RS$78R})$=JavpHb5eNN-u6
zsn@64ldrY>6l<^5an!tc6CObI5pntHb)~C+@_n#Hkke1$5st+lOEdLnM$Jciw#m&8
zqVo@l%!6&8^SdW<3zOYy-R>5C?0WBA_zmY-TSMJ&`pf_9MEYmn$vfCytXjk7+YD?p
zmWs`5^ls!BeLLn72HuHYE~F0H%2q6I0^*wK(c+d@G0$E+YmIPe(rhkkb|Q#G{EgVz
z`w}&D06S>fdA*^y7ClLs%bpmXvRva`3tZ3Rs^XR7;bWU;58!MPyC5PcGH^PDXPY;G
z`<dfZmB;a;JA4oB#ouH1#rW0?|H8^PD!Gg$Y-Mh_EPTFQpwF!LSRdT3**;J6poLFd
zo{-eajwK#L+SLjaT;X3K)v%CD-H<Yv599|V;>IRE#T*&li&RjrgKV2Wxry~3#Woqy
zU+s3>Cf=??U|qc?8!q^uqtJoXt|6i8&dC<0y2;Q%$y>2y#=jw6NYdA#l3T^!vb8#n
zxId+c3A^PE<qqbatESiVxtqDm;&uYR{HpS$xu?1H^{1Am(o?TCbT|AA=~N3=8}v_9
zOA1{6Uhq~rw&(qIN=4@z{<@C91I5o0FJUWV+r*`@J<dIcjm|KQC9jKo@_d3Ri?ySe
zgH!XAkvz80icy<}1v3}KM1>@&V7(y0HD;|Mk0-WrH#|6OU^!0UTZVolG%{mbbHul1
zhwuX7Z85j2wG%Cd>#c6D4m%iLX~hI!og#@r5>v#g_KE^3x+27KTF(YK81&llmP2aP
zr^-hSB!2d!li$UCDr`y>%MS4x+p9D<<!xF->i)V^j#RFZ6Kq#~Qw(>`-zU>w!G|8D
zFqgAhzq9sBrlzFCV{azoOucj=ZXfaSPNVFSW$5eqx}n!9Kawrttb{2}M*{mjq;Hj!
z$iAx2wa;v{9llxkDlZb@YIri-4W8hr>qz>G?c2gTguXd0+gW(E(fyaIZ0sc0U|gRQ
z8@z_@EB@YdG262eaYJ|oGrsZ1=l9@2vr{wkF!tqG{W9Uu=Nx6_D-TuVZ=n6CX4u_m
z>PFq%Qd-P|qwR5IjPE(9*lfL9C}p8?Z)~~Eh6GOXOROBNX$?EnS~*&p7^IPS>EfEA
z9K!rsDFlrzxrzSAow@0M^ZdjN($8p}j<r8R9$^kw>|5V(m?wZgEOzea9cad0>N^*^
zW%T15*Qq__kILP$Su&4HQcC(PuUL#nH_S}Gr)Ju2sItbI(lHzM8(ZI7{f_6stjRLJ
zK))1@9O>6*mR^N@Sc&ks>Y3MU8KtdlyQ@1xTT5R|kIp-xW!~qh=nRHv`9?1vP446H
zD#5{P+DZlYnnErPWHHtz2{&W3IRHe+008ke0PHhb#908i1qFb4X8?fb0021X$=hq1
zjDac&X>D+Pd<=>GABv$Dm?Nn%?7Voig%!XbR@U2?>#;nhDoIAz*w7nP7$YWEGb02*
zW)(ALJUD`kF*h0bFE<7ZyL`16gdJ~UZoodt#l)tpzAZ#aWwiWE5W3bHJxiIo0z?UJ
zW_?x`-Gk%t<bpKQg+Z>!UJD^59uyR2rxg_Qo`W@pkMbxoV8m=-M$}aH)otc#If7xP
zLE@9_H*aSP?#3pBymo5bFu){&aAzO-<NO|5jTMK<Vyzz1mjWMhx7aatOzWl0&AS&d
za;5PGc6fIeJPz&_f@1)1396!@sG_0>Rk2oq!C~s~%a`S$8gM9-7t|2;{|x?t?%p2Z
z|J@K{!_>nti2a)obQ5mujmF*73%nKJ?j7K%7f1ju!3dWx$wL)Y!U8a5458@%36Z!^
moFAa;9_WfwR8@jX7@({S|0SG{gBqt8I>5xh0#T{w9RDAFv_bCx

literal 0
HcmV?d00001

diff --git a/client_qt5/resources/vertical_bar_half_full.png b/client_qt5/resources/vertical_bar_half_full.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b8a8c112f23494ad155d28231b11f6ec8e1598c
GIT binary patch
literal 2883
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

literal 0
HcmV?d00001

diff --git a/include/evc/AudioVolume.hpp b/include/evc/AudioVolume.hpp
index 846ec14..1edc243 100644
--- a/include/evc/AudioVolume.hpp
+++ b/include/evc/AudioVolume.hpp
@@ -4,18 +4,18 @@
 class AudioVolume {
 public:
     // mono
-    virtual uint8_t calculate(const std::vector<short> &buffer) = 0;
+    virtual uint8_t calculate(const std::vector<short> &buffer, const uint8_t MAX_VOLUME_LEVEL) = 0;
 };
 
 
 class SuckAudioVolume : public AudioVolume {
 public:
-    virtual uint8_t calculate(const std::vector<short> &buffer) override {
+    virtual uint8_t calculate(const std::vector<short> &buffer, const uint8_t MAX_VOLUME_LEVEL) override {
         double sum =0;
         for (const auto &sample: buffer){
             sum+=std::abs(sample);
         }
-        sum *= 100;
+        sum *= MAX_VOLUME_LEVEL;
         auto ret = sum / (1<<15) / buffer.size();
         return ret ;
     }
diff --git a/include/evc/Worker.hpp b/include/evc/Worker.hpp
index c74be61..63b4e99 100644
--- a/include/evc/Worker.hpp
+++ b/include/evc/Worker.hpp
@@ -8,6 +8,30 @@ class AudioDecoder;
 class AudioEncoder;
 class AudioDevice;
 
+
+enum class AudioInOut : uint8_t{
+    In,
+    Out
+};
+
+
+class AudioIoVolume {
+public:
+    enum { MAX_VOLUME_LEVEL = 10};
+
+    using Level = uint8_t;
+
+    AudioInOut io_;
+    Level level_;
+public:
+    AudioIoVolume(const AudioInOut io, const Level level)
+        :io_(io)
+        ,level_(level)
+    {
+
+    }
+};
+
 enum class NetworkState : unsigned char{
     Disconnected,
     Connecting,
@@ -29,8 +53,7 @@ class Worker {
     AudioDevice *  device_ = nullptr;
     bool gotoStop_ = false;
     std::shared_ptr<std::thread> netThread_ = nullptr;
-    std::function<void(const uint8_t)>  micVolumeReporter_ = nullptr;
-    std::function<void(const uint8_t)>  spkVolumeReporter_ = nullptr;
+    std::function<void(const AudioIoVolume)>  volumeReporter_ = nullptr;
     std::function<void(const bool)>  vadReporter_ = nullptr;
     bool needAec_ = false;
 public:
@@ -39,16 +62,15 @@ class Worker {
 
     bool initCodec();
     bool initDevice(std::function<void(const std::string &,const std::string &)> reportInfo,
-                    std::function<void(const uint8_t)> reportMicVolume,
-                    std::function<void(const uint8_t)> reportSpkVolume,
+                    std::function<void(const AudioIoVolume)> reportVolume,
                     std::function<void(const bool)> vadReporter
                     );
 
-    void asyncStart(const std::string &host,
+    void asyncStart(const std::string &host, const std::string &port,
                       std::function<void(const NetworkState &newState, const std::string &extraMessage)> toggleState
                       );
 
-    void syncStart(const std::string &host,
+    void syncStart(const std::string &host, const std::string &port,
                       std::function<void(const NetworkState &newState, const std::string &extraMessage)> toggleState
                       );
 
diff --git a/misc/resources/vertical_bar_empty.svg b/misc/resources/vertical_bar_empty.svg
new file mode 100644
index 0000000..c7c6170
--- /dev/null
+++ b/misc/resources/vertical_bar_empty.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="30"
+   height="64"
+   id="svg3352"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 30 64"
+   sodipodi:docname="vertical_bar_empty.svg">
+  <defs
+     id="defs3354" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="-3.057172"
+     inkscape:cy="36.091539"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     showguides="false"
+     inkscape:window-width="1887"
+     inkscape:window-height="1056"
+     inkscape:window-x="33"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3357">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="fill:#aaccff;fill-opacity:0.58181816"
+       id="rect3362"
+       width="29.636364"
+       height="63.552574"
+       x="0.17014764"
+       y="0.17938136"
+       ry="10.361831" />
+  </g>
+</svg>
diff --git a/misc/resources/vertical_bar_full.svg b/misc/resources/vertical_bar_full.svg
new file mode 100644
index 0000000..f40daf2
--- /dev/null
+++ b/misc/resources/vertical_bar_full.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="30"
+   height="64"
+   id="svg3352"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 30 64"
+   sodipodi:docname="vertical_bar.svg">
+  <defs
+     id="defs3354" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="24.905687"
+     inkscape:cy="36.091539"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     showguides="false"
+     inkscape:window-width="1887"
+     inkscape:window-height="1056"
+     inkscape:window-x="33"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3357">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="fill:#2a7fff"
+       id="rect3362"
+       width="29.636364"
+       height="63.552574"
+       x="0.17014764"
+       y="0.17938136"
+       ry="10.361831" />
+  </g>
+</svg>
diff --git a/misc/resources/vertical_bar_half_full.svg b/misc/resources/vertical_bar_half_full.svg
new file mode 100644
index 0000000..514d732
--- /dev/null
+++ b/misc/resources/vertical_bar_half_full.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="30"
+   height="64"
+   id="svg3352"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 30 64"
+   sodipodi:docname="vertical_bar_half_full.svg">
+  <defs
+     id="defs3354" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="24.905687"
+     inkscape:cy="36.091539"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     showguides="false"
+     inkscape:window-width="1887"
+     inkscape:window-height="1056"
+     inkscape:window-x="33"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3357">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="fill:#5599ff"
+       id="rect3362"
+       width="29.636364"
+       height="63.552574"
+       x="0.17014764"
+       y="0.17938136"
+       ry="10.361831" />
+  </g>
+</svg>
diff --git a/server/BoostAsioTcpServer.cpp b/server/BoostAsioTcpServer.cpp
index 09ebd6f..5004509 100644
--- a/server/BoostAsioTcpServer.cpp
+++ b/server/BoostAsioTcpServer.cpp
@@ -252,16 +252,13 @@ class Server {
 
 int main(int argc, char* argv[]) {
     try {
-        int port = 1222;
+        int port = 80;
 
         // init port
         {
             if (argc == 2) {
                 port = std::atoi(argv[1]);
             }
-            else if (argc == 1){
-                port = 1222;
-            }
             else {
                 std::cerr << "Usage: EvcServer <port>\n";
                 return -1;