文章所涉及到的技术、脚本代码仅为扩展功能，不涉及侵权、版权问题。

没错，可爱的钉钉已经给网页端加倍速控件了（然而还是不能自定义）！[我已经哭晕在厕所] 于是我开始写『音量控件』，优化『倍速控件』。

文章目录

一、电脑网页端
- Ⅰ 使用油猴脚本
- Ⅱ 一次性使用倍速控件方法：Console控制台
二、手机或iPad网页端

一、电脑网页端

电脑观看直播直播回放有钉钉App端和网页端两种形式。其中网页端播放是主播直播完后将直播回放分享，而分享（链接）是网页形式。

直播回放的最简网页链接是这样的形式：https://h5.dingtalk.com/group-live-share/index.htm?encCid=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&liveUuid=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
liveUuid标识的直播号，encCid应该是创建分享链接者的标识。于是没有创建网页链接而通过链接看直播回放是不可能的

效果图如下：

Ⅰ 使用油猴脚本

①下载油猴不多说（油猴不是App，它是一个浏览器插件），百度搜索Tampermonkey下载。这里引用网上部分浏览器安装油猴插件的方法：

谷歌浏览器：
https://www.wandhi.com/post-903.html
火狐浏览器：
https://jingyan.baidu.com/article/5225f26bb3d1f7e6fb090840.html
QQ浏览器：
https://jingyan.baidu.com/article/f71d6037d057dc1ab741d16a.html
360安全浏览器：
https://jingyan.baidu.com/article/af9f5a2dfb021802140a45eb.html

其实大多数浏览器都可以在右上角的『扩展程序商店』中安装。（谷歌浏览器由于众所周知的原因，Edge么……）

②下载后打开其管理面板。
③如图，在油猴脚本管理界面选择『实用工具』，在『从URL安装』一栏中填入地址：
https://raw.githubusercontent.com/Cnily03/service/master/Tampermonkey/dingDingLiveVideoPlaySpeed.js
然后导入即可（由于众所周知的原因， Github链接导入可能会失败，若出现导入失败，多试几次即可）：

推荐使用油猴脚本，其好处在于：
①自动执行脚本，不需要像方法二那样每次打开都要输入
②更新方便，只需要在油猴管理界面『已安装脚本』界面点击后面类似于XX min XX d的时间即可更新，或直接点击浏览器上方油猴图标点击『用户脚本检查更新』。
另外，我将持续更新哦！如果想加入什么功能可以留言（评论），比如说弹幕什么的，我会更新脚本，谢谢支持！

Ⅱ 一次性使用倍速控件方法：Console控制台

①进入钉钉GroupLive网课网页页面，呼出开发者工具（快捷键F12或在浏览器右上角的菜单扩展工具中）
②选择Console（控制台）
③粘贴以下代码并回车即可
代码可能会有更新，建议参考最新：
https://raw.githubusercontent.com/Cnily03/service/master/dingDingLiveVideoPlaySpeed.js

/* By Vincent George, under liciense CC4.0 BY-SA */
var customDiv=document.createElement("div");
customDiv.id="customDiv";
var style=document.createAttribute("style");
customDiv.setAttributeNode(style);
customDiv.style.backgroundColor="#000";
customDiv.style.border="2px solid #fff";
customDiv.style.width="120px";
customDiv.style.height="50px";
customDiv.style.position="absolute";
customDiv.style.right="10px";
customDiv.style.bottom="50px";
customDiv.style.padding="7px";
customDiv.style.zIndex="99999";
customDiv.style.lineHeight=1.5;
customDiv.style.color="#fff";
customDiv.style.fontSize="15px";
document.getElementsByClassName("lib-video")[0].appendChild(customDiv);
customDiv.innerHTML = "当前倍速：<text id='currentSpeed'>1.0</text> x<br><input type='text' placeholder='1.5' id='speedInput' size='3' maxlength='3'>&nbsp;&nbsp;"+"<button id='changeSpeedBtn' style='height:50%;width:40%'>切换</button>";
document.getElementById('changeSpeedBtn').onclick = function () {var speed=parseFloat(document.getElementById("speedInput").value);document.getElementsByClassName("lib-video")[1].playbackRate=speed.toFixed(1);document.getElementById("currentSpeed").innerHTML=speed.toFixed(1);
}

二、手机或iPad网页端

（自定义倍速但是麻烦，非计算机界人员不建议使用）

使用电脑网页开发者工具获取视频的m3u8地址：
打开手机或iPad端QQ浏览器，粘贴从电脑上获取的链接即可观看，倍速采用QQ浏览器自带的倍速功能。

网课的效率没有在学校里高，

衷心祝愿这场疫情早些结束！

钉钉网页直播回放添加控件（倍速）脚本相关推荐

在HTML网页中使用ActiveX控件
From: http://blog.163.com/haizai219@126/blog/static/4441255520097264447968/ 1. 摘要: 在企业应用中,为了实现一些特殊的功 ...
.NET中添加控件数组
作者:cuike519的专栏 http://blog.csdn.net/cuike519/ 添加控件数组在.NET里面我好像没有找到有关于控件数组的说明,但是前两天偶在网上看到了一篇关于如何在. ...
asp.net动态添加控件学习
看了老师的教程后,自己一点感悟记录下来: 1.在页面提交后,动态生成的控件会丢失, 但如果生成控件的代码在pageload中,就可以,原理是每次生成页面都执行生成. 2.动态按件或页面原来控件, 在页 ...
在VS2010/MFC中如何对对话框添加控件
创建对话框资源需要创建对话框模板.修改对话框属性.为对话框添加各种控件等步骤.而如何为对话框添加控件直接影响到界面的美观和开发人员的工作效率.本人将为大家介绍如何为对话框添加控件的详细步骤. 方法/步 ...
Silverlight中使用控件模板的问题（自己添加控件的方法）
在一步一步学Silverlight 2系列(9):使用控件模板中 WatermarkedTextBox控件可以为用户的输入提供一段提示信息,如果只是简单的一点文字信息,有时候未免显得单调,如果加上相应 ...
动态添加综合布局---动态添加控件及将某XML动态加入到Activity显示（续）
前言:以前曾写过一篇关于动态生成控件的文章<动态添加控件及将某XML动态加入到Activity显示>,比较浅显,对于RelativeLayout的相关布局设置方法及相对布局与线性布局的混合 ...
动态添加控件及将某XML动态加入到Activity显示
一.动态添加控件.设置参数这个难度比较大,放在前面讲,用的也比较多,普通情况下,我们会提前把布局XML写好,然后对XML中的元素进行设置,但这种方法在有些情况下就显得不适合,比较聊天应用,比如帖子的 ...
js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）
***************************************************************** js动态添加表的列,并在列中添加控件的方法<html> ...
IOS代码添加控件,控件移动，放大，缩小，旋转
控件移动,放大,缩小,旋转 1,代码添加控件例如: [objc] view plaincopy /* 1.创建一个控件 2.设置控件的位置,大小 3.设置控件所需要的各个属性 4.添加入父控件 5. ...

钉钉网页直播回放添加控件（倍速）脚本