-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathreplace-ddys-player.user.js
More file actions
179 lines (166 loc) · 5.15 KB
/
replace-ddys-player.user.js
File metadata and controls
179 lines (166 loc) · 5.15 KB
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
// ==UserScript==
// @name 替换ddys（低端影视）播放器
// @namespace https://github.com/s0urcelab/userscripts
// @version 1.6
// @description 替换ddys播放器，移除Adblock屏蔽，修复滚轮和全屏快捷键失效bug，优化选集和线路功能，自动记忆选集
// @author s0urce
// @match https://ddys.art/*
// @match https://ddys.pro/*
// @icon https://ddys.pro/favicon-16x16.png
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @require https://fastly.jsdelivr.net/npm/[email protected]/browser/index.min.js
// @run-at document-end
// ==/UserScript==
const QS = (q) => document.querySelector(q)
const QSA = (q) => document.querySelectorAll(q)
const domain = window.location.hostname
const src4domain = `v.ddys.pro`
const globalStyle = `
.wp-playlist-tracks {
display: none!important;
}
.wp-video-playlist {
display: flex;
padding: 0!important;
border: none!important;
background: none!important;
}
.entry > p {
display: none;
}
.player-sider {
width: 220px;
display: flex;
flex-direction: column;
background-color: #2e2e2e;
border-radius: 8px;
margin-left: 10px;
padding: 4px;
}
.tab-item {
cursor: pointer;
margin-bottom: 6px;
padding: 8px;
color: white;
background-color: #5a5a5a;
border-radius: 5px;
}
.tab-item.playing {
font-weight: bold;
color: #3a8fb7;
background-color: #232323;
}
.tab-item:not(.playing):hover {
background-color: #232323;
}
.tab-item > .indicator {
height: 14px;
width: 14px;
font-size: 14px;
margin-right: 5px;
}
`
function parseResUrl(d) {
return { ...d, url: `https://${src4domain}${d[`src${d.srctype - 1}`]}` }
}
class Tabs {
constructor(init) {
this.root = init.root
this.data = init.data
this.onSelect = init.onSelect
this.selectedKey = init.data[0].key
}
render(key = this.selectedKey) {
// update selectedKey
this.selectedKey = key
// render dom
this.root.innerHTML = this.data.reduce((acc, curr) => {
const isTarget = key === curr.key
return `${acc}
<div class="tab-item ${isTarget ? 'playing' : ''}" data-tab-key="${curr.key}">
${isTarget ? '<img class="indicator" src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"></img>' : ''}
${curr.label}
</div>
`
}, '')
// bind click
const self = this
for (const tabElment of this.root.children) {
tabElment.onclick = function () {
const tabKey = tabElment.dataset.tabKey
const record = self.data.find(v => v.key === tabKey)
self.render(tabKey)
self.onSelect(tabKey, record)
}
}
}
}
; (async function () {
'use strict';
const originContainer = QS('.wp-video-playlist')
// cannot found Player, quit
if (!originContainer) return;
// inject global style
GM_addStyle(globalStyle)
// hide origin container
for (const item of originContainer.children) {
item.style.display = 'none'
}
// append container for xgplayer
originContainer.innerHTML += `
<div id="xgplayer"></div>
<div class="player-sider">
<div class="tabs-root"></div>
</div>
`
// get video resource from page data
const res = JSON.parse(QS('.wp-playlist-script').textContent)
const resPromise = res.tracks
.map((track, idx) => ({ ...track, key: `${idx + 1}`, label: track.caption }))
.map(parseResUrl)
const resGroups = await Promise.all(resPromise)
// init xgplayer
const initVolume = window.localStorage['volume'] ? parseFloat(window.localStorage['volume']) : 1
const isWatched = window.localStorage[location.pathname]
const initEp = isWatched ? JSON.parse(isWatched).ep : '1'
const initPlayUrl = resGroups.find(v => v.key === initEp).url
console.warn(`当前播放资源url：${initPlayUrl}`)
const player = new window.Player({
id: 'xgplayer',
url: initPlayUrl,
volume: initVolume,
fluid: true,
videoInit: true,
lastPlayTimeHideDelay: 3,
keyShortcut: 'on',
keyShortcutStep: {
currentTime: 10, //播放进度调整步长，默认10秒
},
...isWatched && { lastPlayTime: JSON.parse(isWatched).seek },
})
// init tabs
const tabs = new Tabs({
root: QS('.tabs-root'),
data: resGroups,
onSelect: (key, record) => {
console.warn(`切换选集：【${key}】${record.label}`)
player.src = record.url
console.warn(`当前播放资源url：${record.url}`)
player.play()
}
})
// render tabs
tabs.render(initEp)
// update video progress
player.on('timeupdate', function ({ currentTime }) {
window.localStorage[location.pathname] = JSON.stringify({
seek: currentTime,
ep: tabs.selectedKey,
})
})
// update volume
player.on('volumechange', function ({ volume }) {
window.localStorage['volume'] = volume
})
})()