* limitations under the License.
*/
-import QtQuick 2.6
-import QtQuick.Layouts 1.1
-import QtQuick.Controls 2.0
-import QtMultimedia 5.6
+import QtQuick 2.11
+import QtQuick.Layouts 1.11
+import QtQuick.Controls 2.4
+import QtQuick.Window 2.13
+
import AGL.Demo.Controls 1.0
-import MediaPlayer 1.0
ApplicationWindow {
id: root
- MediaPlayer {
+ width: container.width * container.scale
+ height: container.height * container.scale
+
+ Item {
id: player
- audioRole: MediaPlayer.MusicRole
- autoLoad: true
- playlist: playlist
+
+ property string title: ""
+ property string album: ""
+ property string artist: ""
+
+ property bool av_connected: false
+
+ property int duration: 0
+ property int position: 0
+
+ property string status: "stopped"
+
function time2str(value) {
- return Qt.formatTime(new Date(value), 'mm:ss')
+ return Qt.formatTime(new Date(value), (value > 3600000) ? 'hh:mm:ss' : '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
+ Connections {
+ target: mediaplayer
+
+ onMetadataChanged: {
+ var track = metadata.track
+
+ if ('status' in metadata) {
+ player.status = metadata.status
+ }
+
+ if ('connected' in metadata) {
+ player.av_connected = metadata.connected
+ }
+
+ if (track) {
+ if ('image' in track)
+ return
+ player.title = track.title
+ player.album = track.album
+ player.artist = track.artist
+
+ if ('duration' in track)
+ player.duration = track.duration
+
+ if ('index' in track) {
+ playlistview.currentIndex = track.index
+ }
+ }
+
+ if ('position' in metadata) {
+ player.position = metadata.position
+ }
+ }
+ }
- Component.onCompleted: {
- playlist.addItems(mediaFiles)
+ Timer {
+ id: timer
+ interval: 250
+ running: player.av_connected && player.status == "playing"
+ repeat: true
+ onTriggered: {
+ player.position = player.position + 250
}
}
+ Item {
+ id: container
+ anchors.centerIn: parent
+ width: Window.width
+ height: Window.height
+ //scale: screenInfo.scale_factor()
+ scale: 1
ColumnLayout {
anchors.fill: parent
Item {
Layout.fillWidth: true
Layout.fillHeight: true
- Layout.preferredHeight: 3
+ Layout.preferredHeight: 1080
clip: true
Image {
anchors.left: parent.left
anchors.bottom: parent.bottom
height: sourceSize.height * width / sourceSize.width
fillMode: Image.PreserveAspectCrop
- source: player.metaData.coverArtImage ? player.metaData.coverArtImage : ''
+ source: AlbumArt
+ visible: player.av_connected === false
}
Item {
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: random
+ // visible: bluetooth.connected == false
+ // offImage: './images/AGL_MediaPlayer_Shuffle_Inactive.svg'
+ // onImage: './images/AGL_MediaPlayer_Shuffle_Active.svg'
+ //}
ToggleButton {
id: loop
+ visible: player.av_connected === false
offImage: './images/AGL_MediaPlayer_Loop_Inactive.svg'
onImage: './images/AGL_MediaPlayer_Loop_Active.svg'
+ onClicked: { mediaplayer.loop(checked ? "playlist" : "off") }
}
}
ColumnLayout {
Label {
id: title
Layout.alignment: Layout.Center
- text: player.metaData.title ? player.metaData.title : ''
+ text: player.title
horizontalAlignment: Label.AlignHCenter
verticalAlignment: Label.AlignVCenter
}
Label {
- id: artist
Layout.alignment: Layout.Center
- text: player.metaData.author ? player.metaData.author : ''
+ text: player.artist
horizontalAlignment: Label.AlignHCenter
verticalAlignment: Label.AlignVCenter
font.pixelSize: title.font.pixelSize * 0.6
id: slider
Layout.fillWidth: true
to: player.duration
+ enabled: player.av_connected === false
+ value: player.position
Label {
id: position
anchors.left: parent.left
font.pixelSize: 32
text: player.time2str(player.duration)
}
- onPressedChanged: player.seek(value)
+ onPressedChanged: mediaplayer.seek(value)
}
RowLayout {
Layout.fillHeight: true
// }
Item { Layout.fillWidth: true }
ImageButton {
+ id: previous
offImage: './images/AGL_MediaPlayer_BackArrow.svg'
- onClicked: playlist.previous()
+ onClicked: {
+ mediaplayer.previous()
+ }
}
ImageButton {
id: play
- offImage: './images/AGL_MediaPlayer_Player_Play.svg'
- onClicked: player.play()
states: [
State {
- when: player.playbackState === MediaPlayer.PlayingState
+ when: player.status == "playing"
PropertyChanges {
target: play
offImage: './images/AGL_MediaPlayer_Player_Pause.svg'
- onClicked: player.pause()
+ onClicked: {
+ mediaplayer.pause()
+ }
+ }
+ },
+ State {
+ when: player.status != "playing"
+ PropertyChanges {
+ target: play
+ offImage: './images/AGL_MediaPlayer_Player_Play.svg'
+ onClicked: mediaplayer.play()
}
}
]
}
ImageButton {
+ id: forward
offImage: './images/AGL_MediaPlayer_ForwardArrow.svg'
- onClicked: playlist.next()
+ onClicked: {
+ mediaplayer.next()
+ }
}
Item { Layout.fillWidth: true }
-// Image {
-// source: './images/AGL_MediaPlayer_Bluetooth_Inactive.svg'
-// }
-// Image {
-// source: './images/AGL_MediaPlayer_Radio_Inactive.svg'
-// }
+
+ ToggleButton {
+ visible: true
+ checked: player.av_connected
+ onClicked: {
+ if (checked)
+ mediaplayer.connect()
+ else
+ mediaplayer.disconnect()
+ }
+ contentItem: Image {
+ source: player.av_connected ? './images/AGL_MediaPlayer_Bluetooth_Active.svg' : './images/AGL_MediaPlayer_Bluetooth_Inactive.svg'
+ }
+ }
}
}
}
Item {
Layout.fillWidth: true
Layout.fillHeight: true
- Layout.preferredHeight: 2
+ Layout.preferredHeight: 407
+
ListView {
anchors.fill: parent
+ id: playlistview
+ visible: player.av_connected === false
clip: true
header: Label {
x: 50
text: 'PLAYLIST'
opacity: 0.5
}
- model: PlaylistWithMetadata {
- source: playlist
- }
- currentIndex: playlist.currentIndex
+ model: MediaplayerModel
+ currentIndex: -1
delegate: MouseArea {
id: delegate
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 {
Label {
Layout.fillWidth: true
text: model.artist
- color: '#66FF99'
+ color: '#00ADDC'
font.pixelSize: 32
}
}
- Label {
- text: player.time2str(model.duration)
- color: '#66FF99'
- font.pixelSize: 32
- }
+ //Label {
+ // text: player.time2str(model.duration)
+ // color: '#00ADDC'
+ // font.pixelSize: 32
+ //}
}
onClicked: {
- playlist.currentIndex = model.index
- player.play()
+ mediaplayer.picktrack(playlistview.model[index].index)
}
}
}
}
}
+}