knotteye
/
satyr
Archived
1
0
Fork 0
Code Issues Pull Requests Releases 5 Wiki Activity

Add play button for shaka player. Needs functionality.

Browse Source
pull/8/head
knotteye 4 years ago
parent 2de486da46
commit 12e868456a
2 changed files with 387 additions and 1 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 385
      site/play.svg
  2. 3
      templates/user.njk

385
site/play.svg
Unescape View File

@ -0,0 +1,385 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:ns1="http://sozi.baierouge.fr"
id="svg1307"
sodipodi:docname="media-playback-start.svg"
inkscape:export-filename="/home/lapo/Desktop/Grafica/Icone/media-actions-outlines.png"
viewBox="0 0 48 48"
sodipodi:version="0.32"
inkscape:export-xdpi="90"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
inkscape:export-ydpi="90"
inkscape:version="0.46"
sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/actions"
>
<defs
id="defs1309"
>
<linearGradient
id="linearGradient2306"
y2="95"
gradientUnits="userSpaceOnUse"
x2="70.827"
gradientTransform="translate(-45 -71.094)"
y1="124.12"
x1="71.289"
inkscape:collect="always"
>
<stop
id="stop5077"
style="stop-color:#adb0a8"
offset="0"
/>
<stop
id="stop5079"
style="stop-color:#464744"
offset="1"
/>
</linearGradient
>
<radialGradient
id="radialGradient2314"
gradientUnits="userSpaceOnUse"
cy="83.991"
cx="107.59"
gradientTransform="matrix(.053243 -.83624 2.0195 .12857 -151.92 108.08)"
r="12.552"
inkscape:collect="always"
>
<stop
id="stop2693"
style="stop-color:#ffffff"
offset="0"
/>
<stop
id="stop2695"
style="stop-color:#d3d7cf"
offset="1"
/>
</radialGradient
>
<linearGradient
id="linearGradient2690"
y2="88.924"
gradientUnits="userSpaceOnUse"
x2="70.952"
gradientTransform="matrix(1.1282 0 0 1.1282 -53.993 -83.36)"
y1="101.74"
x1="70.914"
inkscape:collect="always"
>
<stop
id="stop2686"
style="stop-color:#ffffff"
offset="0"
/>
<stop
id="stop2688"
style="stop-color:#000000"
offset="1"
/>
</linearGradient
>
</defs
>
<sodipodi:namedview
id="base"
inkscape:showpageshadow="false"
inkscape:zoom="1"
borderopacity="0.19607843"
inkscape:current-layer="layer1"
stroke="#555753"
guidetolerance="1px"
fill="#555753"
inkscape:grid-points="true"
inkscape:grid-bbox="true"
showgrid="false"
showguides="false"
bordercolor="#666666"
inkscape:window-x="326"
inkscape:guide-bbox="true"
inkscape:window-y="160"
inkscape:window-width="872"
inkscape:pageopacity="0.0000000"
inkscape:pageshadow="2"
pagecolor="#ffffff"
inkscape:cx="-117.42449"
inkscape:cy="12.980288"
inkscape:document-units="px"
inkscape:window-height="688"
showborder="true"
>
<sodipodi:guide
id="guide2194"
position="38.996647"
orientation="horizontal"
/>
<sodipodi:guide
id="guide2196"
position="9.0140845"
orientation="horizontal"
/>
<sodipodi:guide
id="guide2198"
position="9.0140845"
orientation="vertical"
/>
<sodipodi:guide
id="guide2200"
position="38.975184"
orientation="vertical"
/>
<sodipodi:guide
id="guide2202"
position="22.988281"
orientation="horizontal"
/>
<sodipodi:guide
id="guide2204"
position="23.908786"
orientation="vertical"
/>
<sodipodi:guide
id="guide4332"
position="157.99417"
orientation="vertical"
/>
<sodipodi:guide
id="guide4334"
position="-36.062446"
orientation="horizontal"
/>
<sodipodi:guide
id="guide4336"
position="-58.02695"
orientation="horizontal"
/>
<sodipodi:guide
id="guide4338"
position="180.00287"
orientation="vertical"
/>
<sodipodi:guide
id="guide4417"
position="107.92217"
orientation="vertical"
/>
<sodipodi:guide
id="guide4419"
position="129.93087"
orientation="vertical"
/>
<sodipodi:guide
id="guide5106"
position="19.996875"
orientation="horizontal"
/>
<sodipodi:guide
id="guide5119"
position="63.039674"
orientation="horizontal"
/>
<sodipodi:guide
id="guide5121"
position="49.066305"
orientation="horizontal"
/>
<sodipodi:guide
id="guide5307"
position="-86.007168"
orientation="horizontal"
/>
<sodipodi:guide
id="guide5309"
position="-108.09009"
orientation="horizontal"
/>
<sodipodi:guide
id="guide3111"
position="-100.15429"
orientation="horizontal"
/>
<inkscape:grid
id="GridFromPre046Settings"
opacity=".2"
color="#0000ff"
originy="0px"
originx="0px"
empspacing="2"
spacingy="0.5px"
spacingx="0.5px"
empopacity="0.4"
type="xygrid"
empcolor="#0000ff"
/>
</sodipodi:namedview
>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer"
>
<path
id="path2682"
style="stroke-linejoin:round;opacity:.15;color:#000000;stroke:url(#linearGradient2690);stroke-linecap:square;stroke-width:2;fill:none"
inkscape:r_cy="true"
inkscape:r_cx="true"
sodipodi:nodetypes="cccc"
d="m12 39.5v-30.5l26.07 14.817-26.07 15.683z"
/>
<path
id="path3375"
style="fill-rule:evenodd;color:#000000;fill:url(#radialGradient2314)"
inkscape:r_cy="true"
inkscape:r_cx="true"
sodipodi:nodetypes="cccc"
d="m12.499 37.811v-27.811l24.104 13.906-24.104 13.905z"
/>
<path
id="path2479"
style="stroke-linejoin:round;color:#000000;stroke:url(#linearGradient2306);stroke-linecap:square;fill:none"
inkscape:r_cy="true"
inkscape:r_cx="true"
sodipodi:nodetypes="cccc"
d="m12.499 37.811v-27.811l24.104 13.906-24.104 13.905z"
/>
<path
id="path2481"
style="fill-rule:evenodd;color:#000000;fill:#ffffff"
inkscape:r_cy="true"
inkscape:r_cx="true"
sodipodi:nodetypes="cccccccc"
d="m12.999 10.874v26.063l22.594-13.031-22.594-13.032zm1 1.75l19.563 11.282-19.563 11.281v-22.563z"
/>
<path
id="path2339"
style="opacity:.5;color:#000000;display:block;fill:#ffffff"
inkscape:r_cy="true"
inkscape:r_cx="true"
sodipodi:nodetypes="cccc"
d="m13.938 12.562v11.688c4.269-0.045 9.164-0.346 17.062-1.875l-17.062-9.813z"
/>
</g
>
<metadata
>
<rdf:RDF
>
<cc:Work
>
<dc:format
>image/svg+xml</dc:format
>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage"
/>
<cc:license
rdf:resource="http://creativecommons.org/licenses/publicdomain/"
/>
<dc:publisher
>
<cc:Agent
rdf:about="http://openclipart.org/"
>
<dc:title
>Openclipart</dc:title
>
</cc:Agent
>
</dc:publisher
>
<dc:title
>tango media start</dc:title
>
<dc:date
>2010-03-11T09:12:20</dc:date
>
<dc:description
>"Play" or "start" icon from &lt;A href="http://tango.freedesktop.org/Tango_Desktop_Project"&gt; Tango Project &lt;/A&gt; &#13;\n&lt;BR&gt;&lt;BR&gt;&#13;\nSince version 0.8.90 Tango Project icons are Public Domain: &lt;A href="http://tango.freedesktop.org/Frequently_Asked_Questions#Terms_of_Use.3F"&gt; Tango Project FAQ &lt;/A&gt;</dc:description
>
<dc:source
>https://openclipart.org/detail/31003/tango-media-start-by-warszawianka</dc:source
>
<dc:creator
>
<cc:Agent
>
<dc:title
>warszawianka</dc:title
>
</cc:Agent
>
</dc:creator
>
<dc:subject
>
<rdf:Bag
>
<rdf:li
>audio</rdf:li
>
<rdf:li
>button</rdf:li
>
<rdf:li
>externalsource</rdf:li
>
<rdf:li
>icon</rdf:li
>
<rdf:li
>play</rdf:li
>
<rdf:li
>playback</rdf:li
>
<rdf:li
>sign</rdf:li
>
<rdf:li
>start</rdf:li
>
<rdf:li
>symbol</rdf:li
>
<rdf:li
>tango</rdf:li
>
<rdf:li
>triangle</rdf:li
>
</rdf:Bag
>
</dc:subject
>
</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
>
</svg
>
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

3
templates/user.njk
Unescape View File

@ -50,7 +50,8 @@ function newPopup(url) {
</br>
<span style="float: left;font-size: large;"><a href="/live/{{ username }}/index.mpd">{{ username }}</a> | {{ title | escape }}</b></span><span style="float: right;font-size: large;"> Links | <a href="rtmp://{{ domain }}/live/{{ username }}">Watch</a> <a href="JavaScript:newPopup('/chat?room={{ username }}');">Chat</a> <a href="/vods/{{ username }}">VODs</a></span>
<div id="jscontainer">
<div id="jschild" style="width: 70%;height: 100%;">
<div id="jschild" style="width: 70%;height: 100%;position: relative;">
<image src="/play.svg" alt="Play Stream" style="width:100%;height:100%;width: 950px;height: 534px;position: absolute;"></image>
<video id="video" style="width:100%;height:100%;width: 950px;height: 534px;background-color: rgb(0, 0, 0);" poster="/thumbnail.jpg" autoplay onclick="this.paused ? this.play() : this.pause();"></video>
</div>
<div id="jschild" class="webchat" style="width: 30%;height: 100%;position: relative;">