video player

This commit is contained in:
Luis Eduardo Ribeiro Guerra 2022-01-07 18:13:18 -03:00 committed by Valeria Fadeeva
parent 92fd6b6626
commit 789c6b27cc
1 changed files with 105 additions and 30 deletions

View File

@ -1,47 +1,122 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32" version="1.1">
<defs> <defs>
<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="17.7181" y1="117.1002" x2="24.9606" y2="111.9512" gradientTransform="matrix(7.055,0,0,-7.9752,-120.5008,942.8024)"> <linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="2.7165" y1="7.2165" x2="29.2835" y2="33.7835" >
<stop offset="0" style="stop-color:rgb(98.039216%,56.470588%,30.980392%);stop-opacity:1;"/> <stop offset="0.1564" style="stop-color:rgb(17.647059%,65.882353%,87.45098%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(54.901961%,38.431373%,76.078431%);stop-opacity:1;"/> <stop offset="1" style="stop-color:rgb(1.176471%,32.941176%,72.156863%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="18.0372" y1="117.4948" x2="24.6868" y2="111.6125" gradientTransform="matrix(7.055,0,0,-7.9752,-120.5008,942.8024)">
<stop offset="0" style="stop-color:rgb(98.431373%,56.470588%,29.411765%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(53.333333%,38.039216%,75.686275%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="16.5531" y1="119.8309" x2="24.1708" y2="114.4151" gradientTransform="matrix(5.8792,0,0,-5.4788,-89.4186,675.557)">
<stop offset="0" style="stop-color:rgb(27.45098%,29.411765%,29.411765%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(11.764706%,11.764706%,11.764706%);stop-opacity:1;"/>
</linearGradient> </linearGradient>
<filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"> <filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/> <feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter> </filter>
<mask id="mask0"> <mask id="mask0">
<g filter="url(#alpha)"> <g filter="url(#alpha)">
<rect x="0" y="0" width="64" height="64" style="fill:rgb(0%,0%,0%);fill-opacity:0.301961;stroke:none;"/> <rect x="0" y="0" width="32" height="32" style="fill:rgb(0%,0%,0%);fill-opacity:0.25098;stroke:none;"/>
</g> </g>
</mask> </mask>
<image id="image6" width="17" height="21" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABmJLR0QA/wD/AP+gvaeTAAABeElEQVQ4jZXUvW8TQRDG4cf2OZCYEL6DFJGCADUdDQXiH6dOAVQoEk2kyErEV4SU2CHG9lHsrLI523CMdJqR7u7d374zux1X0SlyHXWtRfQid9HHAOtRt45erNzHfezhadRVkMwir6TKIgM8w1u8jnorxGeYFGJLRbrYwAu8wSs8x04QdTDGRQgtRBU5e3ILD7CJh3hcEFU4wRl+Y94UESt2g+5G8VQhsoVPOMTXkix7so5dvIy8Ee/6Ud/FNu7F96MQmaIuSZZF9msHt/EotlrjEseY/EskC60FzVp4cYoj/MCk20KEK79u4o7UtYGwo61IHQS/8DMIRmJ22mxnLrX0TGrxB7yX/LjkeotXCYyllh5KLd7HR3wL8ZUk+cyMMYyf9i3OybxJkvc9C8xxgf8u8l8nNu/7HN+lFg5xUOAPQ3iucRDzcZ9Kjh8ExQif41kY82Z0XL9Pnkhn5AJfgui8ib9MhDRIlTRMvcKX6TL8VSJl/d937B9tGXjCsKILhwAAAABJRU5ErkJggg=="/> <image id="image7" width="17" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABmJLR0QA/wD/AP+gvaeTAAABaElEQVQ4jZXUy08UQRDH8c/MLkYe0SwajCFGgo945WC4cCD+9YZ4kghBEjhIIBrk4uqyLsty6GptdSYOlXSqptPzq29VPyq/rSr8LOKZDtYLX2MOi5iPuLP1IvMcHuAZ1iPuB8k0fCtVFlnEc7zBVsT3Q3yKn+FbRWos4CW2sYkXWA2iOkSu2qgyyQLW8BqvsIKHMe7hTqxtpMoi83iKjRBbirklLOMRBgXVpKTqt5RZFWWuBs1KlDfALg5xjkmbSLY6ShngrrQBy/F9iWEXkUzVC6rHMXeOd9IxqOoOIv+1LiQzXGOELziQ+nEhbXtrY7NdSzvxDWd4j7dSYz9JfWklycc9Zz/GB+yE0KnU1H9IMvYUY/wosu9gD0chOoq1s5IkYw+lzl/gBPtF9rMoaxLrf1m+qVf4Gj+N8R0fYxw3ZS+t8udT8ES6vSN8DqJhU/a/RUgnsy+dynzRxkHYmL1JpIxv/TzeAE8ccPEGdxnJAAAAAElFTkSuQmCC"/>
<clipPath id="clip1"> <clipPath id="clip1">
<rect x="0" y="0" width="64" height="64"/> <rect x="0" y="0" width="32" height="32"/>
</clipPath> </clipPath>
<g id="surface7" clip-path="url(#clip1)"> <g id="surface8" clip-path="url(#clip1)">
<use xlink:href="#image6" transform="matrix(2,0,0,2,16,16)"/> <use xlink:href="#image7" transform="matrix(1,0,0,1,9,12)"/>
</g> </g>
<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="5.6295" y1="81.3136" x2="8.7478" y2="81.3136" gradientTransform="matrix(7.055,0,0,-7.055,-15.7164,608.6746)"> <linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="9.9213" y1="16.53" x2="18.8612" y2="25.47" >
<stop offset="0" style="stop-color:rgb(92.156863%,92.156863%,92.156863%);stop-opacity:1;"/> <stop offset="0" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/> <stop offset="0.905" style="stop-color:rgb(88.627451%,88.627451%,88.627451%);stop-opacity:1;"/>
</linearGradient>
<mask id="mask1">
<g filter="url(#alpha)">
<rect x="0" y="0" width="32" height="32" style="fill:rgb(0%,0%,0%);fill-opacity:0.25098;stroke:none;"/>
</g>
</mask>
<image id="image11" width="13" height="12" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABmJLR0QA/wD/AP+gvaeTAAAA1UlEQVQokX3SQS8EQRAF4G/WDCtx2BAniTt/wNkvd3d0kLg4CHsR7CYEO8y4vI62RF9e90u9qnpV3fg+zRrWZ6yxBEzQYhqcVIIBH3gLDm2ELfZwiF1shh+xwiNu8IC+TbZpBKc4xk4lesYlzvBSRHWlI5xglhYHLCK+SFxTKk3QpcIsLRaR8F3xWgyPMbkKjv/xbS49lrjFPIIu/Dz8Mu9xw8+9lARPCb6Ol3Ncxd9nvadt7OMgvtq0tMAd7vGKoa5ShrEVLCPv8R4c+P1l/vpK4xr6AsMpQyVzasB2AAAAAElFTkSuQmCC"/>
<clipPath id="clip2">
<rect x="0" y="0" width="32" height="32"/>
</clipPath>
<g id="surface12" clip-path="url(#clip2)">
<use xlink:href="#image11" transform="matrix(1,0,0,1,-3,7)"/>
</g>
<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="0.7626" y1="8.2374" x2="6.2374" y2="13.7123" >
<stop offset="0.1508" style="stop-color:rgb(2.352941%,41.176471%,73.72549%);stop-opacity:1;"/>
<stop offset="0.8045" style="stop-color:rgb(4.313725%,35.686275%,65.490196%);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip3">
<path d="M 0 0 L 10 0 L 10 15 L 0 15 Z M 0 0 "/>
</clipPath>
<clipPath id="clip4">
<path d="M 30.582031 0.132812 L 1 2.90625 C 0.433594 2.960938 0 3.4375 0 4.007812 L 0 11.300781 C -0.0390625 13.210938 1.410156 14.828125 3.3125 14.996094 C 4.269531 15.046875 5.210938 14.703125 5.90625 14.039062 C 6.605469 13.378906 7 12.460938 7 11.5 L 7 9 L 30.859375 6.136719 C 31.507812 6.058594 32 5.507812 32 4.851562 L 32 1.421875 C 32 1.058594 31.847656 0.710938 31.578125 0.464844 C 31.308594 0.21875 30.945312 0.0976562 30.582031 0.132812 Z M 30.582031 0.132812 "/>
</clipPath>
<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="-1.25" y1="1.25" x2="11.25" y2="13.75" >
<stop offset="0.1508" style="stop-color:rgb(2.352941%,41.176471%,73.72549%);stop-opacity:1;"/>
<stop offset="0.8045" style="stop-color:rgb(4.313725%,35.686275%,65.490196%);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip5">
<path d="M 7 0 L 17 0 L 17 15 L 7 15 Z M 7 0 "/>
</clipPath>
<clipPath id="clip6">
<path d="M 30.582031 0.132812 L 1 2.90625 C 0.433594 2.960938 0 3.4375 0 4.007812 L 0 11.300781 C -0.0390625 13.210938 1.410156 14.828125 3.3125 14.996094 C 4.269531 15.046875 5.210938 14.703125 5.90625 14.039062 C 6.605469 13.378906 7 12.460938 7 11.5 L 7 9 L 30.859375 6.136719 C 31.507812 6.058594 32 5.507812 32 4.851562 L 32 1.421875 C 32 1.058594 31.847656 0.710938 31.578125 0.464844 C 31.308594 0.21875 30.945312 0.0976562 30.582031 0.132812 Z M 30.582031 0.132812 "/>
</clipPath>
<linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="7.25" y1="2.75" x2="18.25" y2="13.75" >
<stop offset="0.1844" style="stop-color:rgb(0%,46.666667%,82.352941%);stop-opacity:1;"/>
<stop offset="0.7989" style="stop-color:rgb(1.568627%,42.745098%,76.078431%);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip7">
<path d="M 14 0 L 25 0 L 25 15 L 14 15 Z M 14 0 "/>
</clipPath>
<clipPath id="clip8">
<path d="M 30.582031 0.132812 L 1 2.90625 C 0.433594 2.960938 0 3.4375 0 4.007812 L 0 11.300781 C -0.0390625 13.210938 1.410156 14.828125 3.3125 14.996094 C 4.269531 15.046875 5.210938 14.703125 5.90625 14.039062 C 6.605469 13.378906 7 12.460938 7 11.5 L 7 9 L 30.859375 6.136719 C 31.507812 6.058594 32 5.507812 32 4.851562 L 32 1.421875 C 32 1.058594 31.847656 0.710938 31.578125 0.464844 C 31.308594 0.21875 30.945312 0.0976562 30.582031 0.132812 Z M 30.582031 0.132812 "/>
</clipPath>
<linearGradient id="linear5" gradientUnits="userSpaceOnUse" x1="14.2697" y1="2.7303" x2="25.2697" y2="13.7303" >
<stop offset="0.1844" style="stop-color:rgb(15.294118%,67.843137%,91.372549%);stop-opacity:1;"/>
<stop offset="0.8045" style="stop-color:rgb(10.196078%,60.784314%,88.627451%);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip9">
<path d="M 21 0 L 32 0 L 32 15 L 21 15 Z M 21 0 "/>
</clipPath>
<clipPath id="clip10">
<path d="M 30.582031 0.132812 L 1 2.90625 C 0.433594 2.960938 0 3.4375 0 4.007812 L 0 11.300781 C -0.0390625 13.210938 1.410156 14.828125 3.3125 14.996094 C 4.269531 15.046875 5.210938 14.703125 5.90625 14.039062 C 6.605469 13.378906 7 12.460938 7 11.5 L 7 9 L 30.859375 6.136719 C 31.507812 6.058594 32 5.507812 32 4.851562 L 32 1.421875 C 32 1.058594 31.847656 0.710938 31.578125 0.464844 C 31.308594 0.21875 30.945312 0.0976562 30.582031 0.132812 Z M 30.582031 0.132812 "/>
</clipPath>
<clipPath id="clip11">
<path d="M 28 0 L 32 0 L 32 15 L 28 15 Z M 28 0 "/>
</clipPath>
<clipPath id="clip12">
<path d="M 30.582031 0.132812 L 1 2.90625 C 0.433594 2.960938 0 3.4375 0 4.007812 L 0 11.300781 C -0.0390625 13.210938 1.410156 14.828125 3.3125 14.996094 C 4.269531 15.046875 5.210938 14.703125 5.90625 14.039062 C 6.605469 13.378906 7 12.460938 7 11.5 L 7 9 L 30.859375 6.136719 C 31.507812 6.058594 32 5.507812 32 4.851562 L 32 1.421875 C 32 1.058594 31.847656 0.710938 31.578125 0.464844 C 31.308594 0.21875 30.945312 0.0976562 30.582031 0.132812 Z M 30.582031 0.132812 "/>
</clipPath>
<linearGradient id="linear6" gradientUnits="userSpaceOnUse" x1="28.3289" y1="2.75" x2="37.8289" y2="12.25" >
<stop offset="0" style="stop-color:rgb(31.372549%,90.196078%,100%);stop-opacity:1;"/>
<stop offset="0.3883" style="stop-color:rgb(25.098039%,81.960784%,96.470588%);stop-opacity:1;"/>
</linearGradient> </linearGradient>
</defs> </defs>
<g id="surface2"> <g id="surface3">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 3.617188 2 L 60.382812 2 C 62.425781 2.046875 64.042969 3.738281 64 5.78125 L 64 56.21875 C 64.042969 58.261719 62.425781 59.953125 60.382812 60 L 3.617188 60 C 1.574219 59.953125 -0.0429688 58.261719 0 56.21875 L 0 5.78125 C -0.0429688 3.738281 1.574219 2.046875 3.617188 2 Z M 3.617188 2 "/> <path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 1.59375 9 L 30.40625 9 C 31.285156 9 32 9.714844 32 10.59375 L 32 30.40625 C 32 31.285156 31.285156 32 30.40625 32 L 1.59375 32 C 0.714844 32 0 31.285156 0 30.40625 L 0 10.59375 C 0 9.714844 0.714844 9 1.59375 9 Z M 1.59375 9 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 3.199219 2 L 60.800781 2 C 62.605469 2.042969 64.039062 3.539062 64 5.347656 L 64 56.652344 C 64.039062 58.460938 62.605469 59.957031 60.800781 60 L 3.199219 60 C 1.394531 59.957031 -0.0390625 58.460938 0 56.652344 L 0 5.347656 C -0.0390625 3.539062 1.394531 2.042969 3.199219 2 Z M 3.199219 2 "/> <use xlink:href="#surface8" mask="url(#mask0)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 5.121094 14 L 58.878906 14 C 59.515625 14.015625 60.015625 14.542969 60 15.175781 L 60 54.824219 C 60.015625 55.457031 59.515625 55.984375 58.878906 56 L 5.121094 56 C 4.484375 55.984375 3.984375 55.457031 4 54.824219 L 4 15.175781 C 3.984375 14.542969 4.484375 14.015625 5.121094 14 Z M 5.121094 14 "/> <path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 12 14.78125 L 12 27.21875 C 11.992188 27.496094 12.140625 27.757812 12.382812 27.898438 C 12.628906 28.035156 12.929688 28.027344 13.164062 27.875 L 22.648438 21.660156 C 22.867188 21.511719 23 21.265625 23 21 C 23 20.734375 22.867188 20.488281 22.648438 20.339844 L 13.164062 14.125 C 12.929688 13.972656 12.628906 13.964844 12.382812 14.101562 C 12.140625 14.242188 11.992188 14.503906 12 14.78125 Z M 12 14.78125 "/>
<use xlink:href="#surface7" mask="url(#mask0)"/> <use xlink:href="#surface12" mask="url(#mask1)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 45.324219 33.714844 L 27.15625 20.390625 C 26.320312 19.796875 25.175781 19.886719 24.445312 20.609375 C 24.160156 20.902344 24 21.300781 24 21.710938 L 24 48.289062 C 24.054688 49.285156 24.90625 50.050781 25.902344 50 C 26.351562 50.007812 26.792969 49.871094 27.15625 49.609375 L 45.324219 36.285156 C 45.703125 36.027344 45.945312 35.613281 45.992188 35.15625 C 46.035156 34.699219 45.875 34.246094 45.554688 33.917969 Z M 45.324219 33.714844 "/> <path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 3.5 15 C 1.566406 15 0 13.433594 0 11.5 L 0 9 L 7 9 L 7 11.5 C 7 13.433594 5.433594 15 3.5 15 Z M 3.5 15 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 6 2 L 8.863281 8 L 6 14 L 13.136719 14 L 16 8 L 13.136719 2 Z M 6 2 "/> <g clip-path="url(#clip3)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 19.371094 2 L 22.414062 8 L 19.371094 14 L 26.957031 14 L 30 8 L 26.957031 2 Z M 19.371094 2 "/> <g clip-path="url(#clip4)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 47.371094 2 L 50.414062 8 L 47.371094 14 L 54.957031 14 L 58 8 L 54.957031 2 Z M 47.371094 2 "/> <path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 0 0 L 10 0 L 10 15 L 0 15 Z M 0 0 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 33.371094 2 L 36.414062 8 L 33.371094 14 L 40.957031 14 L 44 8 L 40.957031 2 Z M 33.371094 2 "/> </g>
</g>
<g clip-path="url(#clip5)" clip-rule="nonzero">
<g clip-path="url(#clip6)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear4);" d="M 17 15 L 7 15 L 10 0 L 17 0 Z M 17 15 "/>
</g>
</g>
<g clip-path="url(#clip7)" clip-rule="nonzero">
<g clip-path="url(#clip8)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear5);" d="M 24 15 L 14 15 L 17 0 L 24.078125 0 Z M 24 15 "/>
</g>
</g>
<g clip-path="url(#clip9)" clip-rule="nonzero">
<g clip-path="url(#clip10)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(19.215686%,73.333333%,93.72549%);fill-opacity:1;" d="M 31 15 L 21.078125 15 L 24.078125 0 L 31.078125 0 Z M 31 15 "/>
</g>
</g>
<g clip-path="url(#clip11)" clip-rule="nonzero">
<g clip-path="url(#clip12)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear6);" d="M 35.078125 15 L 28.078125 15 L 31.078125 0 L 38.078125 0 Z M 35.078125 15 "/>
</g>
</g>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB