From d71942a538dd9fd9e335cd32639e78eb9aad90e1 Mon Sep 17 00:00:00 2001
From: Erik Prabowo Kamal <erik@darapsa.org>
Date: Fri, 12 Dec 2025 22:03:27 +0800
Subject: Reimplement Qt5 OpacityMask using Qt6 MultiEffect

Remaining ones.
See 93b25dfa97494184493e02b75766e57bc6fe79bb
https://darapsa.org/qeduport.git/commit/?id=93b25dfa97494184493e02b75766e57bc6fe79bb
---
 .../Classic/Content/Sidebar/Video-alt.ui.qml       | 34 +++++++++++++---------
 1 file changed, 20 insertions(+), 14 deletions(-)

(limited to 'Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml')

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
-- 
cgit v1.2.3