Created
March 23, 2018 17:13
-
-
Save noestreich/72769472d41a75ecb4ca49c9e93c1eac to your computer and use it in GitHub Desktop.
Teleweb - Einfache HTML-Seite zum Abspielen von TV Livestreams
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> <span class="oi oi-chevron-top"></span> </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"> <span class="oi oi-chevron-bottom"></span> </button> | |
</div> | |
</div> | |
<div class="col-1 ml d-none d-lg-block"> | |
<button id="fullscreen" type="button" class="btn btn-lg btn-primary "> <span class="oi oi-fullscreen-enter"></span> </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> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
As requested, Teleweb has it's own repository now:
Teleweb on Github