1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3 * Copyright (c) 2013, Intel Corporation.
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
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>
28 <div id="background"></div>
29 <audio id="audioPlayer" class="player" onended="nextButtonClick()" oncanplaythrough="playLoadedMedia()" onerror="mediaError()" >
31 <source id=audioSrc type="audio/mpeg">
34 <video id="videoPlayer" onClick="playButtonClick()" class="player" oncanplaythrough="videoLoaded()">
38 <div id="imagePlayer" class="player"></div>
40 <div id="audioMediaList" class="mediaList mediaListAudioList">
41 <ul id="audioMediaListItems">
45 <div id="videoMediaList" class="mediaList">
46 <ul id="videoMediaListItems">
50 <div id="imageMediaList" class="mediaList">
51 <ul id="imageMediaListItems">
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)">
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">
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()">
76 <canvas id="mediaName" style="position:absolute; z-index : 0"></canvas>
77 <canvas id="trackTime" style="position:absolute; z-index : 0"></canvas>