Skip to content

Instantly share code, notes, and snippets.

@noestreich

noestreich/index.html

Created March 23, 2018 17:13
Show Gist options
  • Save noestreich/72769472d41a75ecb4ca49c9e93c1eac to your computer and use it in GitHub Desktop.
Save noestreich/72769472d41a75ecb4ca49c9e93c1eac to your computer and use it in GitHub Desktop.
Download ZIP
Teleweb - Einfache HTML-Seite zum Abspielen von TV Livestreams
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.css" rel="stylesheet">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="tv.png">
<link rel="apple-touch-startup-image" href="launch.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Teleweb</title>
<style type="text/css">
body { background: black !important; }
.btn-space {margin-bottom: 10px;}
.btn:focus, .btn:active {
outline: none !important;
box-shadow: none !important;
}
</style>
</head>
<script>
BRAstream = 'https://brlive-lh.akamaihd.net/i/bralpha_germany@119899/master.m3u8';
ARTEstream = 'https://artelive-lh.akamaihd.net/i/artelive_de@393591/master.m3u8';
BRstream = 'https://brlive-lh.akamaihd.net/i/bfsnord_germany@119898/master.m3u8';
ARDstream = 'https://daserstelive-lh.akamaihd.net/i/daserste_de@38086/master.m3u8';
DWstream = 'https://dwstream72-lh.akamaihd.net/i/dwstream72_live@123556/master.m3u8';
HRstream = 'https://hrlive1-lh.akamaihd.net/i/hr_fernsehen@75910/master.m3u8';
KIKAstream = 'https://kikade-lh.akamaihd.net/i/livetvkika_de@450035/master.m3u8';
MDRstream = 'https://mdrsnhls-lh.akamaihd.net/i/livetvmdrsachsen_de@513998/master.m3u8';
NDRstream = 'https://ndrfs-lh.akamaihd.net/i/ndrfs_hh@430231/master.m3u8';
ONEstream = 'https://onelivestream-lh.akamaihd.net/i/one_livestream@568814/master.m3u8';
PHOENIXstream = 'https://zdf0910-lh.akamaihd.net/i/de09_v1@392871/master.m3u8';
SATstream = 'https://zdf0910-lh.akamaihd.net/i/dach10_v1@392872/master.m3u8';
RBBstream = 'https://rbblive-lh.akamaihd.net/i/rbb_berlin@144674/master.m3u8';
SRstream = 'https://srlive24-lh.akamaihd.net/i/sr_universal02@107595/master.m3u8';
SWRstream = 'https://swrbw-lh.akamaihd.net/i/swrbw_live@196738/master.m3u8';
TGS24stream = 'https://tagesschau-lh.akamaihd.net/i/tagesschau_1@119231/master.m3u8';
WDRstream = 'https://wdrfsgeo-lh.akamaihd.net/i/wdrfs_geogeblockt@530016/master.m3u8';
AJstream = 'https://english.streaming.aljazeera.net/aljazeera/english2/index255.m3u8';
RTstream = 'https://secure-streams.akamaized.net/rt/index2500.m3u8';
ZDFstream = 'https://zdf1314-lh.akamaihd.net/i/de14_v1@392878/master.m3u8';
ZDFNstream = 'https://zdf1314-lh.akamaihd.net/i/de13_v1@392877/master.m3u8';
ZDFIstream = 'https://zdf1112-lh.akamaihd.net/i/de12_v1@392882/master.m3u8';
NHKstream = 'https://nhkwtvglobal-i.akamaihd.net/hls/live/263941/nhkwtvglobal/index_1180.m3u8';
WELTstream = 'https://live2weltcms-lh.akamaihd.net/i/Live2WeltCMS_1@444563/master.m3u8';
</script>
<body class="">
<div class="container pt-2">
<div class="row pt-4 d-block d-sm-none">
<div class="col-auto mr-auto">
<button class="btn btn-lg btn-primary btn-block" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false">
<div class="text" id="senderknopf-sm">s-display</div>
</button>
</div>
</div>
<div class="row pt-4">
<div class="col-sm">
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video controls autoplay muted playsinline id="video" class="embed-responsive embed-responsive-16by9"></video>
<script>
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('https://daserstelive-lh.akamaihd.net/i/daserste_de@38086/master.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
// hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
// When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element throught the `src` property.
// This is using the built-in support of the plain video element, without using hls.js.
else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = 'https://daserstelive-lh.akamaihd.net/i/daserste_de@38086/master.m3u8';
video.addEventListener('canplay',function() {
video.play();
});
}
</script>
</div>
</div>
<div class="row pt-4">
<div class="col-auto mr-auto d-none d-sm-block">
<button class="btn btn-lg btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
<div class="text" id="senderknopf">xl-display</div>
</button>
</div>
<div class="col-auto ml-auto">
<div class="btn-group btn-group-lg" role="group" aria-label="Basic example">
<button id="runter" type="button" class="btn btn-primary">&nbsp;<span class="oi oi-chevron-top"></span>&nbsp;</button>
<button id="mute-video" type="button" class="btn btn-lg bg-dark"><strike>Audio</strike></button>
<button id="hoch" type="button" class="btn btn-primary">&nbsp;<span class="oi oi-chevron-bottom"></span>&nbsp;</button>
</div>
</div>
<div class="col-1 ml d-none d-lg-block">
<button id="fullscreen" type="button" class="btn btn-lg btn-primary ">&nbsp;<span class="oi oi-fullscreen-enter"></span>&nbsp;</button>
</div>
</div>
<div class="row pt-2">
<div class="col-sm">
<div class="collapse" id="collapseExample">
<div class="card bg-secondary">
<div class="card-body bg-dark">
<button id="ARD" type="button" class="btn-sm btn-primary btn-space active" onclick="playtv(ARDstream);lauft(this.id);">ARD</button>
<button id="ZDF" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(ZDFstream);lauft(this.id);">ZDF</button>
<button id="RBB" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(RBBstream);lauft(this.id);">RBB</button>
<button id="ARTE" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(ARTEstream);lauft(this.id);">ARTE</button>
<button id="Neo" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(ZDFNstream);lauft(this.id);">ZDFneo</button>
<button id="Info" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(ZDFIstream);lauft(this.id);">ZDFinfo</button>
<button id="3Sat" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(SATstream);lauft(this.id);">3Sat</button>
<button id="Phoenix" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(PHOENIXstream);lauft(this.id);">Phoenix</button>
<button id="WDR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(WDRstream);lauft(this.id);">WDR</button>
<button id="NDR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(NDRstream);lauft(this.id);">NDR</button>
<button id="BR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(BRstream);lauft(this.id);">BR</button>
<button id="BRa" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(BRAstream);lauft(this.id);">BRα</button>
<button id="SWR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(SWRstream);lauft(this.id);">SWR</button>
<button id="HR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(HRstream);lauft(this.id);">HR</button>
<button id="SR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(SRstream);lauft(this.id);">SR</button>
<button id="ONE" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(ONEstream);lauft(this.id);">ONE</button>
<button id="DW" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(DWstream);lauft(this.id);">DW</button>
<button id="KIKA" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(KIKAstream);lauft(this.id);lauft(this.id);">KIKA</button>
<button id="TG24" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(TGS24stream);lauft(this.id);">Tagesschau</button>
<button id="MDR" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(MDRstream);lauft(this.id);">MDR</button>
<button id="NHK" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(NHKstream);lauft(this.id);">NHK</button>
<button id="RT" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(RTstream);lauft(this.id);">RT</button>
<button id="AL" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(AJstream);lauft(this.id);">AL</button>
<button id="WELT" type="button" class="btn-sm btn-primary btn-space" onclick="playtv(WELTstream);lauft(this.id);">WELT</button>
</div>
</div>
</div>
</div>
</div>
<div class="row pt-2 d-none d-lg-block">
<div class="col-sm">
<small class="text-muted">Zappen: <b>+</b>/<b>-</b> | Audio: <b>M</b> | Vollbild: <b>F</b></small>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>
$(function() {
$('button').click( function() {
$(this).addClass('active').siblings().removeClass('active');
});
});
</script>
<script>
jetzt = "ARD";
function playtv(stream) {
if(Hls.isSupported()){
hls.loadSource(stream);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
var test = stream;
return test;
});
}
else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = stream;
video.addEventListener('canplay',function() {
video.play();
var test = stream;
return test;
});
}
}
function lauft(sender) {
jetzt = sender;
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
}
//MUTE
$("video").prop('muted', true);
$("#mute-video").click( function (){
if( $("video").prop('muted') ) {
$("video").prop('muted', false);
$("#mute-video").html("Audio");
$('#mute-video').addClass('btn-primary').removeClass('bg-dark');
} else {
$("video").prop('muted', true);
$("#mute-video").html("<strike>Audio</strike>");
$('#mute-video').addClass('bg-dark').removeClass('btn-primary');
}
});
function leise(e){
if((e.type == "keydown" && e.which == 77 )){
if( $("video").prop('muted') ) {
$("video").prop('muted', false);
$("#mute-video").html("Audio");
$('#mute-video').addClass('btn-primary').removeClass('bg-dark');
} else {
$("video").prop('muted', true);
$("#mute-video").html("<strike>Audio</strike>");
$('#mute-video').addClass('bg-dark').removeClass('btn-primary');
}
}
}
$('body').keydown(leise);
function fullscreen() {
var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||
(document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||
(document.mozFullScreenElement && document.mozFullScreenElement !== null) ||
(document.msFullscreenElement && document.msFullscreenElement !== null);
var docElm = document.getElementById("video");
if (!isInFullScreen) {
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
} else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
}
function vollbild(e){
if((e.type == "keydown" && e.which == 70 )){
fullscreen();
}
}
$('body').keydown(vollbild);
$("#fullscreen").click( function (){
fullscreen();
});
function hochschalten(e){
if((e.type == "keydown" && (e.which == 187 || e.which == 107 || e.which == 171))||(e.type == "click")){
//alert( "Enter-schmenter" );
switch (jetzt) {
case 'ARD':
playtv(ZDFstream); lauft("ZDF");
$('#ZDF').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ZDF':
playtv(RBBstream); lauft("RBB");
$('#RBB').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'RBB':
playtv(ARTEstream); lauft("ARTE");
$('#ARTE').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ARTE':
playtv(ZDFNstream); lauft("Neo");
$('#Neo').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Neo':
playtv(ZDFIstream); lauft("Info");
$('#Info').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Info':
playtv(SATstream); lauft("3Sat");
$('#3Sat').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case '3Sat':
playtv(PHOENIXstream); lauft("Phoenix");
$('#Phoenix').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Phoenix':
playtv(WDRstream); lauft("WDR");
$('#WDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'WDR':
playtv(NDRstream); lauft("NDR");
$('#NDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'NDR':
playtv(BRstream); lauft("BR");
$('#BR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'BR':
playtv(BRAstream); lauft("BRa");
$('#BRa').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'BRa':
playtv(SWRstream); lauft("SWR");
$('#SWR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'SWR':
playtv(HRstream); lauft("HR");
$('#HR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'HR':
playtv(SRstream); lauft("SR");
$('#SR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'SR':
playtv(ONEstream); lauft("ONE");
$('#ONE').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ONE':
playtv(DWstream); lauft("DW");
$('#DW').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'DW':
playtv(KIKAstream); lauft("KIKA");
$('#KIKA').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'KIKA':
playtv(TGS24stream); lauft("TG24");
$('#TG24').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'TG24':
playtv(MDRstream); lauft("MDR");
$('#MDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'MDR':
playtv(NHKstream); lauft("NHK");
$('#NHK').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'NHK':
playtv(RTstream); lauft("RT");
$('#RT').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'RT':
playtv(AJstream); lauft("AL");
$('#AL').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'AL':
playtv(WELTstream); lauft("WELT");
$('#WELT').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'WELT':
playtv(ARDstream); lauft("ARD");
$('#ARD').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
}}
else if (e.type == "keydown" && e.which == 13){
alert( "du hast enter gedrueckt" );
}
}
$('#hoch').click(hochschalten);
$('body').keydown(hochschalten);
function runterschalten(e){
if((e.type == "keydown" && (e.which == 189 || e.which == 109 || e.which == 173))||(e.type == "click")){
//alert( "Enter-schmenter" );
switch (jetzt) {
case 'RBB':
playtv(ZDFstream); lauft("ZDF");
$('#ZDF').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ARTE':
playtv(RBBstream); lauft("RBB");
$('#RBB').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Neo':
playtv(ARTEstream); lauft("ARTE");
$('#ARTE').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Info':
playtv(ZDFNstream); lauft("Neo");
$('#Neo').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case '3Sat':
playtv(ZDFIstream); lauft("Info");
$('#Info').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'Phoenix':
playtv(SATstream); lauft("3Sat");
$('#3Sat').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'WDR':
playtv(PHOENIXstream); lauft("Phoenix");
$('#Phoenix').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'NDR':
playtv(WDRstream); lauft("WDR");
$('#WDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'BR':
playtv(NDRstream); lauft("NDR");
$('#NDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'BRa':
playtv(BRstream); lauft("BR");
$('#BR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'SWR':
playtv(BRAstream); lauft("BRa");
$('#BRa').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'HR':
playtv(SWRstream); lauft("SWR");
$('#SWR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'SR':
playtv(HRstream); lauft("HR");
$('#HR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ONE':
playtv(SRstream); lauft("SR");
$('#SR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'DW':
playtv(ONEstream); lauft("ONE");
$('#ONE').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'KIKA':
playtv(DWstream); lauft("DW");
$('#DW').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'TG24':
playtv(KIKAstream); lauft("KIKA");
$('#KIKA').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'MDR':
playtv(TGS24stream); lauft("TG24");
$('#TG24').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'NHK':
playtv(MDRstream); lauft("MDR");
$('#MDR').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'RT':
playtv(NHKstream); lauft("NHK");
$('#NHK').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'AL':
playtv(RTstream); lauft("RT");
$('#RT').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'WELT':
playtv(AJstream); lauft("AL");
$('#AL').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ARD':
playtv(WELTstream); lauft("WELT");
$('#WELT').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
case 'ZDF':
playtv(ARDstream); lauft("ARD");
$('#ARD').addClass('active').siblings().removeClass('active');
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
break;
}}
else if (e.type == "keydown" && e.which == 13){
alert( "du hast enter gedrueckt" );
}
}
$('#runter').click(runterschalten);
$('body').keydown(runterschalten);
$('#senderknopf').text(jetzt);
$('#senderknopf-sm').text(jetzt);
</script>
</body>
</html>
@celevra
Copy link

celevra commented Mar 24, 2018

code cleanup and a few optimizations, now its enough to add a new stream address to steams.js, no more need to create new buttons and logic
please be so kind and create a repository, so we can send commits and have one place for the code
here is the new code:
https://gist.github.com/celevra/f5c64d994e2de7efc8645dcc4a69dd1f

@noestreich
Copy link
Author

As requested, Teleweb has it's own repository now:
Teleweb on Github

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment