Add demo video player app for CES2018guppy_6.99.4guppy_6.99.3guppy_6.99.2guppy_6.99.1guppy_6.90.0guppy/6.99.4guppy/6.99.3guppy/6.99.2guppy/6.99.1guppy/6.90.0flounder_5.99.6flounder_5.99.5flounder_5.99.4flounder_5.99.3flounder_5.99.2flounder_5.99.1flounder/5.99.6flounder/5.99.5flounder/5.99.4flounder/5.99.3flounder/5.99.2flounder/5.99.1eel_5.1.0eel_5.0.3eel_5.0.2eel_5.0.1eel/5.1.0eel/5.0.3eel/5.0.2eel/5.0.16.99.46.99.36.99.26.99.16.90.05.99.65.99.55.99.45.99.35.99.25.99.15.1.05.0.35.0.25.0.1eel

Change-Id: I4fb664a8520f02bc8e8eb8a87aa14c52d0fe8800
Signed-off-by: Tasuku Suzuki <tasuku.suzuki@qt.io>

10 files changed, 432 insertions, 0 deletions

diff --git a/app/images/AGL_MediaPlayer_BackArrow.svg b/app/images/AGL_MediaPlayer_BackArrow.svg
new file mode 100644
index 0000000..061c6ec
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_BackArrow.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80"
+	 style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#0DF9FF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="previous_1_">
+			<g>
+				<path class="st0" d="M68,38.4H18.3c3.4-3.4,11.1-11,11.1-11c0-0.1-1.6-3.2-1.6-3.2L12,40l15.8,15.8c0,0,1.6-3.2,1.6-3.2
+					c0,0-7.7-7.7-11-11.1H68V38.4z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_DividingLine.svg b/app/images/AGL_MediaPlayer_DividingLine.svg
new file mode 100644
index 0000000..51ed1ee
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_DividingLine.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1080 2"
+   style="enable-background:new 0 0 1080 2;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="AGL_MediaPlayer_DividingLine.svg"><metadata
+     id="metadata18"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs16" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview14"
+     showgrid="false"
+     inkscape:zoom="0.62222222"
+     inkscape:cx="-183.21429"
+     inkscape:cy="1"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{opacity:0.302;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#A8A8A8;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="Divider"
+         class="st0"><g
+           id="g10"><rect
+             y="1.1"
+             class="st1"
+             width="1080"
+             height="1.1"
+             id="rect12" /></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/app/images/AGL_MediaPlayer_ForwardArrow.svg b/app/images/AGL_MediaPlayer_ForwardArrow.svg
new file mode 100644
index 0000000..ea17210
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_ForwardArrow.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80"
+	 style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#0DF9FF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="previous_1_">
+			<g>
+				<path class="st0" d="M52.2,24.2c0,0-1.6,3.2-1.6,3.2c0,0,7.7,7.6,11.1,11H12v3.2h49.7c-3.4,3.4-11,11.1-11,11.1
+					c0,0,1.6,3.2,1.6,3.2L68,40L52.2,24.2z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_Loop_Active.svg b/app/images/AGL_MediaPlayer_Loop_Active.svg
new file mode 100644
index 0000000..fed253d
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Loop_Active.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 50 50"
+   style="enable-background:new 0 0 50 50;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="AGL_MediaPlayer_Loop_Active.svg"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="4.72"
+     inkscape:cx="-75.529661"
+     inkscape:cy="25"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:#EAEAEA;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><path
+           class="st0"
+           d="M31.5,15.3v4.4c0,0.4,0.2,0.7,0.6,0.9c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2l9.4-6.8     c0.3-0.2,0.4-0.5,0.4-0.8c0-0.3-0.2-0.6-0.4-0.8l-9.4-6.8C32.8,5,32.4,5,32,5.2c-0.3,0.2-0.6,0.5-0.6,0.9v4.4H10.9     C5.1,10.5,0.3,15.2,0.3,21V29c0,1.3,1.1,2.4,2.4,2.4c1.3,0,2.4-1.1,2.4-2.4V21c0-3.2,2.6-5.8,5.8-5.8H31.5z"
+           id="path11" /><path
+           class="st0"
+           d="M47.3,18.7c-1.3,0-2.4,1.1-2.4,2.4V29c0,3.2-2.6,5.8-5.8,5.8H18.4v-4.4c0-0.4-0.2-0.7-0.6-0.9     c-0.3-0.2-0.8-0.1-1.1,0.1l-9.4,6.8C7.2,36.5,7,36.8,7,37.1c0,0.3,0.2,0.6,0.4,0.8l9.4,6.8c0.2,0.1,0.4,0.2,0.6,0.2     c0.2,0,0.3,0,0.5-0.1c0.3-0.2,0.6-0.5,0.6-0.9v-4.4h20.7c5.8,0,10.5-4.7,10.5-10.5V21C49.7,19.7,48.6,18.7,47.3,18.7z"
+           id="path13" /></g></g></switch></svg>
\ No newline at end of file
diff --git a/app/images/AGL_MediaPlayer_Loop_Inactive.svg b/app/images/AGL_MediaPlayer_Loop_Inactive.svg
new file mode 100644
index 0000000..27ae317
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Loop_Inactive.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 50 50"
+   style="enable-background:new 0 0 50 50;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="AGL_MediaPlayer_Loop_Inactive.svg"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="4.72"
+     inkscape:cx="-74.682203"
+     inkscape:cy="25"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:#7A787D;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><path
+           class="st0"
+           d="M31.5,15.3v4.4c0,0.4,0.2,0.7,0.6,0.9c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2l9.4-6.8     c0.3-0.2,0.4-0.5,0.4-0.8c0-0.3-0.2-0.6-0.4-0.8l-9.4-6.8C32.8,5,32.4,5,32,5.2c-0.3,0.2-0.6,0.5-0.6,0.9v4.4H10.9     C5.1,10.5,0.3,15.2,0.3,21V29c0,1.3,1.1,2.4,2.4,2.4c1.3,0,2.4-1.1,2.4-2.4V21c0-3.2,2.6-5.8,5.8-5.8H31.5z"
+           id="path11" /><path
+           class="st0"
+           d="M47.3,18.7c-1.3,0-2.4,1.1-2.4,2.4V29c0,3.2-2.6,5.8-5.8,5.8H18.4v-4.4c0-0.4-0.2-0.7-0.6-0.9     c-0.3-0.2-0.8-0.1-1.1,0.1l-9.4,6.8C7.2,36.5,7,36.8,7,37.1c0,0.3,0.2,0.6,0.4,0.8l9.4,6.8c0.2,0.1,0.4,0.2,0.6,0.2     c0.2,0,0.3,0,0.5-0.1c0.3-0.2,0.6-0.5,0.6-0.9v-4.4h20.7c5.8,0,10.5-4.7,10.5-10.5V21C49.7,19.7,48.6,18.7,47.3,18.7z"
+           id="path13" /></g></g></switch></svg>
\ No newline at end of file
diff --git a/app/images/AGL_MediaPlayer_Player_Pause.svg b/app/images/AGL_MediaPlayer_Player_Pause.svg
new file mode 100644
index 0000000..03eacc1
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Player_Pause.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.851;}
+	.st1{fill:none;stroke:#0DF9FF;stroke-width:2;stroke-miterlimit:10;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="button_2_" class="st0">
+			<g>
+				<ellipse class="st1" cx="49.3" cy="49.6" rx="46" ry="46"/>
+			</g>
+		</g>
+		<g id="pause_2_">
+			<g>
+				<path class="st2" d="M43.1,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8h5.6c1.6,0,2.8-1.2,2.8-2.8V32.5
+					C45.9,31,44.6,29.8,43.1,29.8z M60,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8H60c1.6,0,2.8-1.2,2.8-2.8V32.5
+					C62.8,31,61.6,29.8,60,29.8z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_Player_Play.svg b/app/images/AGL_MediaPlayer_Player_Play.svg
new file mode 100644
index 0000000..7e89297
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Player_Play.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.851;}
+	.st1{fill:none;stroke:#0DF9FF;stroke-width:2;stroke-miterlimit:10;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="button_2_" class="st0">
+			<g>
+				<ellipse class="st1" cx="49.3" cy="49.6" rx="46" ry="46"/>
+			</g>
+		</g>
+		<g id="play_icon_2_">
+			<g>
+				<path class="st2" d="M65,48L43.3,33.9c-1.3-0.7-2.8-0.6-2.8,1.9v27.7c0,2.3,1.6,2.7,2.8,1.9L65,51.3C65.9,50.4,65.9,48.9,65,48z
+					"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_Shuffle_Active.svg b/app/images/AGL_MediaPlayer_Shuffle_Active.svg
new file mode 100644
index 0000000..c2c04f8
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Shuffle_Active.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 45 45"
+   style="enable-background:new 0 0 45 45;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="AGL_MediaPlayer_Shuffle_Active.svg"><metadata
+     id="metadata18"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs16" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview14"
+     showgrid="false"
+     inkscape:zoom="5.2444444"
+     inkscape:cx="-69.978814"
+     inkscape:cy="22.5"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#EAEAEA;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="repeat_1_"><g
+           id="g10"><path
+             class="st0"
+             d="M2.1,12h6.5l5.7,7.8l2.1-2.6c0,0-5.7-7.9-6.1-8.4H2.1c-0.9,0-1.6,0.9-1.6,1.8C0.5,11.4,1.2,12,2.1,12z       M34.7,12v4.4c0.5,0.5,2,0.7,2.5,0.2l6.9-5.2c0.5-0.5,0.5-1.3,0-1.7l-6.9-5.2c-0.5-0.5-2-0.8-2.5-0.3v4.6h-8.2L8.6,33.1H2.1      c-0.9,0-1.6,0.6-1.6,1.5c0,0.9,0.7,1.8,1.6,1.8h8.2L28.2,12H34.7z M37.2,28.5c-0.5-0.5-2-0.4-2.5,0.1v4.5h-6.5l-5.8-7.8      l-2.1,2.6l6.2,8.3h8.2v4.7c0.5,0.5,2,0.3,2.5-0.2l6.9-5.2c0.5-0.5,0.5-1.3,0-1.7L37.2,28.5z"
+             id="path12" /></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/app/images/AGL_MediaPlayer_Shuffle_Inactive.svg b/app/images/AGL_MediaPlayer_Shuffle_Inactive.svg
new file mode 100644
index 0000000..068370a
--- /dev/null
+++ b/app/images/AGL_MediaPlayer_Shuffle_Inactive.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 45 45"
+   style="enable-background:new 0 0 45 45;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="AGL_MediaPlayer_Shuffle_Inactive.svg"><metadata
+     id="metadata18"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs16" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview14"
+     showgrid="false"
+     inkscape:zoom="5.2444444"
+     inkscape:cx="-79.417373"
+     inkscape:cy="22.5"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#7A787D;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="repeat_1_"><g
+           id="g10"><path
+             class="st0"
+             d="M2.1,12h6.5l5.7,7.8l2.1-2.6c0,0-5.7-7.9-6.1-8.4H2.1c-0.9,0-1.6,0.9-1.6,1.8C0.5,11.4,1.2,12,2.1,12z       M34.7,12v4.4c0.5,0.5,2,0.7,2.5,0.2l6.9-5.2c0.5-0.5,0.5-1.3,0-1.7l-6.9-5.2c-0.5-0.5-2-0.8-2.5-0.3v4.6h-8.2L8.6,33.1H2.1      c-0.9,0-1.6,0.6-1.6,1.5c0,0.9,0.7,1.8,1.6,1.8h8.2L28.2,12H34.7z M37.2,28.5c-0.5-0.5-2-0.4-2.5,0.1v4.5h-6.5l-5.8-7.8      l-2.1,2.6l6.2,8.3h8.2v4.7c0.5,0.5,2,0.3,2.5-0.2l6.9-5.2c0.5-0.5,0.5-1.3,0-1.7L37.2,28.5z"
+             id="path12" /></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/app/images/images.qrc b/app/images/images.qrc
new file mode 100644
index 0000000..fe8a58d
--- /dev/null
+++ b/app/images/images.qrc
@@ -0,0 +1,13 @@
+<RCC>
+    <qresource prefix="/images">
+        <file>AGL_MediaPlayer_BackArrow.svg</file>
+        <file>AGL_MediaPlayer_DividingLine.svg</file>
+        <file>AGL_MediaPlayer_ForwardArrow.svg</file>
+        <file>AGL_MediaPlayer_Loop_Active.svg</file>
+        <file>AGL_MediaPlayer_Loop_Inactive.svg</file>
+        <file>AGL_MediaPlayer_Player_Pause.svg</file>
+        <file>AGL_MediaPlayer_Player_Play.svg</file>
+        <file>AGL_MediaPlayer_Shuffle_Active.svg</file>
+        <file>AGL_MediaPlayer_Shuffle_Inactive.svg</file>
+    </qresource>
+</RCC>