<!DOCTYPE html> <html> <head> <title>音楽</title> <script type="text/javascript" src="/static/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/static/jquery-ui-1.9.2.custom.min.js"></script> <script type="text/javascript" src="/static/soundmanager2-jsmin.js"></script> <script type="text/javascript" src="/static/handlebars-1.0.0.beta.6.js"></script> <script type="text/javascript" src="/static/underscore-min.js"></script> <script type="text/javascript" src="/static/backbone-min.js"></script> <script type="text/javascript" src="/static/backbone-localstorage.js"></script> <script type="text/javascript" src="/static/templates.js"></script> <script type="text/javascript" src="/static/sound.js"></script> <script type="text/javascript" src="/static/playlist.js"></script> <script type="text/javascript" src="/static/init.js"></script> <link rel="stylesheet" href="/static/jquery-ui-1.9.2.custom.min.css" type="text/css" /> <link rel="stylesheet" href="/static/style.css" type="text/css" /> </head> <body> <div id="content"> <div id="control"> <a href="javascript:play()"><img src="/static/icons/control_play_blue.png" alt="Play" /></a> <a href="javascript:pause()"><img src="/static/icons/control_pause_blue.png" alt="Play" /></a> <span id="status"></span> <div id="progress"></div> </div> <div id="tabs"> <ul> <li><a href="#playlist-tab" accesskey="p"><span class="accessor">P</span>laylist</a></li> <li><a href="#search-tab" accesskey="s"><span class="accessor">S</span>earch</a></li> <li><a href="#directory-tab" accesskey="d"><span class="accessor">D</span>irectories</a></li> <li><a href="#albums-tab" accesskey="a"><span class="accessor">A</span>lbums</a></li> </ul> <div id="playlist-tab"> <div> <table class="track-table"> <thead> <tr> <th>Title</th> <th>Artist</th> <th>Album</th> <th> </th> </tr> </thead> <tbody id="playlist"> </tbody> </table> </div> </div> <div id="search-tab"> <div> <input type="text" id="search_box" /> <span> <input type="button" id="search-add" value="Add selected" /> <span id="search-info"></span> </span> <table class="track-table"> <thead> <tr> <th>Title</th> <th>Artist</th> <th>Album</th> </tr> </thead> <tbody id="search-results"> <tr> <td colspan="3" style="font-style: italic">Use the search box above to find music.</td> </tr> </tbody> </table> </div> </div> <div id="directory-tab"> <div> <input type="button" id="directory-add" value="Add selected" /> <table id="directory-table" class="track-table"> <thead> <tr> <th>Title</th> <th>Artist</th> <th>Album</th> </tr> </thead> <tbody id="directory-dirs"> </tbody> <tbody id="directory-tracks"> </tbody> </table> </div> </div> <div id="albums-tab"> <div id="albums-list"> </div> </div> </div> </div> </body> </html>