123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="theme-color" content="#ffffff">
- <title>Test player</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" type="text/css" href="player.css">
- </head>
- <body>
- <audio preload id="radio"></audio>
- <div id="player">
- <div id="contents" >
- <div id="menu">
- <input type="radio" name="tab-selector" id="tab-other-radios" checked/>
- <label for="tab-other-radios"> Radio</label>
- <input type="radio" name="tab-selector" id="tab-programmi"/>
- <label for="tab-programmi"> Programmi</label>
- <input type="radio" name="tab-selector" id="tab-playlist"/>
- <label for="tab-playlist"> Playlist</label>
- </div>
- <div class="tabs">
- <div id="other-radios" class="show-list">
- </div>
- <div id="programmi">
- <div class="show-list">
- <img id="prev-show" class="arrow arrow-left" alt="Scorri a sinistra" src="icons/ico-arrow.png" />
- <div id="programmi-lista"></div>
- <img id="next-show" class="arrow arrow-right" alt="Scorri a destra" src="icons/ico-arrow.png" />
- </div>
- <div class="show-content">
- <img id="prev-show-card" class="arrow arrow-left hidden" alt="Scorri a sinistra" src="icons/ico-arrow.png"/>
- <div id="programmi-content">
- <template id="show-card-template">
- <div class="show-card">
- <span class="title"></span>
- <div class="small-tags"></div><br>
- <div class="description"></div>
- <div class="controls">
- <img src="icons/plus.png" class="add-to-playlist">
- <img src="icons/playIcon.svg" class="play-pause">
- </div>
- </div>
- </template>
- </div>
- <img id="next-show-card" class="arrow arrow-right hidden" alt="Scorri a destra" src="icons/ico-arrow.png"/>
- </div>
- </div>
- <div id="playlist" class="hidden">
- Qui ci va la playlist, ancora non puoi riprodurla, però puoi scaricarle l'<span onclick="downloadPlaylist()"><b>m3u 📥</b></span>
- </div>
- </div>
- </div>
- <div id="progress-bar">
- </div>
- <div id="controls" class="controls">
- <div class="controlBlock controlLeft">
- <div class="info-content">
- <span id="radio-name">Radio Spore</span>
- <br/>
- <span id="program-name">Un programma a caso</span>
- </div>
- </div>
- <div class="controlBlock controlCenter">
- <span id="prev" class="prev-step control">
- <img alt="Indietro di 15 secondi" src="icons/15_sec_prima.svg">
- </span>
- <span id="play" class="play-pause control" label="Premi per iniziare la riproduzione del player">
- <img alt="Ascolta la diretta" src="icons/playIcon.svg">
- </span>
- <span id="next" class="prev-step control">
- <img alt="Avanti di 15 secondi" src="icons/15_sec_dopo.svg">
- </span>
- </div>
- <div class="controlBlock controlRight">
- <div>
- <span class="is-live live">· LIVE</span>
- <span class="back-to-live live hidden">TORNA AL LIVE</span>
- <img id="volume-on" src="icons/volume.svg" />
- <img id="volume-off" src="icons/volume_off.svg" class="hidden"/>
- <input id="volume" type="range" min="0" max="1" step="0.01" value="1" />
- <img id="contents-button" class="arrow-up" alt="Apri il player" src="icons/ico-arrow.png" />
- </div>
- </div>
- </div>
- </div>
- <script src="dist/ical/ical.min.js"></script>
- <script src="dist/radiomanifest/radiomanifest-oldstyle.bundle.js"></script>
- <script src="player.js"></script>
- </body>
- </html>
|