update readme

README.md

@@ -7,6 +7,18 @@ It works on Linux.
 [Here is a video show how qmlscrcpy work](https://qmlscrcpy.s3.ir-thr-at1.arvanstorage.ir/QmlScrcpy-V0.0.1-alpha.mp4)
 
 
+<div >
+  <a href="https://github.com/othneildrew/Best-README-Template">
+    <img src="./res/images/screenshot.png"  width="843" height="375" alt="">
+  </a>
+</div>
+
+<div >
+  <a href="https://github.com/othneildrew/Best-README-Template">
+    <img src="./res/images/screenshot2.png"  width="843" height="375" alt="">
+  </a>
+</div>
+
 ### scrcpy vs QmlScrcpy
 
 | Item            |     Scrcpy     |     QmlScrcpy     |
@@ -29,7 +41,7 @@ It works on Linux.
 ### Qml Benefits
 * You can embed [scrcpy](https://github.com/Genymobile/scrcpy) inside your qml project
 * Screen buffers are render by native OpenGl inside Qml, No requirement to external library similar GStreamer or LibVlc 
-* You can use Animation, Scale, Rotation , ReSize and ... similar other qml componnets.
+* You can use Animation, Scale, Rotation , Resize and ... similar other qml componnets.
 
 
 ## Requirements

res/qml/components/Music.qml

@@ -1,4 +1,5 @@
 import QtQuick 2.10
+import QtMultimedia 5.9
 
 Item {
     id: root
@@ -19,6 +20,10 @@ Item {
         grid.flow = GridLayout.LeftToRight
     }
 
+    Audio {
+        id: audio
+    }
+
     Image {
         source: "../../images/peaceful_blur.jpg"
         width: parent.width
@@ -113,6 +118,12 @@ Item {
             height: 50
             x: 130
             y: 40
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    audio.pause()
+                }
+            }
         }
         Image {
             source: "../../icons/skip-next.svg"

res/qml/main.qml

@@ -2,6 +2,7 @@ import QtQuick 2.10
 import QtQuick.Layouts 1.0
 import QtQuick.Controls 2.0
 
+
 import App 1.0
 
 import "./components"
@@ -23,7 +24,6 @@ Rectangle {
         //resource.scene = resource.WINDOW_HOME;
     }
 
-
     ToolBarApps {
         id: toolbarApps
         onSelect: {
@@ -41,10 +41,8 @@ Rectangle {
                 animation_hide.restart()
                 break
             case "compass":
-                ali = 1
                 break
-            case "photo":
-                ali = 2
+            case "photo.png":
                 break
             }
         }

ui/mirror/MirrorRenderer.cpp

@@ -6,7 +6,6 @@
 #include "service/ServiceManager.h"
 #include "config.h"
 
-
 MirrorRenderer::MirrorRenderer(QObject *parent) {
     Q_UNUSED(parent);
     m_resourceService = ServiceManager::getInstance().resourceService();