HTML5 – 小众软件

18 项功能，为网页视频播放添加倍速播放、画中画、截图、进度保存等，全程高能快捷键[油猴脚本]

青小蛙 — Thu, 02 Apr 2020 11:23:29 +0000

这是一款叫做 HTML5视频播放器增强脚本 的油猴脚本，可以为在线视频播放添加多达 18 项辅助功能，包括倍速、画中画、截图、亮度调节、逐帧播放、画面移动、播放进度保存等功能，全程快捷键操作，非常高能。@Appinn

感谢 @稻米鼠，又帮助青小蛙减少了一个浏览器扩展。之前青小蛙使用 Chrome、Firefox 浏览器扩展：Video Speed Controller 来控制网页视频的播放速度。其实也只有这一个需求，平时使用快捷键非常方便。

比如青小蛙设置的 G 快捷键为一键 1.5 倍速，那么每次看视频只需要按下 G 就可以了：

浏览器插件 Video Speed Controller

但这款油猴脚本 HTML5视频播放器增强脚本 却更加厉害，针对倍速播放，它可以自动记录上一次的播放速度，打开视频即使用倍速播放，更加方便。

而除了倍速，还有一票惊喜功能，比如画中画，又能节省一个插件，比如青小蛙之前使用的 Picture-in-Picture。直接按下快捷键即可。

当然最惊喜的，要属截图功能，这是万万没想到的，也是一键截图自动下载，非常非常方便。

再配合逐帧播放功能，先用快捷键寻找最适合的那一帧，然后在使用截图功能，堪称完美组合。

模糊功能

上图是模糊功能，模糊了画面以后方便截图，倒是真的，毕竟很多时候很多视频只能自己看，但你自己看为什么还要截图？注意左上角有当前操作提示。

来看具体的快捷键列表吧：

快捷键	说明
ctrl+\	快捷键是否全网页可用，默认true
Ctrl+space	禁用/启用该播放插件
→	快进3秒
←	后退3秒
↑	音量升高 1%
↓	音量降低 1%
C	加速播放 +0.1
X	减速播放 -0.1
Z	正常速度播放
shift+C	放大视频画面 +0.1
shift+X	缩小视频画面 -0.1
shift+Z	恢复视频画面
shift+P	进入或退画中画功能
shift+S	截图，截取当前画面并保存
shift+R	启用或禁止自动恢复播放进度功能
shift+→	画面向右移动10px
shift+←	画面向左移动10px
shift+↑	画面向上移动10px
shift+↓	画面向下移动10px
Enter	进入全屏
shift+Enter	进入网页全屏
N	下一个/集视频（仅部分网站支持）
D	上一帧 (截图时进行微调以找到质量最佳的一帧)
F	下一帧 (不支持netflix，因为快捷键冲突)
E	亮度增加%
W	亮度减少%
T	对比度增加%
R	对比度减少%
U	饱和度增加%
Y	饱和度减少%
O	色相增加 1 度
I	色相减少 1 度
K	模糊增加 1 px
J	模糊减少 1 px
Q	图像复位
S	画面旋转 90 度

HTML5视频播放器增强脚本 是一款油猴脚本，需要先安装 Tampermonkey 插件（支持绝大多数主流浏览器），然后在通过这个页面安装脚本，在 GitHub 开源。

有个问题呀，现在还有多少人在用电脑观看网页视频呢？是不是只剩下青小蛙了。

#加入小众软件精选分类

Winamp 2.9 归来，以后怀旧用浏览器就够了

青小蛙 — Fri, 09 Feb 2018 10:12:14 +0000

winamp2-js 是一款使用 HTML5 和 Javascript 模拟经典音乐播放器 Winamp 2.9 的开源怀旧项目，只需打开浏览器就能体验当年使用 Winamp 2.9 的经典场景，并且可以播放本地与在线音乐。@Appinn

上面的每一个按钮都可以按下去的。

并且都有实际的功能，和青老蛙以及玩过的 Winamp 基本上一模一样了。

有个不知道是不是 bug，点击左下角的 ADD 提示不支持，但可以直接拖动 mp3 文件进去，就能播放本地视频了。

在 GitHub 开源，有在线 demo 把玩。

Youku-HTML5-Player – 让优酷告别 Flash，更爽快的播放 [Chrome / Firefox]

青小蛙 — Mon, 11 Sep 2017 02:15:38 +0000

Youku-HTML5-Player 是一款 Chrome / Firefox 插件，能够让优酷使用其自己的 HTML5 播放器，而不是老旧不堪的 Flash 播放器，还支持直接下载。@Appinn

