HTML5视频播放器增强脚本——修改增强

待木成植2

已于 2023-04-09 23:57:28 修改

阅读量2k

点赞数 1

分类专栏：笔记本 + 浏览器文章标签：音视频 html 前端

于 2023-04-09 22:24:15 首次发布

本文链接：https://blog.csdn.net/zsssss333/article/details/130047724

版权

笔记本 + 浏览器专栏收录该内容

17 篇文章 0 订阅

订阅专栏

分析过程

键盘按键与 ASCII 字符集对照表

注意：数字分为：字母上方数字、数字键盘

键盘 Key Code 对照表

字母和数字键的键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

数字键盘上的键的键码值(keyCode)				功能键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Enter	108	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

控制键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
BackSpace	8	Esc	27	Right Arrow	39	-_	189
Tab	9	Spacebar	32	Dw Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	/\|	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20	Up Arrow	38	,<	188	'"	222

多媒体键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
音量加	175
音量减	174
停止	179
静音	173
浏览器	172
邮件	180
搜索	170
收藏	171

找到原始脚本【已经使用】的字母+数字，以及【想要增加】字母+数字

需要用到：

  亮度-+，速度/*，暂停0

字母键盘：	W 87	E 69	X 88	C 67	Spacebar 32
数字键盘：	- 109	+ 107	/ 111	* 106	0 96

87	69	88	67	32
109	107	111	106	96

字母键盘：	W	E	X	C	Spacebar
数字键盘：	-	+	/	*	0

代码修改

找到需要修改【ASCII】的地方：一共 3 处

搜索对应的ASCII的值，比如：W对应的keycode值是【87】。
在这里插入图片描述

在【87】出现的地方，按照【87】出现处的格式，增加我们的keycode值

1. const hasUseKey = { keyCodeList: [

109,107,111,106,96,

在这里插入图片描述

2. const hasUseKey = { keyMap: {

-: 109,
+: 107,
/: 111,
*: 106,
0: 96,

“-”: 109,
“+”: 107,
“/”: 111,
“*”: 106,
“0”: 96,

‘-’: 109,
‘+’: 107,
‘/’: 111,
‘*’: 106,
‘0’: 96,

建议使用如下：两个数字可以在两处都识别到

‘-’: 109,
‘+’: 107,
‘/’: 111,
‘*’: 106,
pad0: 96,
0: 48,

在这里插入图片描述

3. palyerTrigger: function (player, event) {

数字键盘 pad0: 96
字母键盘 0: 48

W	E	X	C	Spacebar
-	+	/	*	pad0 + 0
87	69	88	67	32
109	107	111	106	96 + 48

W 87

在这里插入图片描述

E 69

在这里插入图片描述

X 88

在这里插入图片描述

C 67

在这里插入图片描述

space 32

在这里插入图片描述

找到需要修改【key】的地方：一共 2 处

4. const hasUseKey = { keyList: [‘xxx’

在这里插入图片描述

末尾加上，我们新增的字母。

在这里插入图片描述

5. hotkeys: [

Digit0
Numpad0

切换暂停/播放

在这里插入图片描述

减速播放 -0.1 加速播放 +0.1

在这里插入图片描述

增加亮度减少亮度

在这里插入图片描述

使用方法

油猴脚本，进入【管理页面】

在这里插入图片描述

打开【HTML5视频播放器增强脚本】

鼠标左键点击【HTML5视频播放器增强脚本】【名称】即可
在这里插入图片描述

将修改的代码复制进去，Ctrl + S 保持

在这里插入图片描述

完整JS代码

在这里插入图片描述
发不出来，可以从如下链接下载。免费，0积分，不许动态调整。

https://download.csdn.net/download/zsssss333/87670721

如果有问题，或者私聊我。

待木成植2

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5视频播放器增强脚本——修改增强

在【87】出现的地方，按照【87】出现处的格式，增加我们的keycode值。搜索对应的ASCII的值，比如：W对应的keycode值是【87】。注意：数字分为：字母上方数字、数字键盘。建议使用如下：两个数字可以在两处都识别到。
复制链接

扫一扫