-
Notifications
You must be signed in to change notification settings - Fork 0
/
zhoushuyi.js
264 lines (242 loc) · 18.4 KB
/
zhoushuyi.js
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
// ==UserScript==
// @name B站 周姐
// @namespace https://space.bilibili.com/15516023
// @version 1.6
// @description B站首页看周姐！
// @author You
// @match https://www.bilibili.com/
// @icon https://www.google.com/s2/favicons?domain=bilibili.com
// @grant GM_addStyle
// @license MIT
// ==/UserScript==
;(function () {
'use strict'
GM_addStyle(`
#bili_zhoushuyi .popover-video-card {
display: none;
}
#bili_zhoushuyi a:hover+.popover-video-card {
display: block;
}
`)
const TITLE = '周姐'
const KEY_WORDS = '周淑怡'
const CHANNEL_ID = 780447
const ICON =
'data:image/jpeg;base64,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'
let currentPage = 1
let page = 0
let videoList = []
async function getDetail(bvid) {
let res = await fetch(
`https://api.bilibili.com/x/web-interface/archive/stat?bvid=${bvid}`,
)
return (await res.json()).data
}
async function getNewVideo() {
let res = await fetch(
`https://api.bilibili.com/x/web-interface/search/type?context=&order=pubdate&keyword=${KEY_WORDS}&search_type=video&page=${currentPage++}`,
)
videoList = videoList.concat((await res.json()).data.result)
}
async function getHotVideo() {
let res = await fetch(
`https://api.bilibili.com/x/web-interface/web/channel/multiple/list?channel_id=${CHANNEL_ID}&sort_type=hot&offset=&page_size=8`,
)
return (await res.json()).data.list[0].items
}
function bigNumber(num) {
return num > 10000 ? `${(num / 10000).toFixed(2)}万` : num
}
function s2d(string) {
return new DOMParser().parseFromString(string, 'text/html').body
.childNodes[0]
}
async function refresh() {
page++
if (videoList.length < page * 8 + 8) {
await getNewVideo()
}
drawVideos()
}
function timeFormat(time) {
let res = []
let [s = 0, m = 0, h = 0] = time.split(':').reverse()
res.unshift(String(s).padStart(2, '0'))
res.unshift(String(m % 60).padStart(2, '0'))
res.unshift(String(h % 60).padStart(2, '0'))
return res.join(':')
}
function drawVideos() {
const VIDEO_DOM = document.querySelector('#bili_zhoushuyi .zone-list-box')
VIDEO_DOM.innerHTML = ''
videoList.slice(page * 8, page * 8 + 8).forEach((item) => {
let title = item.title.replace(/<em class="keyword">(.*?)<\/em>/g, '$1')
let DOM = s2d(`
<div class="video-card-common">
<div class="card-pic card-pic-hover"><a href="//www.bilibili.com/video/${
item.bvid
}" target="_blank"><img
src="${item.pic}"
alt="">
<div class="count">
<div class="left"><span><i class="bilifont bili-icon_shipin_bofangshu"></i>
${item.play}
</span><span><i class="bilifont bili-icon_shipin_dianzanshu"></i>${
item.favorites
}</span></div>
<div class="right"><span>${timeFormat(item.duration)}</span></div>
</div><i class="crown"></i>
</a>
<div class="watch-later-video van-watchlater black"><span class="wl-tips" style="display: none;"></span>
</div>
</div><a href="//www.bilibili.com/video/${
item.bvid
}" target="_blank" title="${title}"
class="title">
${title}
</a><a href="//space.bilibili.com/${
item.mid
}/" target="_blank" class="up"><i
class="bilifont bili-icon_xinxi_UPzhu"></i>${item.author}
</a>
</div>`)
VIDEO_DOM.append(DOM)
})
}
async function drawFirst(item) {
const RANK_DOM = document.querySelector('#bili_zhoushuyi .rank-list')
let firstDetail = await getDetail(item.bvid)
let firstTitle = item.name.replace(/<em class="keyword">(.*?)<\/em>/g, '$1')
let first = `
<div class="rank-wrap"><span class="number on">1</span>
<div class="preview">
<div class="pic">
<a href="//www.bilibili.com/video/${
item.bvid
}" target="_blank" class="link">
<img src="${item.cover}" alt="${firstTitle}">
</a>
<div class="watch-later-video van-watchlater black"><span class="wl-tips" style="display: none;"></span>
</div>
</div>
<div class="txt"><a href="//www.bilibili.com/video/${
item.bvid
}" target="_blank" class="link">
<p title="${firstTitle}">${firstTitle}</p>
</a><span>播放次数：${bigNumber(firstDetail.view)}</span></div>
</div>
<div class="popover-video-card pvc" style="display: none;">
<div class="content"><img src="${item.cover}" alt="">
<div class="info">
<p class="f-title">${firstTitle}</p>
<p class="subtitle"><span class="name">${item.author_name}</span>
<span class="point">·</span><span class="time">2021-11-22</span></p>
</div>
</div>
<div class="count">
<ul>
<li><i class="bilifont bili-icon_shipin_bofangshu"></i><span>${bigNumber(
firstDetail.view,
)}</span></li>
<li><i class="bilifont bili-icon_shipin_danmushu"></i><span>${bigNumber(
firstDetail.danmaku,
)}</span></li>
<li><i class="bilifont bili-icon_shipin_shoucangshu"></i><span>${bigNumber(
firstDetail.favorite,
)}</span></li>
<li><i class="bilifont bili-icon_shipin_yingbishu"></i><span>${bigNumber(
firstDetail.coin,
)}</span></li>
</ul>
</div>
</div>
</div>
`
RANK_DOM.append(s2d(first))
}
async function drawHot() {
const RANK_DOM = document.querySelector('#bili_zhoushuyi .rank-list')
let rankList = await getHotVideo()
await drawFirst(rankList.shift())
console.log(`[rankList[0]:`, rankList[0])
rankList.forEach((item, index) => {
let title = item.name.replace(/<em class="keyword">(.*?)<\/em>/g, '$1')
let DOM = s2d(`
<div class="rank-wrap"><span class="number ${index < 2 && 'on'}">${
index + 2
}</span>
<a href="//www.bilibili.com/video/${
item.bvid
}" target="_blank" class="link">
<p title="${title}" class="title">${title}</p>
</a>
<div class="popover-video-card pvc">
<div class="content"><img
src="${item.cover}" alt="">
<div class="info">
<p class="f-title">${title}</p>
<p class="subtitle"><span class="name">${
item.author_name
}</span><span class="point">·</span><span
class="time">${timeFormat(item.duration)}</span></p>
</div>
</div>
<div class="count">
<ul>
<li><i class="bilifont bili-icon_shipin_bofangshu"></i><span>${
item.view_count
}</span></li>
<li><i class="bilifont bili-icon_shipin_danmushu"></i><span>-</span></li>
<li><i class="bilifont bili-icon_shipin_shoucangshu"></i><span>-</span></li>
<li><i class="bilifont bili-icon_shipin_yingbishu"></i><span>-</span></li>
</ul>
</div>
</div>
</div>`)
RANK_DOM.append(DOM)
})
}
const zhoujieDOM = `
<div id="bili_zhoushuyi">
<div class="space-between report-wrap-module report-scroll-module" id="bili_report_douga" scrollshow="true">
<div class="card-list">
<header class="storey-title">
<div class="l-con"> <img class="svg-icon" src="${ICON}" /> <a
href="https://search.bilibili.com/all?keyword=${KEY_WORDS}" target="_blank" class="name">${TITLE}</a></div>
<div class="exchange-btn">
<div class="btn btn-change zhoujie-refresh"><i class="bilifont bili-icon_caozuo_huanyihuan"></i> 换一换 </div><a
href="https://search.bilibili.com/all?keyword=${KEY_WORDS}&order=pubdate" target="_blank" class="btn more">
更多 <i class="bilifont bili-icon_caozuo_qianwang"></i></a>
</div>
</header>
<div class="zone-list-box"> </div>
</div>
<div class="rank-list">
<header class="rank-header"><span class="name">排行榜</span><a
href="https://www.bilibili.com/v/channel/${CHANNEL_ID}?tab=multiple" target="_blank" class="more">更多<i
class="bilifont bili-icon_caozuo_qianwang"></i></a></header>
</div>
</div>
</div>`
window.addEventListener(
'load',
async function () {
let content = document.querySelector('.first-screen')
let anchor = document.querySelector('#reportFirst2')
let init = s2d(zhoujieDOM)
// 插入初始模版
content.insertBefore(init, anchor)
//点击事件
document
.querySelector('.zhoujie-refresh')
.addEventListener('click', refresh)
// 插入最新视频
await getNewVideo()
drawVideos()
// 插入热门视频
drawHot()
},
false,
)
})()