<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音乐盒-ONESTARの客栈</title>
<meta name=”Description” Content=”ONESTAR的个人博客,音乐盒页面,收录ONESTAR个人喜好音乐,用于音乐播放,在线听音乐”>
<meta name=”Keywords” Content=”ONESTAR,音乐盒,音乐″>
<link href="../static/images/favicon.ico" th:href="@{/images/me.jpg}" rel="icon" type="image/x-ico">
<link rel="stylesheet" href="../static/lib/semantic/dist/semantic.min.css" th:href="@{/lib/semantic/dist/semantic.min.css}">
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
<link rel="stylesheet" href="../static/lib/music/css/zplayer.min.css" th:href="@{/lib/music/css/zplayer.min.css}" />
<script type="text/javascript" src="../static/lib/music/js/zplayer.min.js" th:src="@{/lib/music/js/zplayer.min.js}"></script>
<script src="../static/lib/jquery-3.2.1/jquery-3.2.1.min.js" th:src="@{/lib/jquery-3.2.1/jquery-3.2.1.min.js}"></script>
<script src="../static/lib/semantic/dist/semantic.min.js" th:src="@{/lib/semantic/dist/semantic.min.js}"></script>
</head>
<body>
<!--导航-->
<nav class="gird-header">
<div class="ui m-container-mini-m">
<div class="ui inverted secondary stackable menu">
<h2 class="ui olive header item" style="font-family: STSong">ONESTAR</h2>
<!--<div class="right m-item item m-mobile-hide">-->
<a href="#" target="_blank" th:href="@{/}" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
<a href="#" target="_blank" th:href="@{/types/-1}" class="m-item item m-mobile-hide"><i class="clone outline icon"></i>分类</a>
<a href="#" target="_blank" th:href="@{/archives}" class="m-item item m-mobile-hide"><i class="coffee icon"></i>流年记</a>
<a href="#" th:href="@{/music}" class="active m-item item m-mobile-hide"><i class="music icon"></i>音乐盒</a>
<a href="#" target="_blank" th:href="@{/message}" class="m-item item m-mobile-hide"><i class="book icon"></i>留言板</a>
<a href="#" target="_blank" th:href="@{/friends}" class="m-item item m-mobile-hide"><i class="pencil alternate icon"></i>友人帐</a>
<a href="#" target="_blank" th:href="@{/picture}" class="m-item item m-mobile-hide"><i class="image icon"></i>照片墙</a>
<a href="#" th:href="@{/resources}" class="m-item item m-mobile-hide"><i class="graduation cap icon"></i>资源库</a>
<a href="#" target="_blank" th:href="@{/about}" class="m-item item m-mobile-hide"><i class="info icon"></i>关于我</a>
<!--</div>-->
<div class="right m-item item m-mobile-hide">
<form name="search" action="#" th:action="@{/search}" method="post" target="_blank">
<div class="ui icon transparent input m-margin-tb-tiny" style="color: white">
<input style="color: white" type="text" name="query" placeholder="Search...." th:value="${query}">
<i onclick="document.forms['search'].submit()" class="search link icon"></i>
</div>
</form>
</div>
</div>
</div>
<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
<i class="sidebar icon"></i>
</a>
</nav>
<!--顶部图片-->
<div class="m-bg-type_outer" style="width: 100%;height: 40%">
<img src="../static/images/music.jpg" th:src="@{http://images.newstar.net.cn/img/music.jpg}" alt="" class="ui m-bg image" style="width: 100%;height: 100%">
<div class="m-bg-class_cover">
<div class="ui container" style="position: relative ;bottom: -540px;">
<div class="m-font-size-title m-right-bottom" align="center" style="font-family:'STXingkai'">音乐盒</div>
<div class="m-font-size-text-init-title m-margin-top" align="center">是啊,我也喜欢温柔,温暖,以及寻找着相互吸引的东西。努力活下去的心,很喜欢</div>
</div>
</div>
</div>
<div class="ui m-margin- m-opacity" align="center">
<div class="ui container box-shadow-max">
<div id="player2"></div>
</div>
</div>
<script>
var zp2 = new zplayer({
element: document.getElementById("player2"),
lrcStart: 1,/*是否开启歌词功能 ,默认false(为true时musics集合中需要传入lrc字段。)*/
musics: [
{
title: "推开世界的门",
author: "黄榕生",
url: "http://music.163.com/song/media/outer/url?id=500410109.mp3",
pic: "http://p1.music.126.net/PNMq0iypxEeHPhJFUnhQZA==/109951163007879949.jpg?param=300y300",
lrc: "[00:00.000] 作词 : 火星电台/黄少峰\n" +
"[00:00.528] 作曲 : 火星电台/黄少峰\n" +
"[00:01.56]编曲:赵兆\n" +
"[00:01.91]音乐总监:赵兆\n" +
"[00:02.22]音响总监:何飚\n" +
"[00:02.57]声乐指导:梁古驰\n" +
"[00:02.93]键盘:宋涛 白羽翔\n" +
"[00:03.33]吉他:薛峰 王传统\n" +
"[00:03.70]贝斯:韩 阳\n" +
"[00:04.09]鼓手:郝稷伦\n" +
"[00:04.51]打击乐:王宏涛\n" +
"[00:04.91]PGM:曾嵘\n" +
"[00:05.33]和声:张石荻 李宏洲 胡维纳 王妞妞\n" +
"[00:05.81]弦乐:靳海音®弦乐团\n" +
"[00:06.25]混音:茆博文 雷长航 李卓\n" +
"[00:06.64]推开世界的门\n" +
"[00:13.60]你是站在门外怕迟到的人\n" +
"[00:20.32]捧着一颗不懂计较的认真\n" +
"[00:27.11]吻过你的眼睛就无畏的青春\n" +
"[00:34.11]左手的泥呀 右手的泥呀\n" +
"[00:37.61]知己的花衣裳\n" +
"[00:40.64]世界本该是你醒来的模样\n" +
"[00:47.80]左眼的悲伤 右眼的倔强 看起来都一样\n" +
"[00:54.10]原来你就是我自负的胆量\n" +
"[01:01.24]\n" +
"[01:14.71]推开世界的门\n" +
"[01:21.14]你是站在门外最孤单的人\n" +
"[01:27.75]捧着一颗不懂计较的认真\n" +
"[01:34.41]路过你的时候 时间多残忍\n" +
"[01:41.83]左手的泥呀 右手的泥呀\n" +
"[01:45.21]知己的花衣裳\n" +
"[01:48.18]世界本该是你诚实的模样\n" +
"[01:55.30]左眼的悲伤 右眼的倔强 看起来都一样\n" +
"[02:01.65]原来你就是我走失的地方\n" +
"[02:08.99]\n" +
"[02:35.73]左手的泥呀 右手的泥呀\n" +
"[02:39.11]知己的花衣裳\n" +
"[02:42.18]世界本该是你诚实的模样\n" +
"[02:49.01]年少的轻狂 迟暮的伤 都等着被她原谅\n" +
"[02:55.67]原来你就是我走失的渴望\n" +
"[03:02.64]年少的轻狂 迟暮的伤 都等着被她原谅\n" +
"[03:13.19]原来你就是我回去的地方\n" +
"[03:25.78]"
},
{
title: "你是人间四月天",
author: "邵帅",
url: "http://music.163.com/son
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
SpringBoot+Mybatis+ssm+mysql个人博客系统源码 (2057个子文件)
008972bc40b05eae46d2aa9fdb23fda3886f7d 92B
00a525c27266cd35983dd2c0da0a3216b3821043 159B
00a8a76c956f097f6fd6add3874cdb96b24a70 2KB
00ce8b7e9a13e42032ef2d361665911014e28a 633B
00f586d1768c04733d35caff9a5ef0fe3675ef 4KB
013e608c2167bbfce71fbb79089f33f97730b2 4KB
01c60c506c0a7812a40b794e61796671f0e985e5 903B
03c033723fc0ed2f69f61335573d76e889075f 7KB
049e8ab0a5b2fe03e47a6981eaefd3862ad3b7 54B
04f0f1d764c21c1b66f1c3a72fad7c50111c7b 315B
0532753c51a649b92a7b0db2806fa01622a386 865B
066de069a62374b39f220581d1314fa60a5f45 24KB
06a8ce56f3d0a7fc2a3418e694f438cbc150ea 955B
06c19b798682cf35d3659c8e90af4724cc0f31 55B
07badb967479dcf0ec83982587397eff9d9c80 3KB
09105305277eda2a93490d69217c8cf5a9986b 17KB
09fe5fbe5d51411acdad9f5d275f0294257643 3KB
0ba0414b0346d095f4379a83b8248bc414ac5a 7KB
0c7307da6e3dc4eea1397870f1d112c49e1216 6KB
0c8d92848e1756bd5850217ed3236ca28b1f36 9KB
0e16baa7d519e2ca0dafd43ea6fdf26e637f58 1KB
0e2965b34b0288f0a8a59fabd338719c7bc80b 1006KB
0eb6a16691bec2818a20eb5e095853e80450ce 4KB
0f10e0f2e2b48dc0b11a9488cbb2719204059c 4KB
0f9e2c3024a2aac4cc4c5bb72b2274d29a1078 4KB
10ca5fe238d212f63479a1463f2b041c54decc 2KB
10ef07cd1543d9b7fc73c6d516552710f000e8 1KB
116a69b20afe99683accc7323359a3f3ed4f56 30KB
11796a29bca2d4bef48e5ab8ec678daa1bcd15 430B
12e69477612a0d30ac58df3bf10fa5155949c4b7 0B
13059fd029e0fdb7efca083bf25fa58db017fe 661B
135dea3bb4e9168989aaec05a76e2fc938091b 1KB
15564ad166a3e9d88c82f17829f0cc01ebe29a 58KB
1672f454edf4f03d83d23c5db4eab7c6c21dbd 1KB
16a5ea32f9269261886d0d8499757cac2abaab 402B
171bd083deef74b7b7661a121d3451234245ab0e 437B
17e0aa6f305b3fa7f1bc3423124cea79c159e2 2KB
180d286ae5d7ffff07d91571220c4534a4fbaa 703B
1976aee6b12d1d9245592af2d46d7890e5907a 6KB
1a673f442638ae7d104f373111cf7a4f2ac811 27KB
1abfad77522d2282222c3fca04301fa773d310 3KB
1bf28530a34570cf93a581e03e33668b11c569 48B
1c68b6e7e8dc38821fcec1a389f3591961b95d 2KB
1cd01a62e12a3fa62b23ff58390c9520759ad1 872B
1d1fe21a34d7e3de6e21ed8db18e2b0376c671cb 166B
1e219b94f312b03c1ce1e6d63f1d54dd56fa32 196KB
1e86d9430a43e1a8eec436c1e4850499fc3526 379B
1ee86e8836dd5c1bf8630e199fd007ea987e794c 100B
20f15ad0fe864b487810b744a26b4301a9b92f 635B
21ba416429e94648e540f18d55a7463bd95f5d 6KB
21e50a2ef60738ba30932d834530cdfe55cb3e 89KB
22a60ec40ecff91b9a7def1957cbe0980e4773 369B
22a6d5fe246b7ae408a1c7f7b9132605a11aa1 293B
2334163fe694f349381b432da89b7b5e9b32c0 2KB
24ba5c249477930259a9706599f990fa70623e 330B
254cb8019d0b61d2079d4d7c96477bb32db98d 706B
258d574abfbeb2d127d3faf840572f182768b5 1KB
259ee1b9684a5563b21edcc9e5c73758d8e897 225B
277db43086be1bf53032f25b0210bfd0b2ef03 449B
2870b1af64d78d267fee46bd524ed95f88a8b21a 298B
28b19e710a5ad4ecb625bb3da313faff65d4a3 2KB
2935aac05422f526cdef44ec01ecdb9721abea 880B
29919a1bc2ffc50ff38b66e7bb44f5f7d1c6a0 46B
29b571af353515cefb3ad7f69a6a31f060fecb 61B
2a155d18afbca42d149ca91517d243f7f06584 470B
2bbf77930f608a24a9850007850f4391ecb819 615B
2bd23e3beaeb5049bb24a388a7c19c874aeb54 965B
2c2a6b72ab9ef309751b8bf2ac93be01af5d2a 2KB
2cd7b934ca9ce5ce52ad5aa5c8969401dee9acb1 922B
2cfacb1145e76b7ef8e26a5755fd94968ff491 2KB
2d26e280579af2ff1fbb95013ceee84f67bf26 58B
2dfd501aca0f2bf44a03faff8643a826c7518b 701B
2e85ed3155ab229863d6594c3866bbaced59ee 455B
2f20be9f20288a680e70eefba7d74a42afed14 982B
2f2a024be4efeecd1eb4d31d0daa6883556e8c 4KB
2f892f25879ae87ae53f4ed661989510b6079a 4KB
31b430b9be5dc852d7e3c7dd9431e0ddc887fc31 0B
33079cdb2b2846bee29d163e6df19969d0729a 3KB
333490dc712a618386afbd90aff7de161f9bfc 2KB
34065bb3e984323756a77bf72ce73f131feb39 422B
3474c3f31703ff094a30c0b68db66cc4bf17b3de 508B
3588d3a4be093d310814c9b82fa14625693331 1KB
360836087b2bb0de262362b0b69fe33e0520aa 199B
37495aa76295e4d5ebe450e36b7434d6643e83 46B
37ebc9a48429494528bbe7861f8e0153ecfc7b 3KB
386a5f02d3a5dfe1848b00a5143c7ef243a5d0 1KB
386f7cb0ed79add1b48b9f85e864a66ea2640b 3KB
38996dca87d7fe0229001940995cccaa5552c0 3KB
3a8dfc7bb9ddc5e9b0969f7ed49c13b410a051 563B
3af910bf73765af377194bae44b3a9ef834714 691B
3b82c354ffb777187793b8590c5553cf0976a3 4KB
3c19f0df5ef8ff88e4f81efbdd115bd9e82d82 17KB
3d9a5effb4f54e231001d313b6459ceefaf6a2 561B
3db3afdc23ac6205d6dd478e0765d2095e6875 6KB
3dbfcbcd89eebd5628554107b2db87a63395ca14 400B
3e147494f8c39790ab8e342ebb9d692d4167dd 827B
3e2dcbefda074313c92e82f91f674d2ebe7c3b 72B
3eccfe91420355aa2f304c31e9b3d368f6bae8 2KB
3fc5125b0ee0b15e1293b4cfac53c2eecbe222 3KB
4016ea3045b949cbdb7df1cf9535497b2268db 45B
共 2057 条
- 1
- 2
- 3
- 4
- 5
- 6
- 21
资源评论
reg183
- 粉丝: 1811
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功