<!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
- 粉丝: 1840
- 资源: 1万+
最新资源
- (源码)基于Java的医药管理系统.zip
- (源码)基于Java和MySQL的学生信息管理系统.zip
- (源码)基于ASP.NET Core的零售供应链管理系统.zip
- (源码)基于PythonSpleeter的戏曲音频处理系统.zip
- (源码)基于Spring Boot的监控与日志管理系统.zip
- (源码)基于C++的Unix V6++二级文件系统.zip
- (源码)基于Spring Boot和JPA的皮皮虾图片收集系统.zip
- (源码)基于Arduino和Python的实时歌曲信息液晶显示屏展示系统.zip
- (源码)基于C++和C混合模式的操作系统开发项目.zip
- (源码)基于Arduino的全球天气监控系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
