misc/clicks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit.

Browse Source
This commit is contained in:
Ian Gulliver
2015-11-20 22:45:12 -08:00
parent 0ada6a8669
commit 66c626ecd9
35 changed files with 1716 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
static/clicks.css Normal file
View File

@@ -0,0 +1,316 @@
.clicks-fullscreen-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
}
.clicks-add-video {
position: absolute;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-family: "proxima-nova";
display: flex;
align-items: center;
justify-content: center;
background-color: black;
visibility: hidden;
}
.clicks-add-video-active {
visibility: visible;
}
.clicks-add-video-dialog {
border: 1px solid red;
border-radius: 10px;
padding: 10px;
color: white;
}
.clicks-add-video-dialog:before {
content: "YouTube ID or URL: ";
}
.clicks-add-video-input {
width: 30em;
height: 1.5em;
padding: 3px;
border: 1px dashed red;
font-family: "source-code-pro";
outline: none;
}
@keyframes clicks-loading {
0% {
color: rgba(255,0,0,0.8);
}
50% {
color: rgba(255,0,0,0.4);
}
100% {
color: rgba(255,0,0,0.8);
}
}
.clicks-loading {
position: absolute;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-family: "proxima-nova";
font-size: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: black;
color: rgba(255,0,0,0.8);
animation: clicks-loading 3s infinite ease-in-out;
transition: visibility 0.3s, opacity 0.3s linear;
visibility: visible;
opacity: 0.8;
}
.clicks-loading:before {
content: "Loading...";
}
.clicks-loading-complete {
visibility: hidden;
opacity: 0.0;
}
.clicks-controls {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1;
left: 0;
top: 0;
bottom: 0;
max-width: 50%;
background: rgba(50,50,50,0.7);
border-width: 1px;
border-color: rgba(255,0,0,0.5);
border-style: none solid none none;
box-shadow: 5px 0 5px rgba(255,0,0,0.1);
color: white;
cursor: default;
display: flex;
flex-direction: column;
transition: visibility 0.15s, opacity 0.15s linear;
visibility: hidden;
opacity: 0.0;
}
.clicks-controls-active {
visibility: visible;
opacity: 1.0;
}
.clicks-title {
font-weight: bold;
}
.clicks-current-time, .clicks-total-time {
font-family: "source-code-pro";
font-size: small;
}
.clicks-current-time:before {
content: "Current: ";
}
.clicks-total-time:before {
content: " Total: ";
white-space: pre;
}
.clicks-buffering {
position: absolute;
right: 0;
bottom: 0;
width: 75px;
height: 75px;
transition: opacity 0.15s linear;
opacity: 0.0;
}
.clicks-buffering-active {
opacity: 0.8;
}
.clicks-control-info-area, .clicks-control-section-select-area {
position: relative;
padding: 10px;
border-bottom: 1px solid rgba(255,0,0,0.5);
}
.clicks-control-section-area {
flex-grow: 1;
position: relative;
}
.clicks-control-section-select {
width: 100px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
box-shadow: 5px 0 5px rgba(255,0,0,0.1);
overflow: hidden;
border-radius: 10px;
padding: 5px;
margin: 5px;
font-family: "source-code-pro";
text-transform: uppercase;
cursor: pointer;
transition: border 0.15s linear, background-color 0.15s linear;
border: 1px solid rgba(255,0,0,0.7);
background-color: rgba(255,255,255,0.1);
}
.clicks-control-section-select-active {
border: 1px solid rgba(255,255,0,0.7);
background-color: rgba(255,255,0,0.3);
}
.clicks-control-section {
display: none;
padding: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.clicks-control-section-active {
display: block;
}
.clicks-button {
position: relative;
width: 75px;
height: 75px;
display: inline-block;
box-shadow: 5px 0 5px rgba(255,0,0,0.1);
background-color: rgba(0,0,0,0.8);
overflow: hidden;
border-radius: 10px;
padding: 5px;
text-align: center;
margin: 5px;
cursor: pointer;
transition: border 0.15s linear;
border: 1px solid rgba(255,0,0,0.7);
}
.clicks-button img {
width: 50px;
height: 50px;
}
.clicks-shortcut {
position: absolute;
text-align: center;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 3px;
font-family: "source-code-pro";
text-transform: uppercase;
transition: background-color 0.15s linear;
background-color: rgba(255,255,255,0.2);
}
.clicks-button-active {
border: 1px solid rgba(255,255,0,0.7);
}
.clicks-button-active .clicks-shortcut {
background-color: rgba(255,255,0,0.3);
}
.clicks-controls-marker {
position: relative;
min-width: 300px;
height: 40px;
display: inline-block;
border: 1px solid rgba(255,0,0,0.7);
box-shadow: 5px 0 5px rgba(255,0,0,0.1);
background-color: rgba(0,0,0,0.8);
overflow: hidden;
border-radius: 10px;
padding: 8px;
text-align: left;
margin: 5px;
cursor: pointer;
}
.clicks-controls-marker-time {
font-family: "source-code-pro";
}
.clicks-player-container {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
# TODO(flamingcow): How do we center this?
# display: flex;
# align-items: center;
# justify-content: center;
overflow: scroll;
background-color: black;
}
.clicks-player-crop {
}
.clicks-player-scale {
position: relative;
transform-origin: top left;
transition: transform 0.3s ease-in-out;
}
.clicks-player-overlay {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}

17
static/clicks.html Normal file
View File

@@ -0,0 +1,17 @@
<html>
<head>
<title>FlamingCowTV Player</title>
<link rel="icon" type="image/png" href="/static/icon.png" sizes="192x192">
<link rel="stylesheet" type="text/css" href="static/clicks.css">
<script src="https://use.typekit.net/yxd1qqg.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
</head>
<body>
<div id="container" class="clicks-fullscreen-container"></div>
<script src="static/clicks.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
new Clicks('AIzaSyAoIqzEVYfji5CqdFWu0__8cym3RYOA-Pc', document.getElementById('container'), true, 'UA-70175137-1');
</script>
</body>
</html>

1011
static/clicks.js Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
static/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

27
static/images/buffering.svg Normal file
View File

@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M21.1,16.7c0-0.8-0.6-1.5-1.4-1.5c-0.1-0.3-0.1-0.6-0.2-0.9c0.7-0.4,0.9-1.3,0.5-2c-0.4-0.7-1.3-0.9-2-0.6
c-0.2-0.2-0.4-0.5-0.7-0.7c0.4-0.7,0.1-1.6-0.6-2c-0.7-0.4-1.6-0.2-2,0.5c-0.3-0.1-0.6-0.2-0.9-0.2c0-0.8-0.7-1.4-1.5-1.4
c-0.8,0-1.5,0.6-1.5,1.4c-0.3,0.1-0.6,0.1-0.9,0.2C9.5,8.9,8.6,8.6,7.9,9C7.2,9.4,7,10.3,7.3,11c-0.2,0.2-0.5,0.4-0.7,0.7
c-0.7-0.4-1.6-0.1-2,0.6c-0.4,0.7-0.2,1.6,0.5,2c-0.1,0.3-0.2,0.6-0.2,0.9c-0.8,0-1.4,0.7-1.4,1.5c0,0.8,0.6,1.5,1.4,1.5
c0.1,0.3,0.1,0.6,0.2,0.9c-0.7,0.4-0.9,1.3-0.5,2C5,21.6,5.5,21.8,6,21.8c0.2,0,0.5-0.1,0.7-0.2c0.2,0.2,0.4,0.5,0.7,0.7
c-0.4,0.7-0.1,1.6,0.6,2c0.2,0.1,0.5,0.2,0.8,0.2c0.5,0,1-0.2,1.3-0.7c0.3,0.1,0.6,0.2,0.9,0.2c0,0.8,0.7,1.4,1.5,1.4
c0.8,0,1.5-0.6,1.5-1.4c0.3-0.1,0.6-0.1,0.9-0.2c0.3,0.4,0.8,0.7,1.3,0.7c0.3,0,0.5-0.1,0.7-0.2c0.7-0.4,0.9-1.3,0.6-2
c0.2-0.2,0.5-0.4,0.7-0.7c0.2,0.1,0.5,0.2,0.7,0.2c0.5,0,1-0.3,1.3-0.8c0.4-0.7,0.2-1.6-0.5-2c0.1-0.3,0.2-0.6,0.2-0.9
C20.5,18.1,21.1,17.5,21.1,16.7z M15.2,16.7c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9c0-1.6,1.3-2.9,2.9-2.9
C13.9,13.8,15.2,15.1,15.2,16.7z"/>
<path fill="#B12126" d="M31.5,23.1c0.5,0,1-0.4,1-1c0-0.5-0.4-1-1-1h-0.2c0-0.2-0.1-0.4-0.2-0.6l0.2-0.1c0.5-0.3,0.6-0.9,0.4-1.3
c-0.3-0.5-0.9-0.6-1.3-0.4l-0.2,0.1c-0.1-0.1-0.3-0.3-0.4-0.4l0.1-0.2c0.3-0.5,0.1-1.1-0.4-1.3c-0.5-0.3-1.1-0.1-1.3,0.4L28,17.5
c-0.2-0.1-0.4-0.1-0.6-0.2v-0.2c0-0.5-0.4-1-1-1c-0.5,0-1,0.4-1,1v0.2c-0.2,0-0.4,0.1-0.6,0.2l-0.1-0.2c-0.3-0.5-0.9-0.6-1.3-0.4
c-0.5,0.3-0.6,0.9-0.4,1.3l0.1,0.2c-0.1,0.1-0.3,0.3-0.4,0.4l-0.2-0.1c-0.5-0.3-1.1-0.1-1.3,0.4c-0.3,0.5-0.1,1.1,0.4,1.3l0.2,0.1
c-0.1,0.2-0.1,0.4-0.2,0.6h-0.2c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1h0.2c0,0.2,0.1,0.4,0.2,0.6l-0.2,0.1c-0.5,0.3-0.6,0.9-0.4,1.3
c0.2,0.3,0.5,0.5,0.8,0.5c0.2,0,0.3,0,0.5-0.1l0.2-0.1c0.1,0.1,0.3,0.3,0.4,0.4L23.2,26c-0.3,0.5-0.1,1.1,0.4,1.3
c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.8-0.5l0.1-0.2c0.2,0.1,0.4,0.1,0.6,0.2v0.2c0,0.5,0.4,1,1,1c0.5,0,1-0.4,1-1v-0.2
c0.2,0,0.4-0.1,0.6-0.2l0.1,0.2c0.2,0.3,0.5,0.5,0.8,0.5c0.2,0,0.3,0,0.5-0.1c0.5-0.3,0.6-0.9,0.4-1.3l-0.1-0.2
c0.1-0.1,0.3-0.3,0.4-0.4l0.2,0.1c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.8-0.5c0.3-0.5,0.1-1.1-0.4-1.3l-0.2-0.1
c0.1-0.2,0.1-0.4,0.2-0.6H31.5z M28.4,22.2c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9c0-1,0.8-1.9,1.9-1.9
C27.5,20.3,28.4,21.1,28.4,22.2z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

9
static/images/exitfullscreen.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M5,32.3l5.9-5.8l3.2,3.2v-7.8l-7.8,0l3.2,3.2L3.7,31L5,32.3z M6.3,14.1h7.8l0-7.8l-3.2,3.2L5,3.7L3.7,5
l5.8,5.9L6.3,14.1z M29.7,14.1l-3.2-3.2L32.3,5L31,3.7l-5.8,5.8l-3.2-3.2v7.8L29.7,14.1z M31,32.3l1.3-1.3l-5.8-5.8l3.2-3.2h-7.8
l0,7.8l3.2-3.2L31,32.3z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 731 B

20
static/images/faster.svg Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
<g>
<path fill="#B12126" d="M29.3,16.2c-0.4-0.2-0.4-0.9-0.8-1.4c-0.4-0.4-0.8-1.4-1.2-1.7c-0.4-0.3-1.2-0.6-1.5-0.6
c-0.3,0-0.5,0-0.5-0.2c0-0.2-0.1-0.6-0.1-1.1c0-0.7-1.3-5.7-2.7-4.4c-0.2,0.2,0,1-0.5,1c-0.2,0-0.5-0.7-0.6-0.8
c-0.3-0.3-0.6-0.7-1-0.8c-0.1,0-0.2,0-0.3,0c-0.4,0-0.7,0.2-0.7,0.6c0,0.5-0.1,2.6,0.1,3.3c0.2,0.7,0.9,1.7,1.5,2.4
c0.4,0.5,0.2,1.8,0.2,2.4c0,0.6-0.1,1.1-0.4,1.1c-0.2,0-0.6,0.2-0.9,0.5c-0.2,0.2-0.5,0.6-0.8,0.3c-0.3-0.2-0.9-0.5-1.9-0.7
c-1-0.2-2.7,0-3.7,0.4c-1.1,0.4-3.3,2.4-3.9,3.3c-0.4,0.7-0.6,2.3-0.6,3.3c-0.1,0-0.2,0-0.3,0c-1.4,0-2.5,1.1-2.5,2.5
c0,2.5,2.7,2.6,4.5,3c2.1,0.4,6.4,2.2,8.2,0.4c0.3-0.3-0.2-0.7-0.4-1.1c-0.2-0.4,0.6-0.3,0.9-0.4c0.2-0.1,0.9-0.5,1.4-0.5
c0.4,0,0.4,0.4,0.9,0.7c1,0.4,1.5,1.2,2.6,1.3c0.5,0,2,0.2,2.2-0.6c0.2-0.9-1.4-1.1-1.8-1.6c-1-1.2,0.9-1.4,1.4-2
c0.9-1.1,1.1-3.4,0.4-4.6c-0.2-0.3,0.2-0.7,0.4-0.7s1.4-0.2,1.8-0.4c0.4-0.2,0.9-1,1.2-1.4C30,17.3,29.8,16.5,29.3,16.2z
M25.3,15.4c-0.4,0-0.7-0.3-0.7-0.6c0-0.3,0.3-0.6,0.7-0.6c0.4,0,0.7,0.3,0.7,0.6C25.9,15.1,25.6,15.4,25.3,15.4z"/>
</g>
<ellipse fill="#B12126" cx="25.3" cy="14.9" rx="0.4" ry="0.4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

9
static/images/fullscreen.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M12.7,21.9l-5.9,5.9l-3.2-3.2v7.8l7.8,0l-3.2-3.2l5.8-5.9L12.7,21.9z M11.5,3.7H3.7l0,7.8l3.2-3.2l5.9,5.8
l1.3-1.3L8.3,6.9L11.5,3.7z M24.5,3.7l3.2,3.2l-5.9,5.9l1.3,1.3l5.9-5.8l3.2,3.2V3.7L24.5,3.7z M23.3,21.9l-1.3,1.3l5.8,5.9
l-3.2,3.2h7.8l0-7.8l-3.2,3.2L23.3,21.9z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 745 B

8
static/images/jumpback-10m.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.0036 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">10m</text>
<polygon fill="#B12126" points="13.4,21 13.4,25.1 30.6,25.1 30.6,26.5 13.4,26.5 13.4,30.7 5.4,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 678 B

8
static/images/jumpback-10s.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 5.7102 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">10s</text>
<polygon fill="#B12126" points="13.4,21 13.4,25.1 30.6,25.1 30.6,26.5 13.4,26.5 13.4,30.7 5.4,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 678 B

8
static/images/jumpback-1f.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 11.1853 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1f</text>
<polygon fill="#B12126" points="13.4,21 13.4,25.1 30.6,25.1 30.6,26.5 13.4,26.5 13.4,30.7 5.4,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 678 B

8
static/images/jumpback-1m.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 7.2155 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1m</text>
<polygon fill="#B12126" points="13.4,21 13.4,25.1 30.6,25.1 30.6,26.5 13.4,26.5 13.4,30.7 5.4,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

8
static/images/jumpback-1s.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 9.9216 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1s</text>
<polygon fill="#B12126" points="13.4,21 13.4,25.1 30.6,25.1 30.6,26.5 13.4,26.5 13.4,30.7 5.4,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

8
static/images/jumpforward-10m.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.0036 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">10m</text>
<polygon fill="#B12126" points="22.6,21 22.6,25.1 5.4,25.1 5.4,26.5 22.6,26.5 22.6,30.7 30.6,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

8
static/images/jumpforward-10s.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 5.7102 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">10s</text>
<polygon fill="#B12126" points="22.6,21 22.6,25.1 5.4,25.1 5.4,26.5 22.6,26.5 22.6,30.7 30.6,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

8
static/images/jumpforward-1f.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 11.1853 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1f</text>
<polygon fill="#B12126" points="22.6,21 22.6,25.1 5.4,25.1 5.4,26.5 22.6,26.5 22.6,30.7 30.6,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

8
static/images/jumpforward-1m.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 7.2155 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1m</text>
<polygon fill="#B12126" points="22.6,21 22.6,25.1 5.4,25.1 5.4,26.5 22.6,26.5 22.6,30.7 30.6,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 676 B

8
static/images/jumpforward-1s.svg Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 9.9216 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1s</text>
<polygon fill="#B12126" points="22.6,21 22.6,25.1 5.4,25.1 5.4,26.5 22.6,26.5 22.6,30.7 30.6,25.8 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 676 B

11
static/images/mute.svg Normal file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M17.2,7.8c-0.6-0.3-1.4-0.2-1.9,0.3l-5.2,4.5H5.4c-1,0-1.8,0.8-1.8,1.8v7.3c0,1,0.8,1.8,1.8,1.8h4.7l5.2,4.5
c0.3,0.3,0.7,0.4,1.1,0.4c0.2,0,0.5-0.1,0.7-0.2c0.6-0.3,1-0.9,1-1.6V9.4C18.2,8.8,17.8,8.1,17.2,7.8z"/>
<path fill="#B12126" d="M32,21.6L28.4,18l3.6-3.6c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0l-3.6,3.6l-3.6-3.6
c-0.5-0.5-1.2-0.5-1.7,0c-0.5,0.5-0.5,1.2,0,1.7l3.6,3.6l-3.6,3.6c-0.5,0.5-0.5,1.2,0,1.7c0.2,0.2,0.5,0.3,0.8,0.3
c0.3,0,0.6-0.1,0.8-0.3l3.6-3.6l3.6,3.6c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3C32.4,22.8,32.4,22,32,21.6z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

15
static/images/mutetoggle.svg Normal file
View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M15.7,21.6L12.1,18l3.6-3.6c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0l-3.6,3.6l-3.6-3.6
c-0.5-0.5-1.2-0.5-1.7,0c-0.5,0.5-0.5,1.2,0,1.7L8.8,18l-3.6,3.6c-0.5,0.5-0.5,1.2,0,1.7c0.2,0.2,0.5,0.3,0.8,0.3
c0.3,0,0.6-0.1,0.8-0.3l3.6-3.6l3.6,3.6c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3C16.1,22.8,16.1,22,15.7,21.6z"/>
<path fill="#B12126" d="M20.2,22.7c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.6c0.2-0.2,2.1-2.4-0.1-5.5
c-0.4-0.5-0.3-1.3,0.3-1.6c0.5-0.4,1.3-0.3,1.6,0.3c2.8,3.8,1.1,7.2-0.1,8.5C20.8,22.5,20.5,22.7,20.2,22.7L20.2,22.7z"/>
<path fill="#B12126" d="M23.3,27.1c-0.2,0-0.5-0.1-0.7-0.2c-0.5-0.4-0.6-1.1-0.2-1.6c0.2-0.3,5.4-7.3,0-14.4
C22,10.3,22,9.6,22.6,9.2c0.5-0.4,1.2-0.3,1.6,0.2c6.6,8.5,0.1,17.1,0,17.2C24,26.9,23.6,27.1,23.3,27.1L23.3,27.1z"/>
<path fill="#B12126" d="M26.8,30.6c-0.3,0-0.5-0.1-0.7-0.3c-0.5-0.4-0.6-1.1-0.2-1.6c0.3-0.4,8.1-10.3,0-21.4
c-0.4-0.5-0.3-1.2,0.2-1.6c0.5-0.4,1.2-0.3,1.6,0.2c9.3,12.6,0.1,24.2,0,24.3C27.5,30.4,27.2,30.6,26.8,30.6L26.8,30.6z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

12
static/images/pause.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
<path fill="#B11F24" d="M15.1,26.6c-1.3,0-2.4-1.1-2.4-2.4V13.6c0-1.3,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.4v10.6
C17.5,25.5,16.4,26.6,15.1,26.6L15.1,26.6z"/>
<path fill="#B11F24" d="M21.3,26.6c-1.3,0-2.4-1.1-2.4-2.4V13.6c0-1.3,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.4v10.6
C23.7,25.5,22.6,26.6,21.3,26.6L21.3,26.6z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 785 B

10
static/images/play.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
<path fill="#B11F24" d="M24,17.7l-11.1-7.7c-0.5-0.3-1.1-0.4-1.6-0.1c-0.5,0.3-0.8,0.8-0.8,1.3l0,15.3c0,0.6,0.3,1.1,0.8,1.3
c0.2,0.1,0.5,0.2,0.7,0.2c0.3,0,0.6-0.1,0.9-0.3L24,20.3c0.4-0.3,0.7-0.8,0.7-1.3C24.7,18.5,24.4,18,24,17.7z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 697 B

16
static/images/playpause.svg Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
<path fill="#B11F24" d="M32,16.7L20.9,9.1c-0.5-0.3-1.1-0.4-1.6-0.1c-0.5,0.3-0.8,0.8-0.8,1.3l0,15.3c0,0.6,0.3,1.1,0.8,1.3
c0.2,0.1,0.5,0.2,0.7,0.2c0.3,0,0.6-0.1,0.9-0.3L32,19.3c0.4-0.3,0.7-0.8,0.7-1.3C32.7,17.5,32.4,17,32,16.7z"/>
</g>
<g>
<path fill="#B11F24" d="M6.1,25.6c-1.3,0-2.4-1.1-2.4-2.4V12.6c0-1.3,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.4v10.6
C8.5,24.5,7.4,25.6,6.1,25.6L6.1,25.6z"/>
<path fill="#B11F24" d="M12.3,25.6c-1.3,0-2.4-1.1-2.4-2.4V12.6c0-1.3,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.4v10.6
C14.7,24.5,13.6,25.6,12.3,25.6L12.3,25.6z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

9
static/images/rate-025x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 -0.325 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">0.25x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 713 B

9
static/images/rate-05x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.8864 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">0.5x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 712 B

9
static/images/rate-125x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 -0.325 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1.25x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 713 B

9
static/images/rate-15x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.8864 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1.5x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 712 B

9
static/images/rate-1x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.8864 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">1.0x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 712 B

9
static/images/rate-2x.svg Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<text transform="matrix(1 0 0 1 3.8864 18.0003)" fill="#B12126" font-family="'Roboto-Regular'" font-size="15px">2.0x</text>
<path fill="#B12126" d="M12.6,21.5v13.2l7.2-6.6L12.6,21.5z M17.9,21.5L17.9,21.5l0,1.5l5.5,5.1l-5.5,5.1v1.5l0,0l7.2-6.6L17.9,21.5
z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 712 B

35
static/images/slower.svg Normal file
View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B12126" d="M10.8,12.7c0.6,0.2,1.3,0.8,2.3,1c1,0.1,2.5,0,3.8-0.1
c0.9,0,1.8,0.1,2.5-0.1c0.4-0.1,0.9-0.5,1.2-0.8c0.4-0.3,0.8-0.6,1-0.9c-1.6-0.9-3.7-1.8-6.3-1.6C13.4,10.5,11.8,11.7,10.8,12.7z"
/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B12126" d="M21.8,12.2c0.6,0.3,1.7,1.2,1.7,1.2c0.7,0.5,1.9,1.1,3,0.8
c-0.4,1.5-1.4,2-2.6,2.5c-0.5-0.3-3.2-1.8-3.7-2.4C19.5,13.5,21.4,12.7,21.8,12.2z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B12126" d="M9.8,13.1c-0.3,0.4-0.7,0.6-0.9,0.9c-0.3,0.4-1.5,2-1.6,2.4
c0.8,0.2,1.5,0.5,2.2,0.8c0.9-0.8,1.7-1.7,2.3-2.9C11.4,13.7,9.7,13.1,9.8,13.1z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B12126" d="M6.5,19c0.2-0.7,0.7-1.2,1.2-1.6c-1.7-0.1-3.2-0.4-4.5-1
c0,0.5,0.5,0.8,0.8,1.1C4.1,17.5,5.7,18.8,6.5,19z"/>
<path fill="#B12126" d="M11.4,17.9c-0.1,0-0.8-0.3-0.8-0.3c-0.1,0-0.1-0.1-0.1-0.2c0.4-0.5,0.9-1,1.4-1.6c0.4-0.5,1-1.1,1.6-1.4
c1.1-0.4,4.6-0.4,5.9-0.1c0.4,0.1,0.7,0.5,1,0.8c1,0.7,2,1.3,2.7,2.1c-0.1-0.1-0.6,0.2-0.6,0.2c0,0-1.2,0.4-1.3,0.4c0,0,0,0,0,0
c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.2,0.1c-0.1,0-0.2,0-0.2,0c0,0-0.9,0.2-1,0.3c0,0-1.2,0.2-1.2,0.2c-0.1,0-0.3,0-0.4,0c0,0,0,0,0,0
c0,0,0,0,0,0c0,0,0,0,0,0c0,0-0.8,0-1,0.1c0,0,0,0,0,0c0,0,0,0,0,0c-0.3,0-1.1,0-1.1,0c0,0,0,0,0,0l0,0c-0.1,0-0.8,0-1,0
c-0.2,0-2.7-0.4-2.8-0.4c0,0,0,0,0,0C11.9,18.1,11.7,18,11.4,17.9C11.4,17.9,11.4,17.9,11.4,17.9z"/>
<path fill="#B12126" d="M24.2,21.1c1.4-0.9,3.7-1.5,6.1-1.1c0.4,0.1,0.9,0.3,1.2,0.3c0.6-0.1,1.2-0.8,1.2-1.4
c0.1-1.4-1.7-2.6-3-2.7c-2.2-0.3-3.8,0.5-5.1,1.2c-0.7,0.4-1.5,1-2.8,0.8h-0.2c0,0-0.1,0-0.1,0c0,0,0,0,0,0
c0.4,0.2,0.8,0.5,1.2,0.8c0.1,0,0.3,0.3,0.3,0.3c0.1,0.2,0.5,0.6,0.6,0.7c0.1,0.1,0.1,0.1,0.1,0.2C24,20.4,24.1,20.8,24.2,21.1z
M29.9,17.5c0-0.9,1.3-0.5,0.9,0.3C30.5,17.8,30.1,17.7,29.9,17.5z"/>
<path fill="#B12126" d="M11,20.2c0.1-0.3,0.4-1.4,0.5-1.6c0.3-0.1,0.7,0.1,1.1,0.2c0,0,0.6,0.2,0.9,0.2c0.2,0,0.7,0.1,0.7,0.1
c0.2,0,0.7,0,0.8,0l0.3,0c0,0,0,0,0,0c0.1,0,0.5,0,0.5,0c0,0,1.7,0,1.7,0c0,0,0.8-0.1,0.8-0.1c0.4,0.1,0.9,1.1,0.9,1.1
c0.2,0.7,0.5,1.3,0.8,2c-0.2,0.1-2.3,0.6-3.2,0.6c-2.2,0.1-4.4-0.6-6-1.2C10.7,21.2,11,20.4,11,20.2z"/>
<path fill="#B12126" d="M7.7,19c0.4-0.5,1-1.6,2.1-1.4c0.5,0.1,0.6,0.4,0.8,0.7c0,0.2,0.1,0.3,0.1,0.5c0,0.2-0.1,1.2-0.2,1.4
c-0.3,1.4-0.3,3-0.5,4.6c-0.1,0.2-0.2,0.3-0.2,0.5c-0.4,0.4-1.2,0.5-1.7,0.4c-0.9-0.1-1.8-0.7-2.1-1.6C6.3,22.2,7,20.4,7.7,19z"/>
<path fill="#B12126" d="M20.7,24.1C20.7,24.1,20.7,24.1,20.7,24.1c0-0.4,0-0.6,0-0.9c0,0,0,0,0-0.1c-0.1-1.3-0.7-2.4-0.9-3.5
c0-0.1,0.4-0.8,0.5-0.9c0.4-0.3,1.1-0.5,1.2-0.5c0.3,0.1,0.8,0.5,0.9,0.6c0,0,0.2,0.2,0.3,0.2c0.2,0.2,1.2,1.5,1.3,1.8
c0.2,0.5,0.4,1.2,0.5,1.9c0,0,0.2,0.9,0.2,1.3c0,0,0,0.2,0,0.4c-0.1,0.2-0.3,0.5-0.4,0.7c-0.1,0.1-0.3,0.2-0.5,0.2
c-0.5,0.1-1,0.1-1.6,0.2c-0.3,0-0.5,0-0.7,0c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.2-0.2-0.4-0.3-0.5C20.8,24.6,20.8,24.3,20.7,24.1z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

12
static/images/togglefullscreen.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M5,32.3l5.9-5.8l3.2,3.2v-7.8l-7.8,0l3.2,3.2L3.7,31L5,32.3z M6.3,14.1h7.8l0-7.8l-3.2,3.2L5,3.7L3.7,5
l5.8,5.9L6.3,14.1z M29.7,14.1l-3.2-3.2L32.3,5L31,3.7l-5.8,5.8l-3.2-3.2v7.8L29.7,14.1z M31,32.3l1.3-1.3l-5.8-5.8l3.2-3.2h-7.8
l0,7.8l3.2-3.2L31,32.3z"/>
<path fill="#B12126" d="M12.7,21.9l-5.9,5.9l-3.2-3.2v7.8l7.8,0l-3.2-3.2l5.8-5.9L12.7,21.9z M11.5,3.7H3.7l0,7.8l3.2-3.2l5.9,5.8
l1.3-1.3L8.3,6.9L11.5,3.7z M24.5,3.7l3.2,3.2l-5.9,5.9l1.3,1.3l5.9-5.8l3.2,3.2V3.7L24.5,3.7z M23.3,21.9l-1.3,1.3l5.8,5.9
l-3.2,3.2h7.8l0-7.8l-3.2,3.2L23.3,21.9z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

14
static/images/unmute.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M22,22.7c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.6c0.2-0.2,2.1-2.4-0.1-5.5c-0.4-0.5-0.3-1.3,0.3-1.6
c0.5-0.4,1.3-0.3,1.6,0.3c2.8,3.8,1.1,7.2-0.1,8.5C22.6,22.5,22.3,22.7,22,22.7L22,22.7z"/>
<path fill="#B12126" d="M25,27.1c-0.2,0-0.5-0.1-0.7-0.2c-0.5-0.4-0.6-1.1-0.2-1.6c0.2-0.3,5.4-7.3,0-14.4c-0.4-0.5-0.3-1.2,0.2-1.6
c0.5-0.4,1.2-0.3,1.6,0.2c6.6,8.5,0.1,17.1,0,17.2C25.7,26.9,25.4,27.1,25,27.1L25,27.1z"/>
<path fill="#B12126" d="M28.6,30.6c-0.3,0-0.5-0.1-0.7-0.3c-0.5-0.4-0.6-1.1-0.2-1.6c0.3-0.4,8.1-10.3,0-21.4
c-0.4-0.5-0.3-1.2,0.2-1.6c0.5-0.4,1.2-0.3,1.6,0.2c9.3,12.6,0.1,24.2,0,24.3C29.3,30.4,29,30.6,28.6,30.6L28.6,30.6z"/>
<path fill="#B12126" d="M17.8,7.9c-0.6-0.3-1.4-0.2-1.9,0.3l-5.2,4.5H6c-1,0-1.8,0.8-1.8,1.8v7.3c0,1,0.8,1.8,1.8,1.8h4.7l5.2,4.5
c0.3,0.3,0.7,0.4,1.1,0.4c0.2,0,0.5-0.1,0.7-0.2c0.6-0.3,1-0.9,1-1.6V9.4C18.8,8.8,18.4,8.1,17.8,7.9z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

13
static/images/zoom-in.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M30.9,23.9l-9-5.8c-0.4-0.2-0.7-0.4-1.1-0.4c0.2-0.7,0.3-1.4,0.3-2.2c0-4.7-3.9-8.6-8.6-8.6
c-4.7,0-8.6,3.9-8.6,8.6s3.9,8.6,8.6,8.6c2.2,0,4.2-0.8,5.7-2.2c0.2,0.3,0.5,0.5,0.8,0.7l9,5.8c0.5,0.3,1,0.4,1.5,0.4
c0.9,0,1.8-0.4,2.3-1.3C32.5,26.4,32.1,24.7,30.9,23.9z M12.5,21.8c-3.4,0-6.2-2.8-6.2-6.2S9,9.3,12.5,9.3s6.2,2.8,6.2,6.2
S15.9,21.8,12.5,21.8z"/>
<path fill="#B12126" d="M16.1,14.4h-2.5v-2.5c0-0.6-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2v2.5H8.7c-0.6,0-1.2,0.5-1.2,1.2
c0,0.6,0.5,1.2,1.2,1.2h2.5v2.5c0,0.6,0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2v-2.5h2.5c0.6,0,1.2-0.5,1.2-1.2
C17.2,14.9,16.7,14.4,16.1,14.4z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

12
static/images/zoom-out.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<path fill="#B12126" d="M30.9,24l-9-5.8c-0.4-0.2-0.7-0.4-1.1-0.4c0.2-0.7,0.3-1.4,0.3-2.2c0-4.8-3.9-8.6-8.6-8.6
c-4.8,0-8.6,3.9-8.6,8.6c0,4.8,3.9,8.6,8.6,8.6c2.2,0,4.2-0.8,5.7-2.2c0.2,0.3,0.5,0.5,0.8,0.7l9,5.8c0.5,0.3,1,0.4,1.5,0.4
c0.9,0,1.8-0.4,2.3-1.3C32.6,26.5,32.2,24.8,30.9,24z M12.4,21.8c-3.5,0-6.3-2.8-6.3-6.3c0-3.5,2.8-6.3,6.3-6.3
c3.5,0,6.3,2.8,6.3,6.3C18.7,19,15.9,21.8,12.4,21.8z"/>
<path fill="#B12126" d="M16.1,16.8H8.7c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2h7.4c0.7,0,1.2,0.5,1.2,1.2
C17.2,16.2,16.7,16.8,16.1,16.8L16.1,16.8z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1009 B