首页 前端知识 HTML5视频播放器增强脚本——修改增强

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

2024-05-26 00:05:08 前端知识 前端哥 866 271 我要收藏

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

  • 分析过程
    • 键盘按键与 ASCII 字符集对照表
    • 找到原始脚本【已经使用】的字母+数字,以及【想要增加】字母+数字
  • 代码修改
    • 找到需要修改 【ASCII】的地方:一共 3 处
      • 1. const hasUseKey = { keyCodeList: [
      • 2. const hasUseKey = { keyMap: {
      • 3. palyerTrigger: function (player, event) {
        • W 87
        • E 69
        • X 88
        • C 67
        • space 32
    • 找到需要修改 【key】的地方:一共 2 处
      • 4. const hasUseKey = { keyList: ['xxx'
      • 5. hotkeys: [
        • 切换暂停/播放
        • 减速播放 -0.1 加速播放 +0.1
        • 增加亮度 减少亮度
  • 使用方法
    • 油猴脚本,进入【管理页面】
    • 打开【HTML5视频播放器增强脚本】
    • 将修改的代码复制进去,Ctrl + S 保持
    • 完整JS代码

分析过程

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

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

键盘 Key Code 对照表

字母和数字键的键码值(keyCode)
按键键码按键键码按键键码按键键码
A65J74S83149
B66K75T84250
C67L76U85351
D68M77V86452
E69N78W87553
F70O79X88654
G71P80Y89755
H72Q81Z90856
I73R82048957
数字键盘上的键的键码值(keyCode)功能键键码值(keyCode)
按键键码按键键码按键键码按键键码
0968104F1112F7118
1979105F2113F8119
298*106F3114F9120
399+107F4115F10121
4100Enter108F5116F11122
5101-109F6117F12123
6102.110    
7103/111    
控制键键码值(keyCode)
按键键码按键键码按键键码按键键码
BackSpace8Esc27Right Arrow39-_189
Tab9Spacebar32Dw Arrow40.>190
Clear12Page Up33Insert45/?191
Enter13Page Down34Delete46`~192
Shift16End35Num Lock144[{219
Control17Home36;:186/|220
Alt18Left Arrow37=+187]}221
Cape Lock20Up Arrow38,<188'"222
多媒体键码值(keyCode)
按键键码按键键码按键键码按键键码
音量加175      
音量减174      
停止179      
静音173      
浏览器172      
邮件180      
搜索170      
收藏171      

相关文章:HTML ASCII 参考手册

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

需要用到:

  亮度-+,速度/*,暂停0
字母键盘:W 87E 69X 88C 67Spacebar 32
数字键盘:- 109+ 107/ 111* 1060 96
8769886732
10910711110696
字母键盘:WEXCSpacebar
数字键盘:-+/*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

WEXCSpacebar
-+/*pad0 + 0
8769886732
10910711110696 + 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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9493.html
标签
音视频
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!