Added the ability to control playback volume from post capture
[harmattan/cameraplus] / qml / VideoPlayerPage.qml
1 // -*- qml -*-
2
3 /*!
4  * This file is part of CameraPlus.
5  *
6  * Copyright (C) 2012-2013 Mohammed Sameer <msameer@foolab.org>
7  *
8  * This library is free software; you can redistribute it and/or
9  * modify it under the terms of the GNU Lesser General Public
10  * License as published by the Free Software Foundation; either
11  * version 2.1 of the License, or (at your option) any later version.
12  *
13  * This library is distributed in the hope that it will be useful,
14  * but WITHOUT ANY WARRANTY; without even the implied warranty of
15  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
16  * Lesser General Public License for more details.
17  *
18  * You should have received a copy of the GNU Lesser General Public
19  * License along with this library; if not, write to the Free Software
20  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
21  */
22
23 import QtQuick 2.0
24 import CameraPlus 1.0
25 import QtCamera 1.0
26 import QtCameraExtras 1.0
27
28 Item {
29     id: page
30
31     signal finished
32     property alias source: video.source
33
34     function play() {
35         return video.play()
36     }
37
38     function stop() {
39         return video.stop()
40     }
41
42     MouseArea {
43         anchors.top: parent.top
44         anchors.bottom: toolBar.top
45         anchors.left: parent.left
46         anchors.right: parent.right
47
48         onClicked: toolBar.show = !toolBar.show
49     }
50
51     Timer {
52         id: hideTimer
53         running: toolBar.show
54         interval: 3000
55         onTriggered: toolBar.show = false
56     }
57
58     DeviceKeys {
59         id: zoomKeys
60         active: Qt.application.active && pipelineManager.scaleAcquired
61         repeat: true
62
63         onVolumeUpPressed: {
64             timer.restart()
65             video.volume = Math.min(video.volume + 2, 100)
66         }
67
68         onVolumeDownPressed: {
69             timer.restart()
70             video.volume = Math.max(video.volume - 2, 0)
71         }
72     }
73
74     VideoPlayer {
75         Rectangle {
76             id: volumeControl
77             anchors.top: parent.top
78             anchors.left: parent.left
79             width: (parent.width * video.volume) / 100
80             color: "blue"
81             border.color: "black"
82             height: 25
83             opacity: timer.running ? 1.0 : 0.0
84
85             Behavior on opacity {
86                 NumberAnimation { duration: 250 }
87             }
88
89             Timer {
90                 id: timer
91                 interval: 500
92                 repeat: false
93             }
94         }
95
96         id: video
97         anchors.fill: parent
98         cameraConfig: camera.cameraConfig
99
100         onError: showError(qsTr("Error playing video. Please try again or restart the application"))
101
102         function toggle() {
103             if (state != VideoPlayer.StatePaused) {
104                 video.pause()
105             } else {
106                 page.play()
107             }
108         }
109
110         onStateChanged: {
111             if (state == VideoPlayer.StateStopped) {
112                 page.finished()
113             }
114         }
115     }
116
117     Connections {
118         target: Qt.application
119         onActiveChanged: {
120             if (!Qt.application.active) {
121                 video.stop()
122             }
123         }
124     }
125
126     CameraToolBar {
127         id: toolBar
128
129         property bool show: true
130
131         hideBack: true
132         expanded: true
133         anchors.bottom: parent.bottom
134         anchors.bottomMargin: 20
135         anchors.left: parent.left
136         anchors.leftMargin: 20
137         opacity: show ? 0.8 : 0.0
138         visible: opacity > 0
139
140         Behavior on opacity {
141             PropertyAnimation { duration: 200; }
142         }
143
144         tools: CameraToolBarTools {
145             CameraToolIcon {
146                 iconSource: cameraTheme.videoStopIconId
147                 onClicked: video.stop()
148             }
149
150             CameraSlider {
151                 id: slider
152                 height: toolBar.height
153                 anchors.verticalCenter: parent.verticalCenter
154
155                 handleBackground: ""
156                 handleBackgroundPressed: ""
157
158                 minimumValue: 0
159                 maximumValue: video.duration
160                 value: video.position
161                 orientation: Qt.Horizontal
162
163                 onPressedChanged: {
164                     if (!slider.pressed) {
165                         video.position = slider.value
166                     }
167
168                     hideTimer.restart()
169                 }
170             }
171
172             CameraToolIcon {
173                 id: control
174                 iconSource: video.state != VideoPlayer.StatePaused ? cameraTheme.videoPauseIconId : cameraTheme.videoPlayIconId
175                 onClicked: {
176                     video.toggle()
177                     hideTimer.restart()
178                 }
179             }
180         }
181     }
182 }