editor Logout
Account Preferences
Did you know...
The White House can take control of all radio stations in an emergency ?
Streaming Radio Guide
view source - http://www.northwoodsradio.com/
*** Test System *** GO TO PRODUCTION
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=100"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WKLK/WMOZ Radio</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="_css/colorbox.css"> <link rel="stylesheet" href="_css/sitestyles.css"> <link rel="stylesheet" href="_css/Display.css"> <script src="_js/jquery-3.4.1.min.js"></script> <!--<script src="_js/popper.min.js"></script>--> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="_js/bootstrap-tab.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-78931619-1', 'auto'); ga('send', 'pageview'); </script> </head> <body> <div class="embed-responsive"> <iframe id="pageframe" class="embed-responsive-item" src="main.html"></iframe> </div> <div id="streamdiv" class="fixed-bottom"> <p class="text-center"><button id="streamBtn"><span id="strLabel">Listen 24/7 | Open</span></button></p> <hr> <h3 class="text-center">Live Streaming</h3> <div class="row"> <div class="col-sm-1"></div> <div class="col-12 col-sm-10"> <ul class="nav nav-tabs justify-content-center" role="tablist" id="myTab"> <li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation"> <button class="nav-link active strTab" id="wklkfm-tab" data-bs-toggle="tab" data-bs-target="#wklkfm" type="button" role="tab" aria-controls="wklk-fm" aria-selected="true">WKLK FM<span class="d-none d-sm-inline"> 96.5</span></button> </li> <li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation"> <button class="nav-link strTab" id="wklkam-tab" data-bs-toggle="tab" data-bs-target="#wklkam" type="button" role="tab" aria-controls="wklk-am" aria-selected="true">WKLK AM<span class="d-none d-sm-inline"> 1230</span></button> </li> <li class="nav-item mx-0 mx-sm-1 mx-md-2 mx-lg-3 mx-xl-4" role="presentation"> <button class="nav-link strTab" id="wmozfm-tab" data-bs-toggle="tab" data-bs-target="#wmozfm" type="button" role="tab" aria-controls="wmoz-fm" aria-selected="true">WMOZ FM<span class="d-none d-sm-inline"> 106.9</span></button> </li> </ul> </div> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="wklkfm" role="tabpanel" aria-labelledby="wklkfm-tab"> <p>&nbsp;</p> <h2 class="text-center">WKLK FM 96.5 Stream</h2> <p class="text-center"><img src="images/WKLKFMcard.jpg" class="img-fluid" alt="WKLK FM Logo" ></p> <p class="text-center"><audio controls id="stream1" src="http://streaming402ic.network1sports.com/wklk-talk" type="audio/mpeg"></audio></p> </div> <div class="tab-pane fade" id="wklkam" role="tabpanel" aria-labelledby="wklkam-tab"> <p>&nbsp;</p> <h2 class="text-center">WKLK AM 1230 Stream</h2> <p class="text-center"><img src="images/WKLKAMcard.jpg" class="img-fluid" alt="WKLK AM Logo" ></p> <p class="text-center"><audio controls id="stream2" src="http://streaming402ic.network1sports.com/wklkam-talk" type="audio/mpeg"></audio></p> </div> <div class="tab-pane fade" id="wmozfm" role="tabpanel" aria-labelledby="wmozfm-tab"> <p>&nbsp;</p> <h2 class="text-center">WMOZ FM 106.9 Stream</h2> <p class="text-center"><img src="images/WMOZFMcard.jpg" class="img-fluid" alt="WMOZ FM Logo" ></p> <p class="text-center"><audio controls id="stream3" src="http://streaming402ic.network1sports.com/wmoz-talk" type="audio/mpeg"></audio></p> </div> </div> <div class="col-sm-1"></div> </div> </div> <script> $(document).ready(function(){ $('#streamBtn').click(function(){ $('#streamdiv').toggleClass('open'); var x = document.getElementById("strLabel"); if (x.innerHTML === "Listen 24/7 | Open"){ x.innerHTML = "Listen 24/7 | Close"; }else{x.innerHTML = "Listen 24/7 | Open";} }); $('.strTab').click(function(){ var a = document.getElementById("stream1"); var b = document.getElementById("stream2"); var c = document.getElementById("stream3"); a.pause(); a.currentTime = 0; b.pause(); b.currentTime = 0; c.pause(); c.currentTime = 0; }); }); </script> </body> </html>


URL: