kashire/lainchan
4
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity
9e2e08082b
lainchan/templates/themes/radio/radio.html

135 lines
5.7 KiB
HTML
Raw Normal View History

Add radio page
2014-09-28 15:43:15 -04:00
<!DOCTYPE html>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
<html style="height:100vh; width:100%;">
Add radio page
2014-09-28 15:43:15 -04:00
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
Add meta viewport tag to various themes / extensions for CSS on mobile devices to make use of
2017-03-03 01:20:07 -05:00
<meta name="viewport" content="width=device-width,initial-scale=1.0">
Add radio page
2014-09-28 15:43:15 -04:00
<title>{{ settings.title }}</title>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<script type="text/javascript">
var active_page = "radio";
</script>
{% include 'header.html' %}
<link rel="stylesheet" media="screen" href="/stylesheets/dark.css"/>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
<link rel="stylesheet" media="screen" href="/stylesheets/cyberpunk.css"/>
Updates to Radio theme / extension in order to have MP3, OGG playlists and Audio sources as configurable.
2017-04-24 11:04:36 -04:00
<script src="https://lainchan.org/js/jquery.min.js"></script>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
<script type="text/javascript">
function check_status(){
Make slack report notifier, donate page, irc page and radio page use configuration variables instead of hard coding values.
2016-10-01 12:15:34 -04:00
$.get("{{ settings.radiostatus }}", function(data){
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
var el = $( '<div></div>' );
Updates to Radio theme / extension in order to have MP3, OGG playlists and Audio sources as configurable.
2017-04-24 11:04:36 -04:00
el.html(data.getElementsByTagName('html')[0].innerHTML);
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
var channel = $("#channel").val();
var nowplaying = el.find(".roundbox").has("h3:contains("+channel+")").find('td:contains("Current")').first().next().text();
var currentlisteners = 0;
el.find(".roundbox").has("h3:contains("+channel+")").find('td:contains("current")').next().each(function() {
currentlisteners += parseInt(this.firstChild.nodeValue, 10);
});
$(".nowplaying").text("Now playing: " + nowplaying);
$(".currentlisteners").text("Current listeners: " + currentlisteners );
Updates to Radio theme / extension in order to have MP3, OGG playlists and Audio sources as configurable.
2017-04-24 11:04:36 -04:00
});}
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
function change_channel(e) {
let audio = document.getElementById("player");
let paused = audio.paused;
channel = e.value;
{% set formatlist = settings.formats|split(' ') %}
{% for format in formatlist %}
let {{ "source" ~ format }} = document.getElementById("{{format ~ "source"}}");
{{ "source" ~ format }}.src ="{{ settings.httpprefix ~ settings.radioprefix }}" + channel + ".{{ format }}";
{% endfor %}
audio.load();
if(!paused) {
audio.play();
}
{% for format in formatlist %}
document.getElementById("{{ format }}playlist").href = "{{ settings.httpprefix ~ settings.radioprefix }}" + channel + ".{{ format ~ ".m3u" }}";
{% endfor %}
document.getElementById("fileslink").href = "{{ settings.httpprefix ~ settings.filelistprefix }}" + channel + ".html";
check_status();
}
$(document).ready(function(){
$("#stylesheet").remove();
check_status();
setInterval(check_status, 15000);
});
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
</script>
</head>
<body style=" background: url(/bg.php) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
">
<div class="bar top">
{{ boardlist.top }}
Radio becomes IRC
2014-11-12 19:31:00 -05:00
</div>
Add radio page
2014-09-28 15:43:15 -04:00
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
{% if config.url_banner %}<img class="board_image" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
Add radio page
2014-09-28 15:43:15 -04:00
<header>
<h1>{{ settings.title }}</h1>
<div class="subtitle">{{ settings.subtitle }}</div>
</header>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
<img alt="mascot" src="static/lain_is_cute_datass_small.png" style="display: block; margin: 0 auto;"/>
<div class="ban" style="margin-top: 0px!important; background-color: black; text-align: left!important;">
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<h2 style="text-align:center;">WELCOME TO CYBERIA</h2>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p style="text-align:center;">Welcome to lainchan's radio stream.
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
</p>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p class="inlineheading" style="text-align:center;" >Channel:
<select style="float:none;" id="channel" onchange="change_channel(this)">
{% set channellist = settings.channels|split(' ') %}
{% for channel in channellist %}
{% if channel == settings.defaultchannel %}
<option value="{{ channel }}" selected>{{ channel }}</option>
{% else %}
<option value="{{ channel }}">{{ channel }}</option>
{% endif %}
{% endfor %}
Fix typographical error in closing paragraph tag in radio extension / theme
2017-04-30 00:09:29 -04:00
</select> </p>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p style="text-align:center;"> File list is <a id="fileslink" href="{{ settings.httpprefix ~ settings.filelistprefix ~ settings.defaultchannel ~ ".html" }}"> is here</a></p>
<noscript><p style="text-align:center;">Radio statistics and channel switching will be not be updated without JavaScript, please visit {{ settings.radiostatus }} to see them directly.</p></noscript>
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p class="nowplaying" style="text-align:center;"> Now playing:
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
</p>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p class="currentlisteners" style="text-align:center;"> Current listeners:
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
</p>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<ul style="list-style-type: none;-webkit-padding-start: 0px;">
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
{% set formatlist = settings.formats|split(' ') %}
{% for format in formatlist %}
<li style="text-align:center;"><a id="{{ format }}playlist" href="{{ settings.httpprefix ~ settings.radioprefix ~ settings.defaultchannel ~ "." ~ format ~ ".m3u" }}"> {{ format|upper }} M3U Playlist</a></li>
{% endfor %}
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
</ul>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p style="text-align:center;">XSPF considered harmful.</p>
Add radio page
2014-09-28 15:43:15 -04:00
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<audio id="player" controls autoplay preload="none" style="margin: 0 5% 20px 5%; width: 90%; box-shadow: 0px 0px 5px black;">
{% for format in formatlist %}
{% if format == "mp3" %}
<source id="{{format}}source" src="{{ settings.httpprefix ~ settings.radioprefix ~ settings.defaultchannel ~ "." ~ format }}" type="audio/mpeg">
{% else %}
<source id="{{format}}source" src="{{ settings.httpprefix ~ settings.radioprefix ~ settings.defaultchannel ~ "." ~ format }}" type="audio/{{ format }}">
{% endif %}
{% endfor %}
Fix radio them to actually be Radio
2016-09-23 09:40:55 -04:00
<em>Your browser lacks support for OGG Vorbis files. Please open the M3U file or XSPF file in a multimedia player.</em>
</audio>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<p style="text-align:center;"> To upload a voice-over to radio click <a href="{{ settings.httpprefix ~ 'voice.html'}}" >here </a> </p>
Add radio page
2014-09-28 15:43:15 -04:00
</div>
Updates to radio theme / extension in order to support channel selection dropdown and the various other new radio features. Uses both twig variables and JavaScript in attempt to failback correctly when javascript isn't loaded. Adding support for the Options css theme selector from radio page.
2017-04-27 12:14:58 -04:00
<div class="pages"></div>
<script type="text/javascript">{% raw %}
ready();
{% endraw %}</script>
Add radio page
2014-09-28 15:43:15 -04:00
</body>
</html>
Reference in New Issue Copy Permalink