-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
141 lines (139 loc) · 9.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="zh">
<head>
<Link Rel="SHORTCUT ICON" href="icon.png">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="referrer" content="never">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<!-- SEO START -->
<meta name="description" content="STUDY WITH MIKU is an online study room! Join us for a Kawaii and Productive study environment!">
<meta name="keywords" content="MIKU, Study, Cute, Kawaii, VOCALOID, STUDY WITH MIKU, Hatsune Miku">
<meta name="author" content="WenqiOfficial">
<meta property="og:url" content="https://studymiku.wenqi.icu/">
<meta property="og:site_name" content="STUDY WITH MIKU">
<meta property="og:title" content="STUDY WITH MIKU">
<meta property="og:description" content="STUDY WITH MIKU is an online study room! Join us for a Kawaii and Productive study environment!">
<meta property="twitter:domain" content="wenqi.icu">
<meta property="twitter:title" content="STUDY WITH MIKU">
<meta property="twitter:description" content="STUDY WITH MIKU is an online study room! Join us for a Kawaii and Productive study environment!">
<meta property="twitter:url" content="https://studymiku.wenqi.icu/">
<meta property="og:image" content="assets/cover.png">
<meta property="twitter:image:src" content="assets/cover.png">
<meta property="twitter:card" content="summary_large_image">
<!-- SEO END -->
<title>STUDY WITH MIKU</title>
<link rel="apple-touch-icon" href="icon.png">
<link rel="manifest" href="mainfest.json">
<link href="https://fonts.googlefonts.cn/css?family=Quicksand:400" rel="stylesheet">
<link charset="utf-8" href="assets/css/shared/sp/css/common.css" rel="stylesheet">
<link charset="utf-8" href="assets/css/main.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.snrat.com/ajax/libs/aplayer/1.10.1/APlayer.min.css" integrity="sha256-uqQQGnDcmRKvhKwc5Vm4XT1GQ2oV6t1U0NR2N9tV+BQ=" crossorigin="anonymous">
<!-- Umami START -->
<script src="assets/js/umami.js" data-host-url="https://umami.wenqi.icu" data-website-id="b91d816b-91e7-4974-ba3d-ccb61dbecfd6" data-domains="studymiku.wenqi.icu,studymiku.dev.wenqi.icu,studymiku.cloudflare.wenqi.icu"></script>
<script src="assets/js/ufunction.js"></script>
<!-- Umami END -->
<script src="https://cdnjs.snrat.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.snrat.com/ajax/libs/aplayer/1.10.1/APlayer.min.js" integrity="sha256-6Y7CJDaltoeNgk+ZftgCD9jLgmGv4xKUo8nQ0HgAwVo=" crossorigin="anonymous"></script>
<script>var meting_api='https://api.injahow.cn/meting/?server=:server&type=:type&id=:id&auth=:auth&r=:r';</script>
<script src="https://cdnjs.snrat.com/ajax/libs/meting/2.0.1/Meting.min.js" integrity="sha256-lOUP+l9qLbMTaCYKLNdL6sBZF+8JZrFxXmXrVbzSgj0=" crossorigin="anonymous"></script>
<script src="https://cdnjs.snrat.com/ajax/libs/countup.js/2.8.0/countUp.umd.min.js" integrity="sha256-q+sphCsLSSNmIA52TfXzBrcZkfoLrf2u8usQ7sT7etw=" crossorigin="anonymous"></script>
<script charset="utf-8" src="assets/js/mikuplayer.min.js" type="text/javascript"></script>
<!-- <script charset="utf-8" src="assets/js/mikuplayer.js" type="text/javascript"></script> -->
</head>
<body>
<div id="scene_top">
<h1>STUDY WITH MIKU</h1>
<div id="ng">
<p class="atten">肥肠抱歉...<br>您的浏览器并不支持本页面需要的特性(JavaScript、本地存储)</p>
</div>
<div class="ok">
<p id="bt_top"><a id="btt_start" onclick="ufunction.track('Study')" href="#">! STUDY !</a></p>
<p id="bt_top"><a id="btt_setting" href="#">* 设置 *</a></p>
</div>
<p id="bt_about"><a id="btt_about" href="#">* 关于 *</a></p>
<div class="ok">
<p class="topattention">* 调节好音量，和MIKU一起学习吧! </p>
<!-- <p class="topattention">* 金榜题名，前程似锦！ </p> -->
</div>
<!-- <div id="loading">
<p class="topattention loading">资源加载中...</p>
</div> -->
</div>
<div id="scene_learning">
<div class="tips">
<p class="attention">开始认真学习/工作吧！</p>
<p class="worldtime" style="display: none;">现在时间:<text id="worldtime">0分</text>...</p>
<p class="studytime" style="display: none;">已经学习<text id="studytime">0分钟</text>了呢...</p>
<p class="hitokoto" style="display: none;">"<hitokoto id="hitokoto">获取一言中...(*/ω＼*)</hitokoto>"</p>
</div>
<video id="v1" autoplay loop muted playsinline="true" webkit-playsinline="true">
<source src="https://cloud.zeroarea.top/api/v3/file/get/15697/loop.mp4?sign=AGipVwKXsc1i3Bj4Q8cXgQMM07FBxilO5SKyoDVy5zw%3D%3A0" type="video/mp4" />
<source src="https://github.com/WenqiOfficial/StudyWithMiku/raw/main/assets/video/loop.mp4" type="video/mp4" />
<source src="assets/video/loop.mp4" type="video/mp4" />
</video>
</div>
<div id="about_cover"></div>
<div id="about">
<div id="about_in">
<p class="close"><span id="bt_aboutclose">×</span></p>
<p class="con"> 你已经与MIKU一起学习<text id="sumtime">0分钟了</text> </p>
<p class="con">----------------------</p>
<p class="con"> 素材来源 STUDY WITH MIKU <a href="https://www.bilibili.com/medialist/detail/ml2817394206" target="_blank">All Parts</a> </p>
<p class="con"> 作者 <a href="https://github.com/WenqiOfficial/" target="_blank">WenqiOfficial</a> (<a href="https://space.bilibili.com/168567806" target="_blank">bilibili</a>) <a href="https://github.com/WenqiOfficial/StudyWithMiku/issues/new/choose" target="_blank">向我反馈</a> </p>
<p class="link"> 感谢以下优秀项目！<br><a href="https://aplayer.js.org/" target="_blank">APlayer</a> & <a href="https://github.com/metowolf/MetingJS" target="_blank">MetingJS</a><br><a href="https://aidn.jp/mikutap/" target="_blank">MikuTap</a> By <a href="https://aidn.jp/" target="_blank">daniwellP</a> </p>
<p class="con"> 共有<span id="umami_value_visitors">0</span>位朋友与Miku一起学习<span id="umami_value_studytimes">0</span>次啦 <br> 此刻<span id="umami_value_onlineuser">0</span>位朋友正在与MIKU一起学习! <br> *数据同步有延时... </p>
<p class="link" style="display: none;" id="birthday"> <a href="https://space.bilibili.com/399918500/dynamic" target="_blank">Miku,生日快乐!</a> </p>
</div>
</div>
<div id="menu_cover"></div>
<div id="menu">
<div id="menu_in">
<p class="close"><span id="bt_menuclose">×</span></p>
<p class="con"> TIPS显示设定 </p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_mode_hitokoto"> 一 言: <text id="hitokoto_mode">轮换</text></a></p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_mode_worldtime">世界时间: <text id="worldtime_mode">轮换</text></a></p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_mode_studytime">学习时长: <text id="studytime_mode">轮换</text></a></p>
<p class="con"> 计时逻辑设定 </p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_strict">严格模式(离开页面自动停止): 关</a></p>
<p class="con"> 更多设定 </p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_menu_music">歌单设定</a></p>
</div>
</div>
<div id="top_cover"></div>
<div id="music">
<div id="music_in">
<p class="close"><span id="bt_musicclose">×</span></p>
<p class="con"> 音乐平台 </p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_platform_netease"> 网易 </a> <a href="#" class="btt_switcher" id="btt_platform_tencent"> Q Q </a></p>
<!-- <p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_platform_kugou"> 酷狗 </a></p> -->
<p class="con"> 歌单ID </p>
<p class="con"> <input type="text" autocomplete="off" minlength="1" maxlength="18" value="" onkeyup="value=value.replace(/[^\d]/g,'')"> </p>
<p class="con" id="musicconf"> 将应用的音乐平台: <text id="nowplatform"></text> 歌单ID: <text id="nowid"></text> </p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_music_submit"> 应用 </a></p>
<p class="con" id="bt_frame"><a href="#" class="btt_switcher" id="btt_music_reset"> 恢复默认 </a></p>
</div>
</div>
<div id="rest_cover"></div>
<div id="rest">
<div id="rest_in">
<p class="close"><span id="bt_restclose">×</span></p>
<p class="con"> 休息中... </p>
<p class="con"> 已经学习<text id="time">0分钟</text> </p>
<p class="con"> 已经休息<text id="resttime">0分钟</text> </p>
<p class="con">----------------------</p>
<p class="con"> 音乐已经自动暂停 <a href="#" id="bt_musicswitch">点我来切换</a> </p>
<p class="con"> 此刻还有<span id="umami_value_onlineuser2">0</span>位朋友正在和你一样努力着呢，加油吧! <br> *数据同步有延时...</p>
<p class="link"> <a id="bt_stop" href="#">结 束</a> </p>
</div>
</div>
<div id="bt_rest">＜休息</div>
<div id="bt_fs">∷全屏</div>
<div id="bt_tomato"></div>
<div id="player_back"></div>
<meting-js> </meting-js>
<script charset="utf-8" src="assets/js/miku.js" type="text/javascript"></script>
<!-- <script src="sw.load.js" type="text/javascript"></script> -->
</body>
</html>