samples/web/Sample/Tizen/Web App/MediaPlayer/project/index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <!--
   3 * Copyright (c) 2013, Intel Corporation.
   4 *
   5 * This program is licensed under the terms and conditions of the
   6 * Apache License, version 2.0.  The full text of the Apache License is at
   7 * http://www.apache.org/licenses/LICENSE-2.0
   8 *
   9 -->
  10 <html>
  11         <head>
  12                 <title>Media Player</title>
  13                 <meta name="viewport" content="user-scable=no, height=1000, width=520">
  14                 <link rel="stylesheet" href="css/main.css">
  15                 <script src="js/jquery-1.9.1.min.js"></script>
  16                 <script src="js/listFunctions.js"></script>
  17                 <script src="js/player.js"></script>
  18                 <script src="js/audioPlayer.js"></script>
  19                 <script src="js/videoPlayer.js"></script>
  20                 <script src="js/imagePlayer.js"></script>
  21                 <script src="js/main.js"></script>
  22                 <script src="js/textObject.js"></script>
  23                 <script src="js/imageControls.js"></script>
  24                 <script src="js/dlna.js"></script>
  25
  26         </head>
  27         <body>
  28         <div id="background"></div>
  29                 <audio id="audioPlayer" class="player" onended="nextButtonClick()" oncanplaythrough="playLoadedMedia()" onerror="mediaError()" >
  30
  31                         <source id=audioSrc type="audio/mpeg">
  32                 </audio>
  33
  34                 <video id="videoPlayer" onClick="playButtonClick()" class="player" oncanplaythrough="videoLoaded()">
  35                         <source id=videoSrc>
  36                 </video>
  37
  38                 <div id="imagePlayer" class="player"></div>
  39
  40                 <div id="audioMediaList" class="mediaList mediaListAudioList">
  41                    <ul id="audioMediaListItems">
  42                    </ul>
  43                 </div>
  44
  45                 <div id="videoMediaList" class="mediaList">
  46                    <ul id="videoMediaListItems">
  47                    </ul>
  48                 </div>
  49
  50                 <div id="imageMediaList" class="mediaList">
  51                    <ul id="imageMediaListItems">
  52                    </ul>
  53                 </div>
  54
  55                 <div id="mainMenuButtons">
  56                         <img id="mainMusicButton" class="mainButton" onClick="changeMenu(this.id)">
  57                         <img id="mainVideoButton" class="mainButton" onClick="changeMenu(this.id)">
  58                         <img id="mainImageButton" class="mainButton" onClick="changeMenu(this.id)">
  59                 </div>
  60
  61                 <div id="navigationButtons" style="position:absolute; visible:hidden">
  62                         <img id="backButton" class="navButton" onClick="backButtonClick()" style="position:absolute; display: none">
  63                         <img id="nextButton" class="navButton" onClick="nextButtonClick()" style="position:absolute; display: none">
  64                         <img id="returnButton" class="navButton" onClick="showMainMenu()" style="position:absolute; display: none">
  65                         <img id="listButton" class="navButton" onClick="showMediaList()" style="position:absolute; display: none">
  66                         <img id="playButton" class="navButton" onClick="playButtonClick()" style="position:absolute; display: none">
  67
  68                 </div>
  69
  70                 <div id="sortButtons">
  71                                 <img id="sortAllButton" class="sortButton" onClick="sortByAlpha()">
  72                                 <img id="sortArtistButton" class="sortButton" onClick="sortByArtist()">
  73                                 <img id="sortAlbumButton" class="sortButton" onClick="sortByAlbum()">
  74                         </div>
  75
  76                 <canvas id="mediaName" style="position:absolute; z-index : 0"></canvas>
  77                 <canvas id="trackTime" style="position:absolute; z-index : 0"></canvas>
  78         </body>
  79 </html>