<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>StreamS HLS for iOS</title>
  <link rel="stylesheet" href="css/player.css" />
  <script type="module" src="js/player.js" defer></script>
</head>
<body>

  <div class="header-ios">
  <div id="name">KRAK</div>
  <div id="desc">LA's Adult Talk and Party Machine, Good Times on KRAK.</div>
  </div>
  <div id="image-container" height="400">
    <img id="image" class="image" data-image="img/Image_Default.jpg" width="400" onload="this.style.opacity='1';"src="img/Image_Default.jpg" />
  </div>
  <div id="artist">Powered by:</div>
  <div id="title">StreamS HLSdirect&trade; HiFi Encoders</div>
  <div id="album">The Encoders the Pros Use</div>

  <div id="player" data-url="https://la2.indexcom.com/hls/krak/program.m3u8">
    <audio id=video controls></audio>
  </div>
   
  <!--div class="select">
    <select id="video-menu" onchange="setURL(this.value);">
      <option value="https://la2.indexcom.com/hls/krak/program.m3u8">SELECT STREAM:</option>
      <option value="https://la2.indexcom.com/hls/krak/program.m3u8">The Valley 80s</option>
    </select>
  </div-->

  <!--
 <hr width="100%">
  <div id="TXXX"></div>
 <hr width="100%">
  <div id="asr"></div>
  <div id="adr"></div>
  <div id="ach"></div>
  <div id="apg"></div>
  <div id="aot"></div>
   <hr width="100%">
  -->

  <div class="footer-ios">
  <div id="logo-ios"><a href="https://www.indexcom.com" target="_new" ><img id="logo-ios" src="img/Logo_StreamS.svg" /></a></div>
  <div id="copyright-ios">StreamS iOS HLS Audio Player BETA 1<br>Copyright &copy;2025 StreamS/Modulation Index LLC</div>
  </div>
  <div id="encoder"></div>

<div hidden id=events></div>

<script src="js/mm-fontsize.js" type="text/javascript"></script>

</body>
</html>

