当前位置:网站首页>谷歌浏览器实现视频播放加速功能
谷歌浏览器实现视频播放加速功能
2020-11-06 21:45:00 【会开车的架构师】
chrome浏览器控制台创建js脚本并执行
Chrome的snippets是小脚本,还可以创作并在Chrome DevTools的来源面板中执行。您可以访问和从任何页面运行它们。当你运行一个片段,它从当前打开的页面的上下文中执行。本文主要讲如何使用,并完成一个页面自动刷新的功能。
第一步
首先f12 打开开发者工具,再打开Sources面板中,单击上Snippets选项卡,在导航器中单击鼠标右键,然后选择New。
第二步
在编辑器中输入代码。当你有未保存的更改,您的脚本名称旁边有“*”,像下面的截图。按Command+S(Mac)或Ctrl+S(Windows和Linux),以保存更改。
第三步运行你的代码片段
有三种方式:
1、在片段文件名(在左侧窗格中列出了所有的片段)右键单击并选择“RUN”。
2、点击运行按钮()。
3、按Command+Enter(Mac)或Ctrl+Enter(Windows和Linux)。
例如:视频加速播放功能实现。
// 加速播放
document.getElementById(“tcPlayer_html5_api”).playbackRate = 3
// 空格键控制播放
document.onkeyup = function (event) {
var e = event || window.event || arguments.callee.caller.arguments[0];
var obj = document.getElementById(“tcPlayer_html5_api”);
if (e && e.keyCode == 32) {
obj.paused === true ? obj.play() : obj.pause();
return false;
} else if (e && e.keyCode == 37) {
obj.currentTime !== 0 ? obj.currentTime -= 20 : 1;
return false;
} else if (e && e.keyCode == 39) {
obj.currentTime !== obj.duration ? obj.currentTime += 20 : 1;
return false;
} else if (e && e.keyCode == 38) {
obj.volume <= 0.9 ? obj.volume += 0.1 : 1;
return false;
} else if (e && e.keyCode == 40) {
obj.volume >= 0.1 ? obj.volume -= 0.1 : 1;
return false;
}
};
版权声明
本文为[会开车的架构师]所创,转载请带上原文链接,感谢
https://my.oschina.net/u/4629483/blog/4529693
边栏推荐
- StickEngine-架构12-通信协议
- Git rebase is in trouble. What to do? Waiting line
- Ronglian completed US $125 million f round financing
- C# 调用SendMessage刷新任务栏图标(强制结束时图标未消失)
- Basic usage of GDB debugging
- Axios learning notes (2): easy to understand the use of XHR and how to package simple Axios
- In depth to uncover the bottom layer of garbage collection, this time let you understand her thoroughly
- 解决 WPF 绑定集合后数据变动界面却不更新的问题
- An article will take you to understand SVG gradient knowledge
- 2020年第四届中国 BIM (数字建造)经理高峰论坛即将在杭举办
猜你喜欢
理解格式化原理
GitHub: the foundation of the front end
An article will take you to understand CSS3 fillet knowledge
What course of artificial intelligence? Will it replace human work?
华为云微认证考试简介
An article taught you to use HTML5 SVG tags
事务的隔离级别与所带来的问题
FastThreadLocal 是什么鬼?吊打 ThreadLocal 的存在!!
代码重构之法——方法重构分析
消息队列(MessageQueue)-分析
随机推荐
一路踩坑,被迫聊聊 C# 代码调试技巧和远程调试
ado.net和asp.net的关系
GitHub: the foundation of the front end
递归、回溯算法常用数学基础公式
Unity性能优化整理
Use modelarts quickly, zero base white can also play AI!
MongoDB与SQL常用语法对应表
Read the advantages of Wi Fi 6 over Wi Fi 5 in 3 minutes
Python basic data type -- tuple analysis
嘉宾专访|2020 PostgreSQL亚洲大会阿里云数据库专场:曾文旌
大数据处理黑科技:揭秘PB级数仓GaussDB(DWS) 并行计算技术
Git rebase is in trouble. What to do? Waiting line
Bitcoin once exceeded 14000 US dollars and is about to face the test of the US election
代码生成器插件与Creator预制体文件解析
html+vue.js 實現分頁可相容IE
A small goal in 2019 to become a blog expert of CSDN
What if the front end doesn't use spa? - Hacker News
es创建新的索引库并拷贝旧的索引库 实践亲测有效!
Summary of front-end performance optimization that every front-end engineer should understand:
Application of restful API based on MVC