summaryrefslogtreecommitdiff
path: root/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
diff options
context:
space:
mode:
Diffstat (limited to 'Course/Detail/Classic/Content/Sidebar/Video.ui.qml')
-rw-r--r--Course/Detail/Classic/Content/Sidebar/Video.ui.qml49
1 files changed, 30 insertions, 19 deletions
diff --git a/Course/Detail/Classic/Content/Sidebar/Video.ui.qml b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
index d49fc59..0440246 100644
--- a/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
+++ b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
@@ -1,10 +1,10 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import QtGraphicalEffects 1.15
-import QtMultimedia 5.15
-import Bootstrap 5.3
-import Eduport 1.4
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+import QtMultimedia
+import Bootstrap
+import Eduport
import "../../../../../Button" as Btn
import "../../../../../Button/Outline" as BtnOutline
@@ -28,22 +28,31 @@ ColumnLayout {
Layout.maximumHeight: width * 400 / 533
source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg"
fillMode: Image.PreserveAspectFit
- layer.enabled: true
- layer.effect: OpacityMask {
- maskSource: Rectangle {
- width: image.width
- height: image.height
- radius: 8
+ layer {
+ enabled: true
+ effect: MultiEffect {
+ maskEnabled: true
+ maskSource: maskRectangle
}
}
+ Rectangle {
+ id: maskRectangle
+ width: image.width
+ height: image.height
+ radius: 8
+ layer.enabled: true
+ visible: false
+ }
+
MediaPlayer {
id: mediaPlayer
+ videoOutput: videoOutput
}
VideoOutput {
+ id: videoOutput
anchors.fill: parent
- source: mediaPlayer
}
Button {
@@ -125,11 +134,13 @@ ColumnLayout {
height: 15
}
- ColorOverlay {
- anchors.fill: parent
- source: parent
- color: Eduport
- .bsDanger
+ layer {
+ enabled: true
+ effect: MultiEffect {
+ brightness: 1.0
+ colorization: 1.0
+ colorizationColor: Eduport.bsDanger
+ }
}
}