Created
February 28, 2018 17:56
-
-
Save radiowolke7/4e4fd03a52a23afe3f6f0015cb061c55 to your computer and use it in GitHub Desktop.
Responsiver LautFM Player mit Bootstrap
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 class="no-js"> | |
<head> | |
<!-- Beginn Konfiguration Variable --> | |
<?php | |
$hintergrundfarbe = "brown"; | |
$textfarbe = "white"; | |
$sender = "wolke7"; | |
?> | |
<!-- Ende Konfiguration Variable --> | |
<!-- Basic Page Needs | |
================================================== --> | |
<meta charset="utf-8"> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<meta property="og:title" content="Radio Wolke7" /> | |
<meta property="og:url" content="http://radio-wolke7.de" /> | |
<meta property="og:type" content="website" /> | |
<meta property="og:image" content="http://radio-wolke7.de/img/feelgood.jpg" /> | |
<meta property="og:site_name" content="Radio Wolke7" /> | |
<meta property="og:description" content="Deutschlands fröhliche Internetwelle - Wir lieben Musik!" /> | |
<meta property="fb:app_id" content="1568362460110945" /> | |
<meta charset="utf-8"> | |
<title>Radio Wolke7</title> | |
<meta name="description" content="Radio Wolke7"> | |
<meta name="keywords" content="radio, oldies, 60s, 70s, 80s, 90s, musik, rock, pop, country, schlager"> | |
<meta name="author" content="Karsten Weidenfeld"> | |
<!-- Mobile Specific Metas | |
================================================== --> | |
<meta name="format-detection" content="telephone=no"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<!-- Das neueste kompilierte und minimierte CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> | |
<!-- Das neueste kompilierte und minimierte JavaScript --> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | |
<script type="text/javascript" src="//api.laut.fm/js_tools/lautfm_js_tools.0.9.1.js" ></script> | |
</head> | |
<body> | |
<script language="javascript" type="text/javascript"> | |
var win=null; | |
onerror = stopError; | |
function stopError(){ | |
return true; | |
} | |
function q1519644766(){ | |
myleft=20; | |
mytop=20; | |
settings="width=840,height=680,top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no"; | |
win=window.open("http://laut.fm/wolke7?autoplay=true","lautplayer",settings); | |
win.focus(); | |
} | |
</script> | |
<br> | |
<div class="container"> | |
<div class="well" style="background-color:<?php echo"$hintergrundfarbe"; ?>!important;"> | |
<div class="row"> | |
<div class="col-md-1"><a href="javascript:q1519644766();"><button type="button" class="btn btn-default" aria-label="Left Align"><span style="font-size:3em;" class="glyphicon glyphicon-play" aria-hidden="true"></span></button></a><br></div> | |
<div class="col-md-11"><small style="color:<?php echo"$textfarbe"; ?>;">Es läuft gerade:</small><h2 style="color:<?php echo"$textfarbe"; ?>;"> <div id="song"></div> </h2> <span style="font-size:1.5em; color:white" class="glyphicon glyphicon-headphones"></span> <strong style="color:<?php echo"$textfarbe"; ?>;">laut.fm/<?php echo"$sender";?> </strong></div></div> | |
</div> | |
<script type="text/html" id="song_template" charset="utf-8"> | |
<%= this.artist.name %> - <%= this.title %> | |
</script> | |
<script> | |
laut.fm.station('<?php echo"$sender";?>').current_song({container:'song', template:'song_template'}, true); | |
</script></div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment