43 lines
2.3 KiB
HTML
43 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/cloudlist.js"></script>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<h1>This is a Web Player for 163 CloudMusic.</h1>
|
|
<div id="outter-container">
|
|
<div id="searchbox">
|
|
<input type="text" id="search-song">
|
|
<button type="button" onclick="javascript:getsongs()" id="searchbtn">搜索</button>
|
|
</div>
|
|
<button type="button" onclick="javascript:getplaylist()" class="btn orange">查看列表</button>
|
|
<button type="button" onclick="javascript:playthelist()" class="btn orange">播放列表</button>
|
|
<button type="button" onclick="javascript:playlast()" class="btn orange">上一首</button>
|
|
<button type="button" onclick="javascript:playnext()" class="btn orange">下一首</button>
|
|
<button type="button" onclick="javascript:gethistory()" class="btn orange">播放历史</button>
|
|
<button type="button" onclick="javascript:ClearList()" class="btn orange">清空记录</button>
|
|
<button type="button" onclick="javascript:changeRandomMode(0)" class="btn gray">随机播放 <span id="random-stat">关</span></button>
|
|
<button type="button" onclick="javascript:changeCyeleMode(0)" class="btn gray">循环播放 <span id="cycle-stat">关</span></button>
|
|
<br />
|
|
<input type="text" placeholder="列表ID" name="listID" id="listid"/>
|
|
<button type="button" onclick="javascript:PullToCloud()" class="btn red">接收云列表</button>
|
|
<button type="button" onclick="javascript:PushToCloud()" class="btn red">上传云列表</button>
|
|
<button type="button" onclick="javascript:deleteCloudList()" class="btn red">删除云列表</button>
|
|
<div>
|
|
<div id="nowplaystat">Now Playing: <span id="nowplay">None</span></div>
|
|
<audio src="#" controls id="Player"></audio>
|
|
</div>
|
|
</div>
|
|
<div id="search-result">
|
|
<span id="searchtext">以下是查询 <span id="keyword">None</span> 的结果</span><br />
|
|
<ul id="reslist"></ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |