forked from mirror/nheko
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
3.2 KiB
152 lines
3.2 KiB
import QtQuick 2.6
|
|
import QtQuick.Layouts 1.6
|
|
import QtQuick.Controls 2.1
|
|
import QtMultimedia 5.6
|
|
|
|
import com.github.nheko 1.0
|
|
|
|
Rectangle {
|
|
radius: 10
|
|
color: colors.dark
|
|
height: content.height + 24
|
|
width: parent.width
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
width: parent.width - 24
|
|
anchors.centerIn: parent
|
|
|
|
VideoOutput {
|
|
visible: eventData.type == MtxEvent.VideoMessage
|
|
Layout.maximumHeight: 300
|
|
Layout.minimumHeight: 300
|
|
Layout.maximumWidth: 500
|
|
fillMode: VideoOutput.PreserveAspectFit
|
|
source: media
|
|
}
|
|
|
|
RowLayout {
|
|
Text {
|
|
id: positionText
|
|
text: "--:--:--"
|
|
color: colors.text
|
|
}
|
|
Slider {
|
|
Layout.fillWidth: true
|
|
id: progress
|
|
value: media.position
|
|
from: 0
|
|
to: media.duration
|
|
|
|
onMoved: media.seek(value)
|
|
//indeterminate: true
|
|
function updatePositionTexts() {
|
|
function formatTime(date) {
|
|
var hh = date.getUTCHours();
|
|
var mm = date.getUTCMinutes();
|
|
var ss = date.getSeconds();
|
|
if (hh < 10) {hh = "0"+hh;}
|
|
if (mm < 10) {mm = "0"+mm;}
|
|
if (ss < 10) {ss = "0"+ss;}
|
|
return hh+":"+mm+":"+ss;
|
|
}
|
|
positionText.text = formatTime(new Date(media.position))
|
|
durationText.text = formatTime(new Date(media.duration))
|
|
}
|
|
onValueChanged: updatePositionTexts()
|
|
}
|
|
Text {
|
|
id: durationText
|
|
text: "--:--:--"
|
|
color: colors.text
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
|
|
spacing: 15
|
|
|
|
Rectangle {
|
|
id: button
|
|
color: colors.light
|
|
radius: 22
|
|
height: 44
|
|
width: 44
|
|
Image {
|
|
id: img
|
|
anchors.centerIn: parent
|
|
|
|
source: "qrc:/icons/icons/ui/arrow-pointing-down.png"
|
|
fillMode: Image.Pad
|
|
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
switch (button.state) {
|
|
case "": timelineManager.cacheMedia(eventData.url, eventData.mimetype); break;
|
|
case "stopped":
|
|
media.play(); console.log("play");
|
|
button.state = "playing"
|
|
break
|
|
case "playing":
|
|
media.pause(); console.log("pause");
|
|
button.state = "stopped"
|
|
break
|
|
}
|
|
}
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
MediaPlayer {
|
|
id: media
|
|
onError: console.log(errorString)
|
|
onStatusChanged: if(status == MediaPlayer.Loaded) progress.updatePositionTexts()
|
|
autoPlay: true
|
|
}
|
|
|
|
Connections {
|
|
target: timelineManager
|
|
onMediaCached: {
|
|
if (mxcUrl == eventData.url) {
|
|
media.source = "file://" + cacheUrl
|
|
button.state = "stopped"
|
|
console.log("media loaded: " + mxcUrl + " at " + cacheUrl)
|
|
}
|
|
console.log("media cached: " + mxcUrl + " at " + cacheUrl)
|
|
}
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
name: "stopped"
|
|
PropertyChanges { target: img; source: "qrc:/icons/icons/ui/play-sign.png" }
|
|
},
|
|
State {
|
|
name: "playing"
|
|
PropertyChanges { target: img; source: "qrc:/icons/icons/ui/pause-symbol.png" }
|
|
}
|
|
]
|
|
}
|
|
ColumnLayout {
|
|
id: col
|
|
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: eventData.body
|
|
textFormat: Text.PlainText
|
|
elide: Text.ElideRight
|
|
color: colors.text
|
|
}
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: eventData.filesize
|
|
textFormat: Text.PlainText
|
|
elide: Text.ElideRight
|
|
color: colors.text
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|