VulpesOS/gaia/tv_apps/dlna-player/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
    <meta charset="utf-8">
    <script defer type="text/javascript" src="js/lib/ssdp/ssdp.js"></script>
    <script defer type="text/javascript" src="js/lib/plug.play/plug.upnp.js"></script>
    <script defer type="text/javascript" src="js/lib/plug.play/ContentDirectory/plug.upnp_contentdirectory.js"></script>
    <script defer type="text/javascript" src="js/lib/plug.play/ConnectionManager/plug.upnp_connectionmanager.js"></script>
    <script defer type="text/javascript" src="js/lib/plug.play/AVTransport/plug.upnp_avtransport.js"></script>
    <script defer type="text/javascript" src="js/lib/plug.play/RenderingControl/plug.upnp_renderingcontrol.js"></script>
    <script defer type="text/javascript" src="js/service_manager.js"></script>
    <script defer type="text/javascript" src="js/content_directory_manager.js"></script>
    <script defer type="text/javascript" src="js/connection_service_manager.js"></script>
    <script defer type="text/javascript" src="js/avtransport_manager.js"></script>
    <script defer type="text/javascript" src="js/device_manager.js"></script>
    <script defer type="text/javascript" src="js/dlna_player.js"></script>

    <link href="shared/style/lists.css" rel="stylesheet">
    <link href="shared/style/headers.css" rel="stylesheet">
    <link href="shared/style/tabs.css" rel="stylesheet">
    <link href="shared/style/buttons.css" rel="stylesheet">

    <link href="style/service_manager.css" rel="stylesheet">
    <link href="style/app.css" rel="stylesheet">
  </head>
  <body role="application" class="skin-dark">
    <section role="region" id="main" class="panel">
      <header>
        <ul role="tablist" class="bb-tablist">
          <li>
            <button id="remoteQuiet">
              <span class="icon quiet-icon">Volume -</span>
            </button>
          </li>
          <li>
            <button id="remoteLoud">
              <span class="icon loud-icon">Volume +</span>
            </button>
          </li>
        </ul>
        <h1>My DLNA Player</h1>
      </header>
      <article id="contentList">
        <header>
          <h2>Renderer List</h2>
        </header>
        <ul>
          <li class="server">
            <select name="select" id="AVTList" class="button icon-dialog">
              <option value="local">Local player</option>
            </select>
          </li>
        </ul>
        <header>
          <h2>Folder List</h2>
        </header>
        <ul id="folderList"></ul>
        <header style='display: none'>
          <h2>Renderer List</h2>
        </header>
        <ul id="rendererList" style='display: none'></ul>
        <header>
          <h2><del>Renderer Control List</del></h2>
        </header>
        <ul id="renderCtrlList" style='display: none'></ul>
        <div id="debug"></div>
      </article>

      <ul id="playerTogglers" role="tablist" class="bb-tablist">
        <li>
          <button id="discoverButton"></button>
        </li>
        <li>
          <button id="toPlayerPage"></button>
        </li>
        <li>
          <div id="trackInfoBar">&nbsp;</div>
        </li>
      </ul>
    </section>
    <section id="playerPanel" role="region" class="panel">
        <header>
          <h1>Player</h1>
        </header>
        <article>
        <audio id="audioPlayer" autoplay="true" class="player" controls="true"></audio>
        <video id="videoPlayer" autoplay="true" class="player" controls="true"></video>
        <iframe id="unknownPlayer" class="player"></iframe>
        <img id="imagePlayer" class="player"></img>
      </article>
      <ul id="playerTogglers" role="tablist" class="bb-tablist">
        <li><button id="toDirectoryPage"></button></li>
      </div>
    </section>
    <ul id="controlButtons" role="tablist" class="bb-tablist">
      <li>
        <button id="remotePrev">|&#9664;</button>
      </li>
      <li>
        <button id="remoteRewind">&#9664;&#9664;</button>
      </li>
      <li>
        <button id="remotePlay">&#9658;</button>
      </li>
      <li>
        <button id="remotePause">&#9616;&#9616;</button>
      </li>
      <li>
        <button id="remoteStop">&#9724;</button>
      </li>
      <li>
        <button id="remoteFF">&#9658;&#9658;</button>
      </li>
      <li>
        <button id="remoteNext">&#9658;|</button>
      </li>
    </ul>

  </body>
</html>