1. 程式人生 > 實用技巧 >瀏覽器視訊加速方法

瀏覽器視訊加速方法

HTML5加速

本身自帶加速功能

document.querySelector(‘video’) 篩選出播放視訊的元件,然後直接設定播放速率就搞定了。

視訊用的是 html5 的原生 video 元件播放視訊,不是 flash,我們就可以進行操作。

在開發者模式控制檯下執行

document.querySelector('video').playbackRate = 5;

示例:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;//預設兩倍速播放
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;  //修改此值設定當前的播放倍數

Flash加速

問題

對於普通格式的視訊,可以用 video 標籤的 playbackrate 屬性實現 2X 兩倍速度播放,
flash 用的是 object 標籤,如何設定播放速度呢?

這個比較頭疼,因為它本身不自帶加速功能。
如果想用js控制Flash可以參考csdn文件

解決

使用一款軟體,Enounce MySpeed 適用於32位瀏覽器

騰訊微雲

先開啟 Enounce MySpeed,再開啟瀏覽器播放視訊

如何顯示沒有視訊播放,可以重新整理頁面或者換一個瀏覽器試試,因為Flsh跟瀏覽器存在一定相容問題導致

Enounce MySpeed親測在IE上有效果!