使用video speed controller给视频加速

落日映苍穹つ 2022-12-13 14:09 221阅读 0赞

日常生活中，视频的信息获取速度无法控制，必须耐着性子听缓慢又冗长的视频讲座，就会注意力涣散。

现在，video speed controller 针对 html5 视频提供加快或者减缓视频播放速度的功能。[官方网站][Link 1]提供的下载是chrome插件，安装完成后，页面会出现一个红色快进的小图标。如果打开 html5 页面内的视频，在该视频的左上角会出现一个小框，显示当前播放速度。  
![image][]  
点击该小框，加号表示加快播放速度，减号表示减缓播放速度，《表示往前10秒，》表示往后10秒，X表示隐藏该提示框。  
![image][image 1]

video speed controller 同时提供快捷键进行操作。但是我实际操作时只有 shift键+D、G、R好用，大约是各类快捷键冲突，未进行深究。

<table> 
 <thead> 
  <tr> 
   <th>操作</th> 
   <th>快捷键</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Rewind</td> 
   <td>Z</td> 
  </tr> 
  <tr> 
   <td>Advance</td> 
   <td>X</td> 
  </tr> 
  <tr> 
   <td>Reset speed</td> 
   <td>R</td> 
  </tr> 
  <tr> 
   <td>Decrease speed</td> 
   <td>S</td> 
  </tr> 
  <tr> 
   <td>Increase speed</td> 
   <td>D</td> 
  </tr> 
  <tr> 
   <td>Preferred speed</td> 
   <td>G</td> 
  </tr> 
  <tr> 
   <td>Show/hide controller</td> 
   <td>V</td> 
  </tr> 
 </tbody> 
</table>

此外，还可以对单次操作的数值进行设定。

<table> 
 <thead> 
  <tr> 
   <th>操作</th> 
   <th>设定值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Rewind Time (s)</td> 
   <td>10</td> 
  </tr> 
  <tr> 
   <td>Advance Time (s)</td> 
   <td>10</td> 
  </tr> 
  <tr> 
   <td>Speed Change Step</td> 
   <td>0.10</td> 
  </tr> 
  <tr> 
   <td>Preferred Speed (x)</td> 
   <td>1.5</td> 
  </tr> 
 </tbody> 
</table>

附：关于html5和视频  
HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。HTML5添加了许多新的语法特征，其中包括<video>、<audio>和<canvas>元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。  
出处：[wikipedia-HTML5][]

Changelog

*  20181209 用时75min

[Link 1]: https://www.videospeedcontroller.com/
[image]: /images/20221123/0ccedeeaae45456bb0855c95bfbb89a1.png
[image 1]: /images/20221123/3fdbfb8b106146afb86ecd9ee655b764.png
[wikipedia-HTML5]: https://zh.wikipedia.org/wiki/HTML5