青小蛙最近在一些性能不太好的平板电脑上浏览优酷的时候，发现竟然还必须安装 Flash，而虽然性能不太好，但这台平板也已经是木有 Flash 的 Windows 10 了。

于是，找到了这个还不错的插件。

有三个功能：

替换外链播放器（比如小众软件内嵌的优酷视频）
自动切换剧集
启用官方 HTML5 播放器

Youku-HTML5-Player 在选项中标出了不稳定，青小蛙用起来还好。

而如果不启用官方 HTML5 播放器，Youku-HTML5-Player 自己那个播放器就酷太多了，并且还能像 YouTube 一样查看视频细节，青小蛙常常看这个来测试当前网速

而原来的下载按钮，则新增加了直接下载链接，方便下载不同清晰度的视频。

另外，Youku-HTML5-Player 还有去广告功能。青小蛙并没有将这个功能放在前面强调，只是想表明态度，去广告并不是一个好的解决办法。

青小蛙将 Chrome 50+ 和 Firefox 50+ 插件文件打包在一起放百度盘（k8x3）了，想获取最新版请前往 GitHub。

2048 – 数字爱消除益智游戏

scavin — Fri, 14 Mar 2014 00:56:46 +0000

2048 是一款益智游戏，基于 HTML5，只需要用方向键让两两相同的数字碰撞就会诞生一个翻倍的数字，初始数字由 2 或者 4 构成，直到游戏界面全部被填满，游戏结束。@Appinn

感谢 @王不留行 同学在小众软件社群的分享。

2048 支持主流智能手机浏览器，只需要上下左右就可以了。数字碰撞会翻倍，@王不留行与 @叶川同学将最大数字玩到了 512，@Scavin 表示也玩到了 512，然后被塞满了…

游戏简单，易沉迷。如果你有玩出 1024 赶紧截图给我们分享，如果出现了 2048，那么你是大神…

相关链接: http://gabrielecirulli.github.io/2048/

update: Robin 同学玩出了 2048，然后就 You Win! 了，恭喜

update: 觉着 2048 限制不爽的同学，无限版来了：blog.catx.me/infinity/

update:玩崩溃的同学，这里可以作弊：ov3y.github.io/2048-AI/

Sounds To Sleep To – 基于 HTML5 的白噪音背景网站

scavin — Fri, 15 Nov 2013 08:16:38 +0000

Sounds To Sleep To 基于 HTML5，白噪音背景网站，有雨声、鸟鸣、蟋蟀叫、海浪、营火声和风声六种白噪音，可以单独或者混合播放。@Appinn

基于 HTML5 的 Sounds To Sleep To 意味着除了电脑端的浏览器，移动端也同样可以使用。

白噪音在小众已经介绍过很多工具应用了，Sounds To Sleep To 可以让你随意混合雨声、鸟鸣、蟋蟀叫、海浪、营火声、风声，没有多余的功能，简单实用。

移动端时候时注意流量！

相关链接: www.soundstosleepto.com

附各平台白噪音工具：

OS X / iOS: Coffitivity – 咖啡馆白噪音[OS X / iOS 限免]
Android: 海洋的声音 – 白噪音[Android]
Windows: 享受白噪音、White Noise Sleep System
网站: 两个清爽的白噪音网站，提高工作效率、Sounds To Sleep To
科普文：White noise – 白噪声的妙用

欢迎同学们推荐其他平台的白噪音应用。

Hype 2 – HTML5 动画制作利器 [OS X]

grainfire — Fri, 08 Nov 2013 10:53:33 +0000

Hype 是一个小巧（7.7 MB）但是功能强大的 HTML5 动画制作工具，仅支持 OS X。@Appinn

最近需要做一个简易动画，就是那种几张片面飞来飞去，忽闪忽现的那种。要是原来的话，肯定是首选 Flash。但是由于 HTML5 视频的流行和诸多优点，决定试一下这个技术。

首先说明的 Hype 2 并不是免费软件，而且并不便宜。App store 上的售价是 ¥198，去他们家的官网上有学生折扣，售价是 ¥128。如果你想要个免费的软件话，可以试试 Grainfire 的另一篇文章 Google Web Designer。

总的来说，Hype 上手并不难。只要理解 Keyframe (关键点) 和 Timeline (时间线) 的概念就可以开始做动画了。Hype 提供的一个最好用的功能就是“记录”。它能让你移动图像的轨迹，然后自动加上关键点和中间连接。

