Reimplement Qt5 OpacityMask using Qt6 MultiEffect

Remaining ones.
See 93b25dfa97494184493e02b75766e57bc6fe79bb
https://darapsa.org/qeduport.git/commit/?id=93b25dfa97494184493e02b75766e57bc6fe79bb

1 files changed, 20 insertions, 14 deletions

diff --git a/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml b/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml
index 6931522..b3f6e85 100644
--- a/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml
+++ b/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml
@@ -1,6 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
+import QtQuick.Effects
 import Qt5Compat.GraphicalEffects
 
 Item {
@@ -38,20 +39,25 @@ Item {
 					id: courseVideoImage
 					source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg"
 					fillMode: Image.PreserveAspectCrop
-					width: parent.width
-					height: parent.height
-					visible: false
-				}
-				OpacityMask {
-					id: courseVideoMask
-					anchors.fill: courseVideoThumbnail
-					source: courseVideoImage
-					maskSource: courseVideoThumbnail
-				}
-				ColorOverlay {
-					anchors.fill: courseVideoMask
-					source: courseVideoMask
-					color: "#80000000"
+					sourceSize {
+						width: parent.width
+						height: parent.height
+					}
+					layer {
+						enabled: true
+						effect: MultiEffect {
+							maskEnabled: true
+							maskSource: maskRectangle
+						}
+					}
+					Rectangle {
+						id: maskRectangle
+						width: courseVideoImage.sourceSize.width
+						height: courseVideoImage.sourceSize.height
+						radius: 8
+						layer.enabled: true
+						visible: false
+					}
 				}
 				Button {
 					id: playVideoButton