wanyiyun/public/index.html
2024-04-29 19:16:51 +08:00

163 lines
4.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
/>
<title>网抑云 在线音乐播放器</title>
<meta
name="keywords"
content="网抑云,播放器,在线音乐,在线播放器,音乐播放器,在线音乐播放器,wangyiyun 在线音乐播放器"
/>
<meta
name="description"
content="网抑云 是由yigencong开源的一款在线音乐播放器具有音乐搜索、播放、歌词显示、播放历史、查看歌曲评论、网易云用户歌单播放同步等功能"
/>
<link
rel="stylesheet"
href="//at.alicdn.com/t/font_1367495_eza6utwbiqn.css"
/>
<style type="text/css">
noscript {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1996520;
background: #fff;
text-align: center;
font-weight: 700;
font-size: 34px;
line-height: 100px;
}
#appLoading {
position: fixed;
top: 0;
left: 0;
z-index: 1996;
width: 100%;
height: 100%;
font-size: 20px;
background: rgba(255, 255, 255, 1);
}
#appLoading.removeAnimate {
animation: removeAnimate 0.3s 0.5s 1 both;
}
#appLoading .loader {
position: absolute;
top: 50%;
left: 50%;
width: 5em;
height: 5em;
transform: translate(-50%, -50%) rotate(165deg);
}
#appLoading .loader::before,
#appLoading .loader::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 1em;
height: 1em;
border-radius: 0.5em;
transform: translate(-50%, -50%);
}
#appLoading .loader::before {
animation: before 2s infinite;
}
#appLoading .loader::after {
animation: after 2s infinite;
}
@keyframes before {
0% {
width: 1em;
box-shadow: 2em -1em rgba(225, 20, 98, 0.75),
-2em 1em rgba(111, 202, 220, 0.75);
}
35% {
width: 5em;
box-shadow: 0 -1em rgba(225, 20, 98, 0.75),
0 1em rgba(111, 202, 220, 0.75);
}
70% {
width: 1em;
box-shadow: -2em -1em rgba(225, 20, 98, 0.75),
2em 1em rgba(111, 202, 220, 0.75);
}
100% {
box-shadow: 2em -1em rgba(225, 20, 98, 0.75),
-2em 1em rgba(111, 202, 220, 0.75);
}
}
@keyframes after {
0% {
height: 1em;
box-shadow: 1em 2em rgba(61, 184, 143, 0.75),
-1em -2em rgba(233, 169, 32, 0.75);
}
35% {
height: 5em;
box-shadow: 1em 0 rgba(61, 184, 143, 0.75),
-1em 0 rgba(233, 169, 32, 0.75);
}
70% {
height: 1em;
box-shadow: 1em -2em rgba(61, 184, 143, 0.75),
-1em 2em rgba(233, 169, 32, 0.75);
}
100% {
box-shadow: 1em 2em rgba(61, 184, 143, 0.75),
-1em -2em rgba(233, 169, 32, 0.75);
}
}
@keyframes removeAnimate {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
</style>
<script>
;(function () {
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
window.location = './prompt.html'
return false
}
})()
</script>
<% if ( NODE_ENV === 'production' ) { %>
<script>
var _hmt = _hmt || []
window._hmt = _hmt
;(function () {
var hm = document.createElement('script')
hm.src = 'https://hm.baidu.com/hm.js?71e62b6d09afa9deac7bfa5c60ad06dd'
var s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(hm, s)
})()
</script>
<% } %>
</head>
<body>
<noscript>
网抑云 在线音乐播放器<br />为了更好的体验请开启 script
</noscript>
<div id="appLoading">
<div class="loader"></div>
</div>
<div id="wangyiyun">
网抑云
是由yigencong开源的一款在线音乐播放器具有音乐搜索、播放、歌词显示、播放历史、查看歌曲评论、网易云用户歌单播放同步等功能
</div>
<!-- built files will be auto injected -->
</body>
</html>