View Page Source

Did you know...
Streams heard since April 2006:
13,870,625

view source - http://kzsu.stanford.edu/
*** Test System *** GO TO PRODUCTION

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link type="text/plain" rel="author" href="/humans.txt" /> <link rel="shortcut icon" href="/webresources/favicon.ico"/> <title>KZSU Stanford 90.1 FM</title> <script type=text/javascript> // Allows jquery modules to successfully call subpages without being dependent on full URLs: $SCRIPT_ROOT = ""; </script>  <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet'> <link href="/webresources/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/webresources/jquery-2.0.3.min.js"></script> <script type="text/javascript" src="/webresources/bootstrap.min.js"></script>  <link href="/webresources/kzsustyle.css?dummy_id=381219" rel="stylesheet" type="text/css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.2/socket.io.js" crossorigin="anonymous"></script> <script type="text/javascript" src="/static/frontpageajax.js?dummy_id=2447"></script> </head> <body onload="loadForFrontPage()"> <input id='kzsuid' type='hidden' value='' />  <div id="mainheader" class="header"> <div class="headerLogo"> <a href="/"> <img style=padding-top:12px' src="/webresources/kzsu_logo.png" alt="KZSU Stanford 90.1 FM" title="KZSU Stanford 90.1 FM" height="94"/> </a> </div> <div class="dropdown"> <a class='dropdown-link' href="#">☰</a> <div style="border: 3px solid gray" class="dropdown-content"> <a href="/">Home</a> <a href="/live/">Listen</a> <a href="/showplayer/">Archive</a> <a class='show-phone' href="/schedule/">Schedule</a> <a class='show-phone' href="/music/">Music</a> <a class='show-phone' href="/sports/">Sports</a> <a class='show-phone' href="/concerts/">Concerts</a> <a class='show-phone' href="/join/">Join</a> <a class='show-phone' href="/contact/">Contact</a> <a class='show-phone' href="/about/">About</a> <a class='show-phone' href="/zine/">Zine</a> <a class='show-phone' href="/donate/">Donate</a> <a class='show-phone' href="/merch/">Merch</a> <a class='show-phone' href="/wnl/">WNL</a> <a href="/login/">Login</a> </div> </div> <div class="headerNavbar hide-phone"> <a href="/login/">login</a> + <a href="/schedule/">schedule</a> + <a href="/music/">music</a> + <a href="/sports/">sports</a> + <a href="/concerts/">concerts</a> + <a href="/join/">join</a> <br/> <a href="/contact/">contact</a> + <a href="/about/">about</a> + <a href="/zine/">zine</a> + <a href="/donate/">donate</a> + <a href="/merch/">merch</a> + <a href="/wnl/">WNL</a> </div> </div> <div class="content"> <style> body { background-image: none; } .onair-box { padding-left: 4px; border: 1px solid #4D0A0A; margin-top:8px; } #play-but { vertical-align: middle; outline: 0; height: 30px; width: 30px; border-radius: 30px; border: 0px; margin-left: 4px; } .streaming-box { margin-top:20px; position:relative; } #speaker-image:hover { cursor: pointer; border: 2px solid gray; } #speaker-image { position:relative; top:4px; display:inline-block; } #channel-volume { position:relative; display: inline-block; left:4px; width:80px; top:4px; } .is-paused { background-image: url("/static/play_button.png"); } .is-playing { background-image: url("/static/pause_button.png"); } .messageContent { margin-top: 10px; } div.sports-event { color: #B1040E; margin-left: 20px; } div.messageBanner img { position: absolute; top: 1px; left:10px; } div.messageBanner { border: 1px solid #4D0A0A; min-height: 62px; position: relative; background-color: #dacccb; } .info-panel { margin-right: auto; width: 410px; } .verticalCenter { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .messageIcon { float: left; height: 56px; } #trackInfo { height:100px; margin-top:-110px; margin-left:126px; } .trackImageSize { width:120px; height:120px; } #trackImage { border: 3px solid gray; width:120px; height:120px; } @media screen and (max-width: 680px) { div.sports-event { margin-left: 0px; } div.messageBanner { width: 100%; } div.onair-box { border: 1px solid #4D0A0A;; width: 100%; } .info-panel { width: 100%; margin-left: 0; } } </style> <div class="mainPage"> <div id='message-box' style='color:red'> </div> <div class="messageBanner"> <div class="messageContent"> <div class='messageIcon verticalCenter'> <img src='/webresources/antenna.png' height='56px' class='hide-phone' /> </div> <span style='font-size:22px; color:#980000'> KZSU - Student run community radio since 1947</span>     </div> </div>  <div style='float:left' class="info-panel onair"> <div class='onair-box'> <h3>CURRENTLY ON-AIR</h3> <div> <span id="onairTitle"></span> <span id="with"></span> <span id="onairDJ"></span> </div> <div class='trackImageSize'> <img id='trackImage' class='trackImageSize' src='/webresources/nocoverart.png'></img> </div> <div id='trackInfo'> <div id="currentArtist"></div> <div id="currentTrack"></div> <div id="currentAlbum"></div> <div><a id='showLink' target="_blank" href="#">[Playlist]</a></div> </div> <audio id='audio-player' preload='none'> <source src="https://kzsu-streams.stanford.edu/kzsu-1-128.mp3" type="audio/mp3"> </audio> <div class='streaming-box'> <input type='hidden' id='streams-url' READONLY value='https://kzsu-streams.stanford.edu' /> <label>Stream us live:</label> <select id="channel-select"> <option value="1">KZSU-1</option> <option value="2">KZSU-2</option> <option value="3">KZSU-3</option> </select> <button class='is-paused' id="play-but"></button> <img id='speaker-image' width=16 src='/webresources/speaker_active.png'></img> <input id='channel-volume' type="range" min="1" max="100" value="100"> </div> <p> <b>Call</b> or <b>text</b> to KZSU's request line: <b>(855) 723-9010</b> </br> Or Tweet the DJ at: <a href="https://www.twitter.com/kzsudj" target="_blank"><b>@kzsudj</b></a> </p> </div>  <div style='' class="upcomingShows"> <h3 style='margin-bottom: 0'>COMING UP</h3>   <p style="margin-top:5px; margin-bottom:5px"> <span class="upcomingshow" id="upcomingshow0"></span><span id="upcomingwith0"></span> <span class="upcomingdj" id="upcomingdj0"></span><span id="upcomingtime0"></span> <span id="upcomingdescription0"></span> <hr class="show-divider hidden"></hr> </p> <p style="margin-top:5px; margin-bottom:5px"> <span class="upcomingshow" id="upcomingshow1"></span><span id="upcomingwith1"></span> <span class="upcomingdj" id="upcomingdj1"></span><span id="upcomingtime1"></span> <span id="upcomingdescription1"></span> <hr class="show-divider hidden"></hr> </p> <p style="margin-top:5px; margin-bottom:5px"> <span class="upcomingshow" id="upcomingshow2"></span><span id="upcomingwith2"></span> <span class="upcomingdj" id="upcomingdj2"></span><span id="upcomingtime2"></span> <span id="upcomingdescription2"></span> <hr class="show-divider hidden"></hr> </p> <p style="margin-top:5px; margin-bottom:5px"> <span class="upcomingshow" id="upcomingshow3"></span><span id="upcomingwith3"></span> <span class="upcomingdj" id="upcomingdj3"></span><span id="upcomingtime3"></span> <span id="upcomingdescription3"></span> <hr class="show-divider hidden"></hr> </p> <p style="margin-top:5px; margin-bottom:5px"> <span class="upcomingshow" id="upcomingshow4"></span><span id="upcomingwith4"></span> <span class="upcomingdj" id="upcomingdj4"></span><span id="upcomingtime4"></span> <span id="upcomingdescription4"></span> <hr class="show-divider hidden"></hr> </p> </div> </div>  <div style='float:right' class='info-panel hide-phone'> <div class="sidebarTop"> <div id="social_media_icons"> <a href="https://www.facebook.com/kzsustanford/" target="_blank" title="kzsu on facebook"> <img src="/static/socialmediaicons/facebook.png" width=50px height=50px alt="facebook"/> </a> <a href="https://www.twitter.com/kzsu/" target="_blank" title="kzsu on twitter"> <img src="/static/socialmediaicons/twitter.png" width=50px height=50px alt="twitter"/> </a> <a href="https://www.flickr.com/groups/kzsu/" target="_blank" title="kzsu on flickr"> <img src="/static/socialmediaicons/flickr.png" width=50px height=50px alt="flickr"/> </a> <a href="https://www.instagram.com/kzsu/" target="_blank" title="kzsu on instagram"> <img src="/static/socialmediaicons/instagram.png" width=50px height=50px alt="instagram"/> </a> <a href="https://zookeeper.stanford.edu/zkrss.php?feed=reviews" target="_blank" title="kzsu rss feeds"> <img src="/static/socialmediaicons/rss.png" width=50px height=50px alt="rss"/> </a> <a href="https://bsky.app/profile/kzsustanford.bsky.social" target="_blank" title="kzsu on bluesky"> <img src="/static/socialmediaicons/bluesky.png" width=50 height=50 alt="bluesky"/> </a> </div>  </div>  <div class="new-music" > <h3>DJ MUSIC REVIEWS</h3> <div class='review-card'> <a class='review-link' title="Grand Voyage - Tapeworms" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=1154281' > <img src='https://i.ytimg.com/vi/_UqpRZw0hu4/default.jpg' /> </a> </div> <div class='review-card'> <a class='review-link' title="Chorus - Mildlife" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=1153088' > <img src='http://coverartarchive.org/release/9b3bbca0-35e5-4f4d-af0a-80627e937eea/38230810767-250.jpg' /> </a> </div> <div class='review-card'> <a class='review-link' title="Sinseerly Yours - Thee Sinseers" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=1152773' > <img src='https://coverartarchive.org/release/664ebd91-2cb6-4b24-b5df-136fa4737237/37920012368-250.jpg' /> </a> </div> <div class='review-card'> <a class='review-link' title="John Fogerty: Wrote a Song for Everyone - Various Artists" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=298278' > <img src='http://coverartarchive.org/release/c8956784-99b8-4172-97d3-4bd6708f1a19/35022109538-250.jpg' /> </a> </div> <div class='review-card'> <a class='review-link' title="God Bless the USA - Aki Kumar" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=1154360' > <img src='https://i.ytimg.com/vi/0VqErUKGdhk/default.jpg' /> </a> </div> <div class='review-card'> <a class='review-link' title="4eva - Yetsuby" href='https://zookeeper.stanford.edu/?action=search&s=byAlbumKey&n=1154674' > <img src='https://i.scdn.co/image/ab67616d00001e0272423001b121569a8dc5b55f' /> </a> </div> </div>  <div class='flickr-photos' > <h3>STATION PHOTOS</h3> <div id="flickr-box"></div> </div> </div>  </div>  <script> var flickrImages = [{"alt": "164440_472699856130560_1525596995_n", "detail": "http://www.flickr.com/photos/94464989@N06/8596736661/in/pool-59599056@N00/", "img": "http://farm9.static.flickr.com/8109/8596736661_141d53d000_s.jpg"}, {"alt": "Do not mess with the Program Director!", "detail": "http://www.flickr.com/photos/22257078@N00/5346708454/in/pool-59599056@N00/", "img": "http://farm6.static.flickr.com/5082/5346708454_29dcce5877_s.jpg"}, {"alt": "William Cleere", "detail": "http://www.flickr.com/photos/22257078@N00/6297935510/in/pool-59599056@N00/", "img": "http://farm7.static.flickr.com/6224/6297935510_f1c53a0b3c_s.jpg"}, {"alt": "kzsu fun", "detail": "http://www.flickr.com/photos/62195196@N00/4628175379/in/pool-59599056@N00/", "img": "http://farm4.static.flickr.com/3347/4628175379_40470fc868_s.jpg"}, {"alt": "Vandenbeats!", "detail": "http://www.flickr.com/photos/22257078@N00/5346708920/in/pool-59599056@N00/", "img": "http://farm6.static.flickr.com/5209/5346708920_d2a39122ed_s.jpg"}, {"alt": "photo_2", "detail": "http://www.flickr.com/photos/94464989@N06/8597830976/in/pool-59599056@N00/", "img": "http://farm9.static.flickr.com/8513/8597830976_e7ccd4b362_s.jpg"}, {"alt": "KZSU\u0027s Day of Noise 2/12/12", "detail": "http://www.flickr.com/photos/18360263@N07/6867091029/in/pool-59599056@N00/", "img": "http://farm8.static.flickr.com/7042/6867091029_c204379f41_s.jpg"}, {"alt": "P1000051", "detail": "http://www.flickr.com/photos/56350488@N05/5381688897/in/pool-59599056@N00/", "img": "http://farm6.static.flickr.com/5203/5381688897_79e291256c_s.jpg"}]; let player = document.getElementById('audio-player'); document.getElementById('play-but').addEventListener('click', function(event) { let channel = document.getElementById('channel-select').value; let streamUrl = document.getElementById('streams-url').value + `/kzsu-${channel}-128.mp3`; console.log("Url: " + streamUrl); let url = player.getAttribute('src'); let isPaused = url == null || url.length == 0; if (isPaused) { player.setAttribute('src', streamUrl); player.play(); } else { player.setAttribute('src', ''); player.pause(); } this.classList.remove(isPaused ? 'is-paused' : 'is-playing'); this.classList.add(isPaused ? 'is-playing' : 'is-paused'); return false; }); document.getElementById('speaker-image').addEventListener('click', function(event) { player.muted = !player.muted; let newImage = player.muted ? 'speaker_active.png' : 'speaker_mute.png'; this.setAttribute('src', '/webresources/' + newImage); }); document.getElementById('channel-volume').addEventListener('change', function(event) { player.volume = this.value / 100; }); document.getElementById('channel-select').addEventListener('change', function(event) { player.setAttribute('src', ''); player.pause(); let button = document.getElementById('play-but'); button.classList.remove('is-playing'); button.classList.add('is-paused'); }); document.getElementById('speaker-image').addEventListener('click', function(event) { let img = this.getAttribute('src'); img = '/webresources/' + (img.indexOf('mute') > 0 ? 'speaker_active.png' : 'speaker_mute.png'); this.setAttribute('src', img); }); </script> </div> <div class="footer hide-phone"> © 2002-2021 Stanford University. All rights reserved. Please read the Stanford University <a href="http://www.stanford.edu/site/terms.html">acceptable use policy</a>. </div> </body> </html>