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 hidden or 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