implement nice simple player for sound preview in sound sequence edit screen

7 files changed, 356 insertions, 1 deletions

diff --git a/docs/img/src/export.py b/docs/img/src/export.py
index 104d1e3..1954f2d 100644
--- a/docs/img/src/export.py
+++ b/docs/img/src/export.py
@@ -34,8 +34,11 @@ def main(argv=None):
             'less_small',
             'more',
             'more_small',
+            'pause',
+            'play',
             'repeat',
-            'repeat_grey'
+            'repeat_grey',
+            'stop',
             ]
 
 	cwd = os.getcwd()
diff --git a/docs/img/src/export/24/pause.png b/docs/img/src/export/24/pause.png
new file mode 100644
index 0000000..1e7adba
--- /dev/null
+++ b/docs/img/src/export/24/pause.png
diff --git a/docs/img/src/export/24/play.png b/docs/img/src/export/24/play.png
new file mode 100644
index 0000000..8d097bc
--- /dev/null
+++ b/docs/img/src/export/24/play.png
diff --git a/docs/img/src/export/24/stop.png b/docs/img/src/export/24/stop.png
new file mode 100644
index 0000000..13f1fd1
--- /dev/null
+++ b/docs/img/src/export/24/stop.png
diff --git a/docs/img/src/pause.svg b/docs/img/src/pause.svg
new file mode 100644
index 0000000..0f91eba
--- /dev/null
+++ b/docs/img/src/pause.svg
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg 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:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="48px" height="48px" id="svg1307" sodipodi:version="0.32" inkscape:version="0.46" sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/actions" sodipodi:docname="media-playback-pause.svg" inkscape:export-filename="/home/lapo/Desktop/Grafica/Icone/media-actions-outlines.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs id="defs1309">
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 24 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="48 : 24 : 1" inkscape:persp3d-origin="24 : 16 : 1" id="perspective85"/>
+    <linearGradient id="linearGradient2817">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop2819"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0.484536;" offset="1" id="stop2821"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2584">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop2586"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop2588"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2697">
+      <stop id="stop2699" offset="0" style="stop-color: rgb(186, 189, 182);"/>
+      <stop id="stop2701" offset="1" style="stop-color: rgb(85, 87, 83);"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2679" inkscape:collect="always">
+      <stop id="stop2681" offset="0" style="stop-color: rgb(247, 247, 247); stop-opacity: 1;"/>
+      <stop id="stop2683" offset="1" style="stop-color: rgb(204, 208, 199); stop-opacity: 1;"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" id="linearGradient3081">
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 1;" offset="0" id="stop3083"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop3085"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" id="linearGradient8662">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop8664"/>
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 0;" offset="1" id="stop8666"/>
+    </linearGradient>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2112" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2122" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2124" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2137" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.47373e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2139" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.41646e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2725" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.52647e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2727" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.43239e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2729" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2731" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2733" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2745" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.5792e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2747" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.44832e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2749" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2751" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2753" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2791" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2793" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2795" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2797" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2800" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -0.09426)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2803" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1.00438, -145, -71.4625)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2806" gradientUnits="userSpaceOnUse" gradientTransform="translate(-145, -97.0943)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2809" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 212.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2817" id="linearGradient2823" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.10326, 0, 0, 1.05492, -163.123, -76.3114)" x1="174.83363" y1="84.263489" x2="174.74524" y2="105.49083"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2825" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -26.0943)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2831" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 186.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2817" id="linearGradient2858" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.10326, 0, 0, 1.05492, -163.123, -76.3114)" x1="174.83363" y1="84.263489" x2="174.74524" y2="105.49083"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2860" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 212.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2862" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1.00438, -145, -71.4625)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2864" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -0.09426)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="0.19607843" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="-59.41743" inkscape:cy="19.968635" inkscape:current-layer="layer1" showgrid="false" inkscape:grid-bbox="true" inkscape:document-units="px" inkscape:grid-points="true" fill="#fcaf3e" showguides="false" inkscape:guide-bbox="true" guidetolerance="1px" stroke="#729fcf" inkscape:window-width="872" inkscape:window-height="688" inkscape:window-x="0" inkscape:window-y="160" showborder="true" inkscape:showpageshadow="false">
+    <sodipodi:guide orientation="horizontal" position="38.996647" id="guide2194"/>
+    <sodipodi:guide orientation="horizontal" position="9.0140845" id="guide2196"/>
+    <sodipodi:guide orientation="vertical" position="9.0140845" id="guide2198"/>
+    <sodipodi:guide orientation="vertical" position="38.975184" id="guide2200"/>
+    <sodipodi:guide orientation="horizontal" position="22.988281" id="guide2202"/>
+    <sodipodi:guide orientation="vertical" position="23.908786" id="guide2204"/>
+    <sodipodi:guide orientation="vertical" position="157.99417" id="guide4332"/>
+    <sodipodi:guide orientation="horizontal" position="-36.062446" id="guide4334"/>
+    <sodipodi:guide orientation="horizontal" position="-58.02695" id="guide4336"/>
+    <sodipodi:guide orientation="vertical" position="180.00287" id="guide4338"/>
+    <sodipodi:guide orientation="vertical" position="107.92217" id="guide4417"/>
+    <sodipodi:guide orientation="vertical" position="129.93087" id="guide4419"/>
+    <sodipodi:guide orientation="horizontal" position="19.996875" id="guide5106"/>
+    <sodipodi:guide orientation="horizontal" position="63.039674" id="guide5119"/>
+    <sodipodi:guide orientation="horizontal" position="49.066305" id="guide5121"/>
+    <sodipodi:guide orientation="horizontal" position="-86.007168" id="guide5307"/>
+    <sodipodi:guide orientation="horizontal" position="-108.09009" id="guide5309"/>
+    <sodipodi:guide orientation="horizontal" position="-100.15429" id="guide3111"/>
+    <inkscape:grid id="GridFromPre046Settings" type="xygrid" originx="0px" originy="0px" spacingx="0.5px" spacingy="0.5px" color="#0000ff" empcolor="#0000ff" opacity="0.2" empopacity="0.4" empspacing="2"/>
+  </sodipodi:namedview>
+  <metadata id="metadata1312">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title>Media Playback Pause</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Lapo Calamandrei</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license rdf:resource="http://creativecommons.org/licenses/publicdomain/"/>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>media</rdf:li>
+            <rdf:li>pause</rdf:li>
+            <rdf:li>playback</rdf:li>
+            <rdf:li>video</rdf:li>
+            <rdf:li>music</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g id="layer1" inkscape:label="Layer 1" inkscape:groupmode="layer" style="display: inline;">
+    <g id="g2837">
+      <path inkscape:r_cy="true" inkscape:r_cx="true" id="path2815" d="M 26.086565,12.829103 L 26.086565,34.982359 L 34.912658,34.982359 L 34.912658,12.829103 L 26.086565,12.829103 z " style="opacity: 0.15; color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2823&quot;) rgb(0, 0, 0); stroke-width: 2; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;"/>
+      <path id="path2827" d="M 26.4996,13.40575 L 26.4996,34.40575 L 34.4996,34.40575 L 34.4996,13.40575 L 26.4996,13.40575 z " style="color: rgb(0, 0, 0); fill: url(&quot;#radialGradient2809&quot;) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;"/>
+      <path style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2803&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 26.4996,13.407946 L 26.4996,34.50001 L 34.4996,34.50001 L 34.4996,13.407946 L 26.4996,13.407946 z " id="path2762" inkscape:r_cx="true" inkscape:r_cy="true"/>
+      <path id="path2811" d="M 27.4996,14.40575 L 27.4996,33.40575 L 33.4996,33.40575 L 33.4996,14.40575 L 27.4996,14.40575 z " style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2800&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;"/>
+      <path sodipodi:nodetypes="ccccc" inkscape:r_cy="true" inkscape:r_cx="true" id="path2479" d="M 28.019106,14.942758 L 28.019106,23.328389 L 33.013048,22.70967 L 33.013048,14.85437 L 28.019106,14.942758 z " style="opacity: 0.5; color: rgb(0, 0, 0); fill: rgb(247, 247, 247); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; marker: none; stroke-miterlimit: 10; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: block; overflow: visible;"/>
+    </g>
+    <g id="use2844" inkscape:r_cx="true" inkscape:r_cy="true" transform="translate(-12.9723)">
+      <path style="opacity: 0.15; color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2858&quot;) rgb(0, 0, 0); stroke-width: 2; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 26.086565,12.829103 L 26.086565,34.982359 L 34.912658,34.982359 L 34.912658,12.829103 L 26.086565,12.829103 z " id="path2848" inkscape:r_cx="true" inkscape:r_cy="true"/>
+      <path style="color: rgb(0, 0, 0); fill: url(&quot;#radialGradient2860&quot;) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 26.4996,13.40575 L 26.4996,34.40575 L 34.4996,34.40575 L 34.4996,13.40575 L 26.4996,13.40575 z " id="path2850" inkscape:r_cx="true" inkscape:r_cy="true"/>
+      <path inkscape:r_cy="true" inkscape:r_cx="true" id="path2852" d="M 26.4996,13.407946 L 26.4996,34.50001 L 34.4996,34.50001 L 34.4996,13.407946 L 26.4996,13.407946 z " style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2862&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;"/>
+      <path style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2864&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 27.4996,14.40575 L 27.4996,33.40575 L 33.4996,33.40575 L 33.4996,14.40575 L 27.4996,14.40575 z " id="path2854" inkscape:r_cx="true" inkscape:r_cy="true"/>
+      <path style="opacity: 0.5; color: rgb(0, 0, 0); fill: rgb(247, 247, 247); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; marker: none; stroke-miterlimit: 10; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: block; overflow: visible;" d="M 28.019106,14.942758 L 28.019106,25.007768 L 33.013048,24.389049 L 33.013048,14.85437 L 28.019106,14.942758 z " id="path2856" inkscape:r_cx="true" inkscape:r_cy="true" sodipodi:nodetypes="ccccc"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/img/src/play.svg b/docs/img/src/play.svg
new file mode 100644
index 0000000..0faa0f2
--- /dev/null
+++ b/docs/img/src/play.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg 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:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="48px" height="48px" id="svg1307" sodipodi:version="0.32" inkscape:version="0.46" sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/actions" sodipodi:docname="media-playback-start.svg" inkscape:export-filename="/home/lapo/Desktop/Grafica/Icone/media-actions-outlines.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs id="defs1309">
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 24 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="48 : 24 : 1" inkscape:persp3d-origin="24 : 16 : 1" id="perspective49"/>
+    <linearGradient id="linearGradient2684">
+      <stop id="stop2686" offset="0" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/>
+      <stop id="stop2688" offset="1" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2584">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop2586"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop2588"/>
+    </linearGradient>
+    <linearGradient id="linearGradient5075">
+      <stop style="stop-color: rgb(173, 176, 168); stop-opacity: 1;" offset="0" id="stop5077"/>
+      <stop style="stop-color: rgb(70, 71, 68); stop-opacity: 1;" offset="1" id="stop5079"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2691" inkscape:collect="always">
+      <stop id="stop2693" offset="0" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/>
+      <stop id="stop2695" offset="1" style="stop-color: rgb(211, 215, 207);"/>
+    </linearGradient>
+    <linearGradient id="linearGradient3340">
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 1;" offset="0" id="stop3342"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0.628866;" offset="1" id="stop3344"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient5075" id="linearGradient2306" gradientUnits="userSpaceOnUse" x1="71.288956" y1="124.11652" x2="70.826942" y2="95" gradientTransform="translate(-45.0004, -71.0943)"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2691" id="radialGradient2314" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.0532434, -0.836238, 2.01947, 0.128568, -151.919, 108.077)" cx="107.5884" cy="83.990814" fx="107.5884" fy="83.990814" r="12.551644"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2684" id="linearGradient2690" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.12818, 0, 0, 1.12818, -53.9931, -83.3601)" x1="70.913956" y1="101.74152" x2="70.951942" y2="88.923729"/>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="0.19607843" inkscape:pageopacity="0.0000000" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="-117.42449" inkscape:cy="12.980288" inkscape:current-layer="layer1" showgrid="false" inkscape:grid-bbox="true" inkscape:document-units="px" inkscape:grid-points="true" fill="#555753" showguides="false" inkscape:guide-bbox="true" guidetolerance="1px" stroke="#555753" inkscape:window-width="872" inkscape:window-height="688" inkscape:window-x="326" inkscape:window-y="160" showborder="true" inkscape:showpageshadow="false">
+    <sodipodi:guide orientation="horizontal" position="38.996647" id="guide2194"/>
+    <sodipodi:guide orientation="horizontal" position="9.0140845" id="guide2196"/>
+    <sodipodi:guide orientation="vertical" position="9.0140845" id="guide2198"/>
+    <sodipodi:guide orientation="vertical" position="38.975184" id="guide2200"/>
+    <sodipodi:guide orientation="horizontal" position="22.988281" id="guide2202"/>
+    <sodipodi:guide orientation="vertical" position="23.908786" id="guide2204"/>
+    <sodipodi:guide orientation="vertical" position="157.99417" id="guide4332"/>
+    <sodipodi:guide orientation="horizontal" position="-36.062446" id="guide4334"/>
+    <sodipodi:guide orientation="horizontal" position="-58.02695" id="guide4336"/>
+    <sodipodi:guide orientation="vertical" position="180.00287" id="guide4338"/>
+    <sodipodi:guide orientation="vertical" position="107.92217" id="guide4417"/>
+    <sodipodi:guide orientation="vertical" position="129.93087" id="guide4419"/>
+    <sodipodi:guide orientation="horizontal" position="19.996875" id="guide5106"/>
+    <sodipodi:guide orientation="horizontal" position="63.039674" id="guide5119"/>
+    <sodipodi:guide orientation="horizontal" position="49.066305" id="guide5121"/>
+    <sodipodi:guide orientation="horizontal" position="-86.007168" id="guide5307"/>
+    <sodipodi:guide orientation="horizontal" position="-108.09009" id="guide5309"/>
+    <sodipodi:guide orientation="horizontal" position="-100.15429" id="guide3111"/>
+    <inkscape:grid id="GridFromPre046Settings" type="xygrid" originx="0px" originy="0px" spacingx="0.5px" spacingy="0.5px" color="#0000ff" empcolor="#0000ff" opacity="0.2" empopacity="0.4" empspacing="2"/>
+  </sodipodi:namedview>
+  <metadata id="metadata1312">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title>Media Playback Start</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Lapo Calamandrei</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license rdf:resource="http://creativecommons.org/licenses/publicdomain/"/>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>play</rdf:li>
+            <rdf:li>media</rdf:li>
+            <rdf:li>music</rdf:li>
+            <rdf:li>video</rdf:li>
+            <rdf:li>player</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:groupmode="layer" id="layer4" inkscape:label="contorno" style="display: inline;"/>
+  <g id="layer1" inkscape:label="Layer 1" inkscape:groupmode="layer" style="display: inline;">
+    <path sodipodi:nodetypes="cccc" id="path2682" d="M 12,39.5 L 12,9 L 38.06998,23.817079 L 12,39.5 z " style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2690&quot;) rgb(0, 0, 0); stroke-width: 2; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible; opacity: 0.15;" inkscape:r_cx="true" inkscape:r_cy="true"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" style="color: rgb(0, 0, 0); fill: url(&quot;#radialGradient2314&quot;) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 12.49946,37.81149 L 12.49946,10.000005 L 36.602747,23.905748 L 12.49946,37.81149 z " id="path3375" sodipodi:nodetypes="cccc"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient2306&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 12.49946,37.81149 L 12.49946,10.000005 L 36.602747,23.905748 L 12.49946,37.81149 z " id="path2479" sodipodi:nodetypes="cccc"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" style="color: rgb(0, 0, 0); fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 3; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 12.99946,10.87449 L 12.99946,36.93699 L 35.59321,23.90574 L 12.99946,10.87449 z M 13.99946,12.62449 L 33.56196,23.90574 L 13.99946,35.18699 L 13.99946,12.62449 z " id="path2481" sodipodi:nodetypes="cccccccc"/>
+    <path style="opacity: 0.5; color: rgb(0, 0, 0); fill: rgb(255, 255, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; marker: none; stroke-miterlimit: 10; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: block; overflow: visible;" d="M 13.9375,12.5625 L 13.9375,24.25 C 18.206698,24.205215 23.101656,23.904436 31,22.375 L 13.9375,12.5625 z " id="path2339" inkscape:r_cx="true" inkscape:r_cy="true" sodipodi:nodetypes="cccc"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/img/src/stop.svg b/docs/img/src/stop.svg
new file mode 100644
index 0000000..771e069
--- /dev/null
+++ b/docs/img/src/stop.svg
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg 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:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="48" height="48" id="svg1307" sodipodi:version="0.32" inkscape:version="0.46" sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/actions" sodipodi:docname="media-playback-stop.svg" inkscape:export-filename="/home/lapo/Desktop/Grafica/Icone/media-actions-outlines.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" version="1.0" inkscape:r_cx="true" inkscape:r_cy="true" inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs id="defs1309">
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 24 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="48 : 24 : 1" inkscape:persp3d-origin="24 : 16 : 1" id="perspective82"/>
+    <linearGradient id="linearGradient2817">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop2819"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0.484536;" offset="1" id="stop2821"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2584">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop2586"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop2588"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2697">
+      <stop id="stop2699" offset="0" style="stop-color: rgb(186, 189, 182);"/>
+      <stop id="stop2701" offset="1" style="stop-color: rgb(85, 87, 83);"/>
+    </linearGradient>
+    <linearGradient id="linearGradient2679" inkscape:collect="always">
+      <stop id="stop2681" offset="0" style="stop-color: rgb(247, 247, 247); stop-opacity: 1;"/>
+      <stop id="stop2683" offset="1" style="stop-color: rgb(204, 208, 199); stop-opacity: 1;"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" id="linearGradient3081">
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 1;" offset="0" id="stop3083"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop3085"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" id="linearGradient8662">
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0" id="stop8664"/>
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 0;" offset="1" id="stop8666"/>
+    </linearGradient>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2112" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2122" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2124" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2137" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.47373e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2139" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.41646e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2725" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.52647e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2727" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.43239e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2729" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2731" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2733" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2745" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, 4.5792e-13, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient8662" id="radialGradient2747" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 0.536723, -1.44832e-12, 16.8731)" cx="24.837126" cy="36.421127" fx="24.837126" fy="36.421127" r="15.644737"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2749" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2751" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2753" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2791" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -42.6116, 283.789)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2793" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2795" gradientUnits="userSpaceOnUse" gradientTransform="translate(-12)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2797" gradientUnits="userSpaceOnUse" gradientTransform="translate(133, 71)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2800" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -0.09426)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2803" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1.00438, -145, -71.4625)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2806" gradientUnits="userSpaceOnUse" gradientTransform="translate(-145, -97.0943)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2809" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 212.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2817" id="linearGradient2823" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.10326, 0, 0, 1.05492, -163.123, -76.3114)" x1="174.83363" y1="84.263489" x2="174.74524" y2="105.49083"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2825" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -26.0943)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2831" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 186.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2817" id="linearGradient2858" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.10326, 0, 0, 1.05492, -163.123, -76.3114)" x1="174.83363" y1="84.263489" x2="174.74524" y2="105.49083"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient2860" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.56231e-06, -1.07205, 1.9921, -1.25066e-06, -175.612, 212.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient2862" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1.00438, -145, -71.4625)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient2864" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.0004, -0.09426)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3081" id="linearGradient3421" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.0002, 0, 0, 1, -67.006, -0.09426)" x1="15.089521" y1="15.291994" x2="14" y2="52.510574"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2697" id="linearGradient3424" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.49888, 0, 0, 1.00438, -414.062, -71.4625)" x1="169" y1="110.33805" x2="169" y2="93.204849"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient2679" id="radialGradient3427" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8.90577e-06, -1.07205, 4.98026, -1.25066e-06, -490.779, 212.695)" cx="169.77171" cy="100.20107" fx="169.77171" fy="100.20107" r="11"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2817" id="linearGradient3430" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.62453, 0, 0, 1.05492, -436.102, -76.3114)" x1="174.83363" y1="84.263489" x2="174.74524" y2="105.49083"/>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="0.19607843" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="4" inkscape:cx="-0.153018" inkscape:cy="25.719637" inkscape:current-layer="layer1" showgrid="false" inkscape:grid-bbox="true" inkscape:document-units="px" inkscape:grid-points="true" fill="#fcaf3e" showguides="false" inkscape:guide-bbox="true" guidetolerance="1px" stroke="#729fcf" inkscape:window-width="872" inkscape:window-height="688" inkscape:window-x="0" inkscape:window-y="160" showborder="true" inkscape:showpageshadow="false">
+    <sodipodi:guide orientation="horizontal" position="38.996647" id="guide2194"/>
+    <sodipodi:guide orientation="horizontal" position="9.0140845" id="guide2196"/>
+    <sodipodi:guide orientation="vertical" position="9.0140845" id="guide2198"/>
+    <sodipodi:guide orientation="vertical" position="38.975184" id="guide2200"/>
+    <sodipodi:guide orientation="horizontal" position="22.988281" id="guide2202"/>
+    <sodipodi:guide orientation="vertical" position="23.908786" id="guide2204"/>
+    <sodipodi:guide orientation="vertical" position="157.99417" id="guide4332"/>
+    <sodipodi:guide orientation="horizontal" position="-36.062446" id="guide4334"/>
+    <sodipodi:guide orientation="horizontal" position="-58.02695" id="guide4336"/>
+    <sodipodi:guide orientation="vertical" position="180.00287" id="guide4338"/>
+    <sodipodi:guide orientation="vertical" position="107.92217" id="guide4417"/>
+    <sodipodi:guide orientation="vertical" position="129.93087" id="guide4419"/>
+    <sodipodi:guide orientation="horizontal" position="19.996875" id="guide5106"/>
+    <sodipodi:guide orientation="horizontal" position="63.039674" id="guide5119"/>
+    <sodipodi:guide orientation="horizontal" position="49.066305" id="guide5121"/>
+    <sodipodi:guide orientation="horizontal" position="-86.007168" id="guide5307"/>
+    <sodipodi:guide orientation="horizontal" position="-108.09009" id="guide5309"/>
+    <sodipodi:guide orientation="horizontal" position="-100.15429" id="guide3111"/>
+    <inkscape:grid id="GridFromPre046Settings" type="xygrid" originx="0px" originy="0px" spacingx="0.5px" spacingy="0.5px" color="#0000ff" empcolor="#0000ff" opacity="0.2" empopacity="0.4" empspacing="2"/>
+  </sodipodi:namedview>
+  <metadata id="metadata1312">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title>Media Playback Pause</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Lapo Calamandrei</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license rdf:resource="http://creativecommons.org/licenses/publicdomain/"/>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>media</rdf:li>
+            <rdf:li>stop</rdf:li>
+            <rdf:li>playback</rdf:li>
+            <rdf:li>video</rdf:li>
+            <rdf:li>music</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
+        <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g id="layer1" inkscape:label="Layer 1" inkscape:groupmode="layer" style="display: inline;" inkscape:r_cx="true" inkscape:r_cy="true">
+    <path style="opacity: 0.15; color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient3430&quot;) rgb(0, 0, 0); stroke-width: 2; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 14.00382,12.829103 L 14.00382,34.982359 L 35.000004,34.982359 L 35.000004,12.829103 L 14.00382,12.829103 z " id="path2815" inkscape:r_cx="true" inkscape:r_cy="true"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" style="color: rgb(0, 0, 0); fill: url(&quot;#radialGradient3427&quot;) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 14.5,13.40575 L 14.5,34.40575 L 34.5,34.40575 L 34.5,13.40575 L 14.5,13.40575 z " id="path2827"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" id="path2762" d="M 14.496737,13.407946 L 14.496737,34.50001 L 34.487808,34.50001 L 34.487808,13.407946 L 14.496737,13.407946 z " style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient3424&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: round; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;"/>
+    <path inkscape:r_cy="true" inkscape:r_cx="true" style="color: rgb(0, 0, 0); fill: none; fill-opacity: 1; fill-rule: evenodd; stroke: url(&quot;#linearGradient3421&quot;) rgb(0, 0, 0); stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible;" d="M 15.499412,14.40575 L 15.499412,33.40575 L 33.500595,33.40575 L 33.500595,14.40575 L 15.499412,14.40575 z " id="path2811"/>
+    <path style="opacity: 0.5; color: rgb(0, 0, 0); fill: rgb(247, 247, 247); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; marker: none; stroke-miterlimit: 10; stroke-dasharray: none; stroke-dashoffset: 0pt; stroke-opacity: 1; visibility: visible; display: block; overflow: visible;" d="M 16,14.942758 L 16,25.5 L 33,22.70967 L 33,14.85437 L 16,14.942758 z " id="path2479" inkscape:r_cx="true" inkscape:r_cy="true" sodipodi:nodetypes="ccccc"/>
+  </g>
+</svg>
\ No newline at end of file