<title>Media Player</title>
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-1.9.1.min.js"></script>
+ <script src="js/listFunctions.js"></script>
+ <script src="js/player.js"></script>
+ <script src="js/audioPlayer.js"></script>
+ <script src="js/videoPlayer.js"></script>
+ <script src="js/imagePlayer.js"></script>
<script src="js/main.js"></script>
<script src="js/textObject.js"></script>
<script src="js/imageControls.js"></script>
<script src="js/dlna.js"></script>
+
</head>
<body>
<div id="background"></div>
- <audio id="audioPlayer" class="player" onended="nextButtonClick()" oncanplaythrough="playLoadedMedia()">
+ <audio id="audioPlayer" class="player" onended="nextButtonClick()" oncanplaythrough="playLoadedMedia()" onerror="mediaError()" >
<source id=audioSrc type="audio/mpeg">
</audio>
- <video id="videoPlayer" onClick="playButtonClick()" class="player">
+ <video id="videoPlayer" onClick="playButtonClick()" class="player" oncanplaythrough="videoLoaded()">
<source id=videoSrc>
</video>
- <div id="imagePlayer" onClick="nextButtonClick()" class="player"></div>
+ <div id="imagePlayer" class="player"></div>
+
+ <div id="audioMediaList" class="mediaList mediaListAudioList">
+ <ul id="audioMediaListItems">
+ </ul>
+ </div>
+
+ <div id="videoMediaList" class="mediaList">
+ <ul id="videoMediaListItems">
+ </ul>
+ </div>
- <div id="mediaList">
- <ul id=mediaListItems>
+ <div id="imageMediaList" class="mediaList">
+ <ul id="imageMediaListItems">
</ul>
</div>
</div>
<div id="navigationButtons" style="position:absolute; visible:hidden">
- <!-- <div id="mediaName" ><font size="8" color="#F00"></font></div> -->
<img id="backButton" class="navButton" onClick="backButtonClick()" style="position:absolute; display: none">
<img id="nextButton" class="navButton" onClick="nextButtonClick()" style="position:absolute; display: none">
<img id="returnButton" class="navButton" onClick="showMainMenu()" style="position:absolute; display: none">
</div>
<canvas id="mediaName" style="position:absolute; z-index : 0"></canvas>
-
+ <canvas id="trackTime" style="position:absolute; z-index : 0"></canvas>
</body>
</html>