[vlc-commits] qml: use frosted glass blur effect in miniplayer background

[Fatih Uzunoglu]

vlc | branch: master | Fatih Uzunoglu <fuzun54 at outlook.com> | Sat Aug  8 02:53:58 2020 +0300| [f7bdc6080180fa43615337b58cfd8cf5d7e472ba] | committer: Pierre Lamot

qml: use frosted glass blur effect in miniplayer background

Signed-off-by: Pierre Lamot <pierre at videolabs.io>

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=f7bdc6080180fa43615337b58cfd8cf5d7e472ba
---

 modules/gui/qt/medialibrary/qml/MainDisplay.qml |  4 +++-
 modules/gui/qt/player/qml/MiniPlayer.qml        | 17 +++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/modules/gui/qt/medialibrary/qml/MainDisplay.qml b/modules/gui/qt/medialibrary/qml/MainDisplay.qml
index c7e276de53..bd034041b0 100644
--- a/modules/gui/qt/medialibrary/qml/MainDisplay.qml
+++ b/modules/gui/qt/medialibrary/qml/MainDisplay.qml
@@ -137,7 +137,7 @@ Widgets.NavigableFocusScope {
             navigationParent: root
 
             ColumnLayout {
-                id: column
+                id: mainColumn
                 anchors.fill: parent
 
                 Layout.minimumWidth: VLCStyle.minWindowWidth
@@ -370,6 +370,8 @@ Widgets.NavigableFocusScope {
                     if (!expanded && miniPlayer.activeFocus)
                         stackView.forceActiveFocus()
                 }
+
+                mainContent: mainColumn
             }
         }
     }
diff --git a/modules/gui/qt/player/qml/MiniPlayer.qml b/modules/gui/qt/player/qml/MiniPlayer.qml
index c022f9a0a5..84d1f34dbd 100644
--- a/modules/gui/qt/player/qml/MiniPlayer.qml
+++ b/modules/gui/qt/player/qml/MiniPlayer.qml
@@ -15,6 +15,8 @@ Widgets.NavigableFocusScope {
 
     readonly property bool expanded: root.implicitHeight === root.childrenRect.height
 
+    property var mainContent: undefined
+
     Component.onCompleted : {
         if (player.playingState === PlayerController.PLAYING_STATE_STOPPED)
             root.implicitHeight = 0;
@@ -77,14 +79,25 @@ Widgets.NavigableFocusScope {
             }
         }
 
-        Rectangle {
+
+        Item {
+            id: mainRect
+
             anchors {
                 left: parent.left
                 right: parent.right
             }
             z: 0
             height: VLCStyle.miniPlayerHeight
-            color: VLCStyle.colors.banner
+
+            Widgets.FrostedGlassEffect {
+                anchors.fill: parent
+
+                source: mainContent
+                sourceRect: Qt.rect(root.x, root.y, root.width, root.height)
+
+                tint: VLCStyle.colors.blendColors(VLCStyle.colors.bg, VLCStyle.colors.banner, 0.85)
+            }
 
             RowLayout {
                 anchors {