summaryrefslogtreecommitdiffstats
path: root/app/MediaPlayer.qml
diff options
context:
space:
mode:
Diffstat (limited to 'app/MediaPlayer.qml')
-rw-r--r--app/MediaPlayer.qml241
1 files changed, 241 insertions, 0 deletions
diff --git a/app/MediaPlayer.qml b/app/MediaPlayer.qml
new file mode 100644
index 0000000..fbb2c1f
--- /dev/null
+++ b/app/MediaPlayer.qml
@@ -0,0 +1,241 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.6
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import QtMultimedia 5.6
+import AGL.Demo.Controls 1.0
+import MediaPlayer 1.0
+
+ApplicationWindow {
+ id: root
+
+ MediaPlayer {
+ id: player
+ audioRole: MediaPlayer.MusicRole
+ autoLoad: true
+ playlist: playlist
+ function time2str(value) {
+ return Qt.formatTime(new Date(value), 'mm:ss')
+ }
+ onPositionChanged: slider.value = player.position
+ Component.onCompleted: console.debug('player.supportedAudioRoles()', player.supportedAudioRoles())
+ }
+
+ Playlist {
+ id: playlist
+ playbackMode: random.checked ? Playlist.Random : loop.checked ? Playlist.Loop : Playlist.Sequential
+
+ Component.onCompleted: {
+ playlist.addItems(mediaFiles)
+ }
+ }
+
+
+ ColumnLayout {
+ anchors.fill: parent
+ Item {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Layout.preferredHeight: 3
+ clip: true
+ Image {
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.bottom: parent.bottom
+ height: sourceSize.height * width / sourceSize.width
+ fillMode: Image.PreserveAspectCrop
+ source: player.metaData.coverArtImage ? player.metaData.coverArtImage : ''
+ }
+
+ Item {
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.bottom: parent.bottom
+ height :307
+ Rectangle {
+ anchors.fill: parent
+ color: 'black'
+ opacity: 0.75
+ }
+
+ ColumnLayout {
+ anchors.fill: parent
+ anchors.margins: root.width * 0.02
+ Item {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Row {
+ spacing: 20
+ ToggleButton {
+ id: random
+ offImage: './images/AGL_MediaPlayer_Shuffle_Inactive.svg'
+ onImage: './images/AGL_MediaPlayer_Shuffle_Active.svg'
+ }
+ ToggleButton {
+ id: loop
+ offImage: './images/AGL_MediaPlayer_Loop_Inactive.svg'
+ onImage: './images/AGL_MediaPlayer_Loop_Active.svg'
+ }
+ }
+ ColumnLayout {
+ anchors.fill: parent
+ Label {
+ id: title
+ Layout.alignment: Layout.Center
+ text: player.metaData.title ? player.metaData.title : ''
+ horizontalAlignment: Label.AlignHCenter
+ verticalAlignment: Label.AlignVCenter
+ }
+ Label {
+ id: artist
+ Layout.alignment: Layout.Center
+ text: player.metaData.author ? player.metaData.author : ''
+ horizontalAlignment: Label.AlignHCenter
+ verticalAlignment: Label.AlignVCenter
+ font.pixelSize: title.font.pixelSize * 0.6
+ }
+ }
+ }
+ Slider {
+ id: slider
+ Layout.fillWidth: true
+ to: player.duration
+ Label {
+ id: position
+ anchors.left: parent.left
+ anchors.bottom: parent.top
+ font.pixelSize: 32
+ text: player.time2str(player.position)
+ }
+ Label {
+ id: duration
+ anchors.right: parent.right
+ anchors.bottom: parent.top
+ font.pixelSize: 32
+ text: player.time2str(player.duration)
+ }
+ onPressedChanged: player.seek(value)
+ }
+ RowLayout {
+ Layout.fillHeight: true
+// Image {
+// source: './images/AGL_MediaPlayer_Playlist_Inactive.svg'
+// }
+// Image {
+// source: './images/AGL_MediaPlayer_CD_Inactive.svg'
+// }
+ Item { Layout.fillWidth: true }
+ ImageButton {
+ offImage: './images/AGL_MediaPlayer_BackArrow.svg'
+ onClicked: playlist.previous()
+ }
+ ImageButton {
+ id: play
+ offImage: './images/AGL_MediaPlayer_Player_Play.svg'
+ onClicked: player.play()
+ states: [
+ State {
+ when: player.playbackState === MediaPlayer.PlayingState
+ PropertyChanges {
+ target: play
+ offImage: './images/AGL_MediaPlayer_Player_Pause.svg'
+ onClicked: player.pause()
+ }
+ }
+ ]
+ }
+ ImageButton {
+ offImage: './images/AGL_MediaPlayer_ForwardArrow.svg'
+ onClicked: playlist.next()
+ }
+
+ Item { Layout.fillWidth: true }
+// Image {
+// source: './images/AGL_MediaPlayer_Bluetooth_Inactive.svg'
+// }
+// Image {
+// source: './images/AGL_MediaPlayer_Radio_Inactive.svg'
+// }
+ }
+ }
+ }
+ }
+ Item {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Layout.preferredHeight: 2
+ ListView {
+ anchors.fill: parent
+ clip: true
+ header: Label {
+ x: 50
+ text: 'PLAYLIST'
+ opacity: 0.5
+ }
+ model: PlaylistWithMetadata {
+ source: playlist
+ }
+ currentIndex: playlist.currentIndex
+
+ delegate: MouseArea {
+ id: delegate
+ width: ListView.view.width
+ height: ListView.view.height / 4
+ RowLayout {
+ anchors.fill: parent
+ anchors.leftMargin: 50
+ anchors.rightMargin: 50
+ Image {
+ source: model.coverArt
+ fillMode: Image.PreserveAspectFit
+ Layout.preferredWidth: delegate.height
+ Layout.preferredHeight: delegate.height
+ }
+ ColumnLayout {
+ Layout.fillWidth: true
+ Label {
+ Layout.fillWidth: true
+ text: model.title
+ }
+ Label {
+ Layout.fillWidth: true
+ text: model.artist
+ color: '#66FF99'
+ font.pixelSize: 32
+ }
+ }
+ Label {
+ text: player.time2str(model.duration)
+ color: '#66FF99'
+ font.pixelSize: 32
+ }
+ }
+ onClicked: {
+ playlist.currentIndex = model.index
+ player.play()
+ }
+ }
+
+ highlight: Rectangle {
+ color: 'white'
+ opacity: 0.25
+ }
+ }
+ }
+ }
+}