Simple video player in QML - Revision history

Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

2012-06-13T10:58:28Z

Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

2012-02-15T05:44:54Z

Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

Croozeus: Croozeus - code tags

2011-11-10T08:47:37Z

Croozeus - code tags

Hamishwillee: Hamishwillee - Update metadata and categories

2011-09-26T00:34:53Z

Hamishwillee - Update metadata and categories

ILya84a: ILya84a - /* Video Player Component */

2011-09-20T10:37:25Z

ILya84a - - Video Player Component

ILya84a: ILya84a - /* How To Use this Component */

2011-09-20T10:33:30Z

ILya84a - - How To Use this Component

Hamishwillee: Hamishwillee - Bot change of template (Template:CodeSnippet) - now using Template:ArticleMetaData

2011-06-24T09:30:46Z

Hamishwillee - Bot change of template (Template:CodeSnippet) - now using Template:ArticleMetaData

Hamishwillee: Hamishwillee - Bot fixing redirect link.(Moving links from forum.nokia.com TO developer.nokia.com)

2011-06-21T12:42:31Z

Hamishwillee - Bot fixing redirect link.(Moving links from forum.nokia.com TO developer.nokia.com)

JaydipNokia: JaydipNokia - minor spelling and used code template

2011-06-17T08:39:49Z

JaydipNokia - minor spelling and used code template

Gaba88: Corrected Some Typos

2011-06-12T11:03:42Z

Corrected Some Typos

← Older revision		Revision as of 10:58, 13 June 2012
Line 170:		Line 170:

	* [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]		* [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]
−	* [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt][[Category:MeeGo]] [[Category:Symbian]]	+	* [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt][[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 05:44, 15 February 2012
Line 170:		Line 170:

	* [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]		* [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]
−	* [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt]	+	* [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt][[Category:MeeGo]] [[Category:Symbian]]

@@ Line 50: / Line 50: @@
 QML  Video Element has lots of properties using which we can get maximum of  the metadata of a particulat video file, which has a lot of usage too.
-<code>
+<code javascript>
 import QtQuick 1.0
 import QtMultimediaKit 1.1 // do not forgot to import this
@@ Line 99: / Line 99: @@
 Please have a look at this QML code to get a idea of how the things have been done.
-<code>
+<code javascript>
 import QtQuick 1.0

@@ Line 1: / Line 1: @@
-[[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]]
+[[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Multimedia]][[Category:Video]]
 {{ArticleMetaData
 |platform=Symbian^3
 |devices=Nokia E7-00, Nokia N8-00
 |creationdate=June 12, 2011
 |keywords= QML, Video, Multimedia
+|sourcecode=[[Media:VideoPlayer.zip]]
-|sourcecode= <!-- Link to example source code (e.g. [[Media:The Code Example ZIP.zip]]) -->
 |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
-|sdk=<!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
+|sdk=[http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK 1.1]
 |devicecompatability=<!-- Compatible devices (e.g.: All* (must have GPS) ) -->
 |signing=<!-- Empty or one of Self-Signed, DevCert, Manufacturer -->
@@ Line 17: / Line 13: @@
 |author=[[User:Gaba88]]
 }}
 == Introduction ==
 Video  playing is one of the most important requirement now a days in  applications, be it playing a video player by storing the whole video  file in the phone storage system or simply streaming a video.
 This application takes the first use case, second will be explained in one of the coming articles.
 == Playing Video files in Qt ==
@@ Line 57: / Line 44: @@
 ==Video Player Component==
 Component Below is a simple Video Player component, This component file has three main important Functions:
 * playVideo
 * stopVideo
 * pauseVideo
 QML  Video Element has lots of properties using which we can get maximum of  the metadata of a particulat video file, which has a lot of usage too.
 <code>
 import QtQuick 1.0
 import QtMultimediaKit 1.1 // do not forgot to import this
 Item {
      id: videoPlayerItem
@@ Line 184: / Line 169: @@
 == References ==
-[http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]
+* [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]
+* [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt]
 [http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt]

@@ Line 67: / Line 67: @@
 <code>
-importQtQuick 1.0
+import QtQuick 1.0
 import QtMultimediaKit 1.1 // do not forgot to import this
 Item {

@@ Line 110: / Line 110: @@
 When  user Clicks the play button the Loader Components Loads the VideoPlayer  QML file and then call the playVideo Function to play the video.
-When Stop Button us clicked first stopVideo function is called and then Loader unloads the VideoPlayer QML File.
+When Stop Button is clicked first stopVideo function is called and then Loader unloads the VideoPlayer QML File.
 Please have a look at this QML code to get a idea of how the things have been done.

@@ Line 20: / Line 20: @@
 ==Prerequisite==
-You  should have installed Qt SDK  1.1. You can download it from   [https://www.forum.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html   here]
+You  should have installed Qt SDK  1.1. You can download it from   [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html   here]
@@ Line 178: / Line 178: @@
 [http://doc.qt.nokia.com/qtmobility-1.2/qml-video.html QML Video Element]
-[http://wiki.forum.nokia.com/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt]
+[http://www.developer.nokia.com/Community/Wiki/index.php/How_to_launch_other_applications_in_Qt Launch External Applications in Qt]

@@ Line 31: / Line 31: @@
 Second you can  use [http://doc.qt.nokia.com/qtmobility-1.2/qmediaplayer.html  QMediaPlayer] and  [http://doc.qt.nokia.com/qtmobility-1.2/qvideowidget.html QVideoWidget]  APIs to play Videos from Qt C++.
-Third is using QMLs Video element which is nothing else but a QML Plugin class for QMediaPlayer and QVideoWidget.
+Third is using QMLs Video element which is nothing else but a QML Plugin class for {{Icode|QMediaPlayer}} and {{Icode|QVideoWidget}}.
 First  one works pretty smooth with some simple hacks, second and third  approach are generally used if you require an video player of your self  within your application context.
@@ Line 53: / Line 53: @@
 * stopVideo
 * pauseVideo
 QML  Video Element has lots of properties using which we can get maximum of  the metadata of a particulat video file, which has a lot of usage too.
@@ Line 162: / Line 163: @@
 == Sample Application ==
-An  Sample Application has been developed to show case the usability of QML  Video Component. screenshots for the application are showed at the  bottom.
+A  Sample Application has been developed to show case the usability of QML  Video Component. Screenshots for the application are showed at the  bottom.
 Where One can see the code of Toolbar and the  ToolBarButton Components designed, these can be used in any other  application too.

@@ Line 10: / Line 10: @@
 }}
-=Simple Video Player using Qt Quick=
+=Simple Video Player using QML=
 == Introduction ==
@@ Line 93: / Line 93: @@
 </code>
-== How To Use thi Component ==
+== How To Use this Component ==
 Following  code snippet shows how to use the above developed QML VideoPlayer  Component in other QML file, The important thing we need to keep in mind  that, as mentioned above, we can load the Video Component at the start  of the application, instead we need  to load the Video Element as and  when required. For this task a simple  [http://doc.qt.nokia.com/4.7-snapshot/qml-loader.html Loader] element  has been used.