在 Hype 网站上有一些作品展示，其中不乏非常精美的动画，比如这个地图，还有波音 787 的 infographics。

优点：
1. 小巧，界面简洁，功能却不少
2. 目前软件已经到了第二版，使用教程和 FAQ 都很详细

缺点：
1. 只支持 Mac OS
2. 缺少画简单图形的功能

相关链接: 官方网站 | MacApp Store

Google Web Designer – HTML5 动画与互动设计工具

grainfire — Fri, 01 Nov 2013 00:57:56 +0000

Google Web Designer 是一个免费的，多平台（OS X, Windows）的 HTML5 动画与互动设计工具。@Appinn

如果只是很快的扫过这个操作界面，你肯定还以为这是 Adobe 推出的一个新的软件，其实来自 Google。

来看段官方视频：

Google 推出的这个软件是想进一步的推广 HTML5 的普及。Google Web Designer 有简单和高级两种动画编辑模式。基本上还是关键点和时间线的运用。有过 Flash 或者 Hype 的使用经验的话，上手应该不难。

Google Web Designer 还有代码视图，方便有编程经验的人直接修改 CSS3 和 HTML 来达到更复杂的效果。

优点：
1. 免费。
2. 同时支持 Windows 7 和 Mac OS X。
3. 大公司出品。（但是考虑到 Google 有阉割产品的习惯，也算不上很大的优点）
4. 与 Google Ad 结合。

缺点：
1. 目前还是 Beta 阶段。
2. 界面有些过于拥挤
3. 据某些评论说，该软件做出的 HTML5 只支持 Webkit 内核的浏览器。

相关链接: https://www.google.com/webdesigner/

看个片儿不发烫[Chrome]

scavin — Tue, 16 Apr 2013 01:10:27 +0000

看个片儿不发烫是款 Chrome 扩展，用来替换中国大陆主流视频网站的 Flash 播放器为 HTML5 播放器。@Appinn

Adobe 同学已经明确不再开发移动版本的 Flash 了，Flash 的优缺点不在这里讨论。

看个片儿不发烫支持主流视频网站（爱奇艺、搜狐、56、QQ、新浪、优酷、土豆…），安装后播放视频时会自动切换到 HTML5，另外目前大多数的 HTML5 还未添加广告。

由于 Chrome 应用商店的审核问题，目前并不是最新版本，同学们可以直接下载开源代码并使用 Chrome 自行打包，不会的同学从下面最新版本下载
相关链接: Chrome 应用商店 | 最新版本（打包自 github）

宝石迷阵在线版 – 经典休闲小游戏

root — Sat, 11 Feb 2012 01:04:35 +0000

继割绳子之后，PopCap 也发布了旗下休闲游戏宝石迷阵的 HTML5 在线版，喜欢这个游戏的童鞋可以去试试。@Appinn

相关链接: | 来自小众软件

Free Video Converter – 免费的 HTML5 转换工具

socekin — Tue, 27 Dec 2011 00:58:53 +0000

没有什么能够阻挡， HTML5的疯狂，天马行空的应用，我的心非常激动(这是用来唱的)。 Free Video Converter 是一款视频转换软件，新增对 HTML5 的支持，包含 Ogg, Theora, WebM, H.264 四种格式，自动生成网页代码，方便发布。当然 Free Video Converter 还包含其他视频格式的转换，什么 AVI, MKV,WMV 等等近 200+ 种视频格式，近乎全能，而且免费哦，亲，你还在等什么。 @APPINN

此图有亮点， Free Video Converter 碉堡了！

相关链接: 官方网站 | 来自小众软件

HTML5 – 小众软件

18 项功能，为网页视频播放添加倍速播放、画中画、截图、进度保存等，全程高能快捷键[油猴脚本]

相关阅读

Winamp 2.9 归来，以后怀旧用浏览器就够了

相关阅读

Youku-HTML5-Player – 让优酷告别 Flash，更爽快的播放 [Chrome / Firefox]

相关阅读

2048 – 数字爱消除益智游戏

相关阅读

Sounds To Sleep To – 基于 HTML5 的白噪音背景网站

相关阅读

Hype 2 – HTML5 动画制作利器 [OS X]

相关阅读

Google Web Designer – HTML5 动画与互动设计工具

相关阅读

看个片儿不发烫[Chrome]

相关阅读

宝石迷阵在线版 – 经典休闲小游戏

相关阅读

Free Video Converter – 免费的 HTML5 转换工具

相关阅读