Adopt statemachine class to manage sound right
[apps/mediaplayer.git] / app / MediaPlayer.qml
index 570af0f..a9e44e0 100644 (file)
@@ -1,5 +1,6 @@
 /*
  * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2017 Toyota Motor Corporation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,31 +20,196 @@ import QtQuick.Layouts 1.1
 import QtQuick.Controls 2.0
 import QtMultimedia 5.6
 import AGL.Demo.Controls 1.0
-import MediaPlayer 1.0
+import QtQml.StateMachine 1.0 as MPSM
+import 'api' as API
 
 ApplicationWindow {
     id: root
-
-    MediaPlayer {
+    
+    property int sourceID: 0
+    property int connectionID
+    signal playMediaplayer
+    signal stopMediaplayer
+    signal disconnected
+    signal paused
+    signal connected
+    API.MediaPlayer {
         id: player
-        audioRole: MediaPlayer.MusicRole
-        autoLoad: true
-        playlist: playlist
-        function time2str(value) {
-            return Qt.formatTime(new Date(value), 'mm:ss')
+        url: bindingAddress
+    }
+
+    API.BluetoothManager {
+        id: bluetooth
+        url: bindingAddress
+    }
+
+    MPSM.StateMachine{
+        id: mediaplayerState
+        initialState: stop
+        running: true
+        MPSM.State{
+            id: haveSoundRight
+            MPSM.SignalTransition{
+                targetState: stop
+                signal: disconnected
+            }
+            MPSM.SignalTransition{
+                targetState: pause
+                signal: paused
+            }
+            MPSM.SignalTransition{
+                targetState: playing
+                signal: playMediaplayer
+            }
+            onEntered: {
+                console.log("enter haveSoundRight")
+            }
+            onExited : {
+                // Nothing to do
+            }
+        }
+        MPSM.State{
+            id: stop
+            MPSM.SignalTransition{
+                targetState: haveSoundRight
+                signal: connected
+            }
+            onEntered: {
+                console.log("enter stop state")
+            }
+            onExited : {
+                // Nothing to do
+            }
+        }
+        MPSM.State{
+            id: pause
+            MPSM.SignalTransition{
+                targetState: haveSoundRight
+                signal: connected
+            }
+            MPSM.SignalTransition{
+                targetState: stop
+                signal: disconnected
+            }
+            onEntered: {
+                console.log("enter pause state")
+            }
+            onExited : {
+                // Nothing to do
+            }
+        }
+        MPSM.State{
+            id: playing
+            MPSM.SignalTransition{
+                targetState: haveSoundRight
+                signal: stopMediaplayer
+            }
+            MPSM.SignalTransition{
+                targetState: lostSoundRight
+                signal: disconnected
+            }
+            onEntered: {
+                console.log("enter playing state")
+                player.play()
+            }
+            onExited : {
+                player.pause()
+            }
+        }
+        MPSM.State{
+            id: lostSoundRight
+            MPSM.SignalTransition{
+                targetState: playing
+                signal: connected
+            }
+            onEntered: {
+                console.log("enter lostSoundRight")
+            }
+            onExited : {
+            }
+        }
+        MPSM.State{
+            id: temporaryLostSoundRight
+            MPSM.SignalTransition{
+                targetState: playing
+                signal: connected
+            }
+            MPSM.SignalTransition{
+                targetState: lostSoundRight
+                signal: disconnected
+            }
+            onEntered: {
+                console.log("enter lostSoundRight")
+            }
+            onExited : {
+            }
         }
-        onPositionChanged: slider.value = player.position
     }
 
-    Playlist {
-        id: playlist
-        playbackMode: random.checked ? Playlist.Random : loop.checked ? Playlist.Loop : Playlist.Sequential
+    function slotReply(msg){
+        var jstr = JSON.stringify(msg)
+        var content = JSON.parse(jstr);
+        var verb = content.response.verb
+        var err = content.response.error
+        switch(verb)
+        {
+            case "connect":
+                if(err == 0){
+                    connectionID = content.response.mainConnectionID
+                }
+                break;
+            case "registerSource":
+                if(err == 0){
+                    sourceID = content.response.sourceID
+                }
+        }
+    }
 
-        Component.onCompleted: {
-            playlist.addItems(mediaFiles)
+    function slotEvent(event,msg){
+        var jstr = JSON.stringify(msg)
+        var content = JSON.parse(jstr);
+        var eventName = content.event
+        switch(eventName)
+        {
+            case "soundmanager\/asyncSetSourceState":
+                // This event doesn't come for now
+                if(sourceID == content.data.sourceID){
+                    console.log("mediaplayer: call ackSetSourceState")
+                    smw.ackSetSourceState(content.data.handle, 0)
+                    switch(content.data.sourceState){
+                        case "on":
+                            connected()
+                            break;
+                        case "off":
+                            disconnected()
+                            break;
+                        case "paused":
+                            paused()
+                            break;
+                        default:
+                            break;
+                    }
+                }
+                break;
+            default:
+                break;
+        }
+    }
+
+    Timer {
+        id: timer
+        interval: 250
+        running: (bluetooth.av_connected && bluetooth.state == "playing")
+        repeat: true
+        onTriggered: {
+            bluetooth.position = bluetooth.position + 250
+            slider.value = bluetooth.position
         }
     }
 
+    ListModel {
+        id: playlist
+    }
 
     ColumnLayout {
         anchors.fill: parent
@@ -53,12 +219,14 @@ ApplicationWindow {
             Layout.preferredHeight: 1080
             clip: true
             Image {
+                id: albumart
                 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 : ''
+                source: player.cover_art ? player.cover_art : ''
+                visible: bluetooth.av_connected == false
             }
 
             Item {
@@ -80,15 +248,19 @@ ApplicationWindow {
                         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: bluetooth.connected == false
+                                checked: player.loop_state
                                 offImage: './images/AGL_MediaPlayer_Loop_Inactive.svg'
                                 onImage: './images/AGL_MediaPlayer_Loop_Active.svg'
+                                onClicked: { player.loop(checked) }
                             }
                         }
                         ColumnLayout {
@@ -96,14 +268,13 @@ ApplicationWindow {
                             Label {
                                 id: title
                                 Layout.alignment: Layout.Center
-                                text: player.metaData.title ? player.metaData.title : ''
+                                text: bluetooth.av_connected ? bluetooth.title : (player.title ? player.title : '')
                                 horizontalAlignment: Label.AlignHCenter
                                 verticalAlignment: Label.AlignVCenter
                             }
                             Label {
-                                id: artist
                                 Layout.alignment: Layout.Center
-                                text: player.metaData.author ? player.metaData.author : ''
+                                text: bluetooth.av_connected ? bluetooth.artist : (player.artist ? player.artist : '')
                                 horizontalAlignment: Label.AlignHCenter
                                 verticalAlignment: Label.AlignVCenter
                                 font.pixelSize: title.font.pixelSize * 0.6
@@ -113,20 +284,28 @@ ApplicationWindow {
                     Slider {
                         id: slider
                         Layout.fillWidth: true
-                        to: player.duration
+                        to: bluetooth.av_connected ? bluetooth.duration : player.duration
+                        enabled: bluetooth.av_connected == false
+                        value: bluetooth.av_connected ? bluetooth.position : player.position
+                        function getPosition() {
+                            if (bluetooth.av_connected) {
+                                return player.time2str(bluetooth.position)
+                            }
+                            return player.time2str(player.position)
+                        }
                         Label {
                             id: position
                             anchors.left: parent.left
                             anchors.bottom: parent.top
                             font.pixelSize: 32
-                            text: player.time2str(player.position)
+                            text: slider.getPosition()
                         }
                         Label {
                             id: duration
                             anchors.right: parent.right
                             anchors.bottom: parent.top
                             font.pixelSize: 32
-                            text: player.time2str(player.duration)
+                            text: bluetooth.av_connected ? player.time2str(bluetooth.duration) : player.time2str(player.duration)
                         }
                         onPressedChanged: player.seek(value)
                     }
@@ -140,36 +319,77 @@ ApplicationWindow {
 //                        }
                         Item { Layout.fillWidth: true }
                         ImageButton {
+                            id: previous
                             offImage: './images/AGL_MediaPlayer_BackArrow.svg'
-                            onClicked: playlist.previous()
+                            onClicked: {
+                                if (bluetooth.av_connected) {
+                                    bluetooth.sendMediaCommand("Previous")
+                                    bluetooth.position = 0
+                                } else {
+                                    player.previous()
+                                }
+                            }
                         }
                         ImageButton {
                             id: play
                             offImage: './images/AGL_MediaPlayer_Player_Play.svg'
-                            onClicked: player.play()
+                            onClicked: {
+                                if (bluetooth.av_connected) {
+                                    bluetooth.sendMediaCommand("Play")
+                                } else {
+                                    playMediaplayer()
+                                }
+                            }
                             states: [
                                 State {
-                                    when: player.playbackState === MediaPlayer.PlayingState
+                                    when: player.running === true
+                                    PropertyChanges {
+                                        target: play
+                                        offImage: './images/AGL_MediaPlayer_Player_Pause.svg'
+                                        onClicked: {
+                                            stopMediaplayer()
+                                        }
+                                    }
+                                },
+                                State {
+                                    when: bluetooth.av_connected && bluetooth.state == "playing"
                                     PropertyChanges {
                                         target: play
                                         offImage: './images/AGL_MediaPlayer_Player_Pause.svg'
-                                        onClicked: player.pause()
+                                        onClicked: bluetooth.sendMediaCommand("Pause")
                                     }
                                 }
+
                             ]
                         }
                         ImageButton {
+                            id: forward
                             offImage: './images/AGL_MediaPlayer_ForwardArrow.svg'
-                            onClicked: playlist.next()
+                            onClicked: {
+                                if (bluetooth.av_connected) {
+                                    bluetooth.sendMediaCommand("Next")
+                                } else {
+                                    player.next()
+                                }
+                            }
                         }
 
                         Item { Layout.fillWidth: true }
-//                        Image {
-//                            source: './images/AGL_MediaPlayer_Bluetooth_Inactive.svg'
-//                        }
-//                        Image {
-//                            source: './images/AGL_MediaPlayer_Radio_Inactive.svg'
-//                        }
+                        ToggleButton {
+                              visible: bluetooth.connected
+                              checked: bluetooth.av_connected
+                              offImage: './images/AGL_MediaPlayer_Bluetooth_Inactive.svg'
+                              onImage: './images/AGL_MediaPlayer_Bluetooth_Active.svg'
+
+                              onClicked: {
+                                  if (bluetooth.av_connected) {
+                                      bluetooth.disconnect_profiles()
+                                  } else {
+                                      bluetooth.connect_profiles()
+                                  }
+                              }
+                        }
                     }
                 }
             }
@@ -178,18 +398,19 @@ ApplicationWindow {
             Layout.fillWidth: true
             Layout.fillHeight: true
             Layout.preferredHeight: 407
+
             ListView {
                 anchors.fill: parent
+                id: playlistview
+                visible: bluetooth.av_connected == false
                 clip: true
                 header: Label {
                     x: 50
                     text: 'PLAYLIST'
                     opacity: 0.5
                 }
-                model: PlaylistWithMetadata {
-                    source: playlist
-                }
-                currentIndex: playlist.currentIndex
+                model: playlist
+                currentIndex: -1
 
                 delegate: MouseArea {
                     id: delegate
@@ -199,12 +420,6 @@ ApplicationWindow {
                         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 {
@@ -218,15 +433,15 @@ ApplicationWindow {
                                 font.pixelSize: 32
                             }
                         }
-                        Label {
-                            text: player.time2str(model.duration)
-                            color: '#66FF99'
-                            font.pixelSize: 32
-                        }
+                        //Label {
+                        //    text: player.time2str(model.duration)
+                        //    color: '#66FF99'
+                        //    font.pixelSize: 32
+                        //}
                     }
                     onClicked: {
-                        playlist.currentIndex = model.index
-                        player.play()
+                        player.pick_track(playlistview.model.get(index).index)
+                        playMediaplayer()
                     }
                 }
 
@@ -236,5 +451,8 @@ ApplicationWindow {
                 }
             }
         }
+        Component.onCompleted: {
+            smw.registerSource("mediaplayer")
+        }
     }
 }