mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
105 lines
4.7 KiB
HTML
Executable File
105 lines
4.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Embedded Zoff</title>
|
|
<meta name="author" content="Nicolas 'Nixo' Almagro Tonne & Kasper 'KasperRT' Rynning-Tønnesen"/>
|
|
<meta name="description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
|
|
<meta charset="UTF-8"/>
|
|
<link type="text/css" rel="stylesheet" href="/assets/css/materialize.min.css" />
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
|
|
<script type="text/javascript" src="/assets/dist/lib/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="/assets/css/embed.css" />
|
|
<script src="/assets/dist/embed.min.js"></script>
|
|
</head>
|
|
<body class="noselect">
|
|
<div id="locked_channel" class="modal">
|
|
<div class="modal-content">
|
|
<h5>Locked Channel</h5>
|
|
<p>This channel has a password, and can't be accessed in embedded mode.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
</div>
|
|
</div>
|
|
<div id="song-title"></div>
|
|
<div id="container" style="display:inline-flex;">
|
|
<div id="player-container">
|
|
<div id="player"></div>
|
|
<div id="zoffbutton" title="Visit the channel!"></div>
|
|
<div id="controls" class="noselect">
|
|
<div id="playpause">
|
|
<i id="play" class="material-icons hide">play_arrow</i>
|
|
<i id="pause" class="material-icons">pause</i>
|
|
</div>
|
|
<div id="duration">00:00 / 00:00</div>
|
|
<div id="volume-button">
|
|
<i id="v-mute" class="mdi-av-volume-off"></i>
|
|
<i id="v-low" class="mdi-av-volume-mute"></i>
|
|
<i id="v-medium" class="mdi-av-volume-down"></i>
|
|
<i id="v-full" class="mdi-av-volume-up"></i>
|
|
</div>
|
|
<div id="volume"></div>
|
|
<div id="viewers"></div>
|
|
<div id="bar"></div>
|
|
</div>
|
|
</div>
|
|
<div id="playlist">
|
|
<div id="wrapper">
|
|
<div id="preloader" class="progress channel_preloader">
|
|
<div class="indeterminate"></div>
|
|
</div>
|
|
<div id="list-song-html">
|
|
<div id="list-song" class="card left-align list-song waves-effect waves-light playlist-element">
|
|
<div class="clickable vote-container" title="Vote!">
|
|
<a class="clickable center-align votebg">
|
|
<span class="lazy card-image cardbg list-image" style="background-image:url('/assets/images/loading.png');">
|
|
</span>
|
|
<span class="card-duration">
|
|
01:00
|
|
</span>
|
|
</a>
|
|
<span class="card-content">
|
|
<span class="flow-text truncate list-title"></span>
|
|
<span class="vote-span">
|
|
<span class="list-votes"></span>
|
|
<span class="highlighted vote-text"> votes</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="pageButtons" class="hide">
|
|
<span class="first_page_hide btn-flat disabled">
|
|
<i class="material-icons">first_page</i>
|
|
</span>
|
|
<a class="first_page waves-effect waves-light btn-flat">
|
|
<i class="material-icons">first_page</i>
|
|
</a>
|
|
<span class="prev_page_hide btn-flat disabled">
|
|
<i class="material-icons">navigate_before</i> prev
|
|
</span>
|
|
<a class="prev_page waves-effect waves-light btn-flat">
|
|
<i class="material-icons">navigate_before</i> prev
|
|
</a>
|
|
<span id="pageNumber">1</span>
|
|
<a class="next_page waves-effect waves-light btn-flat">
|
|
next <i class="material-icons">navigate_next</i>
|
|
</a>
|
|
<span class="next_page_hide btn-flat disabled">
|
|
next <i class="material-icons">navigate_next</i>
|
|
</span>
|
|
<a class="last_page waves-effect waves-light btn-flat">
|
|
<i class="material-icons">last_page</i>
|
|
</a>
|
|
<span class="last_page_hide btn-flat disabled">
|
|
<i class="material-icons">last_page</i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|