加速HTML5視頻搜索？

Question

嘿，所有我想知道你們是否知道一些可以幫助我的技巧。我實現的是一個滑塊，通過currentTime屬性控制HTML5視頻的查找位置。我想要發生的事情是，用戶正在拖動視頻實時更新的滑塊。

我有作品，但視頻播放器圖像不會更新到每幀我設置當前時間。任何想法？

slide: function(e, ui){ 
    seeksliding = true; 
    $gVideo[0].currentTime = ui.value; 
}, 

Answer 1

現代瀏覽器一般都在尋求迅速非常好，甚至可以synchronize two or more videos using Javascript，具有同樣的功能你描述點在哪裏。 （圍繞版本4-5的Firefox會花費幾毫秒並失去同步，但現在好了。）

只要ui.value介於零和視頻持續時間之間，您的代碼應該可以正常工作。但是，如果a）視頻未加載或b）編碼的視頻文件存在問題，則可能會遇到問題。

首先，確保瀏覽器可以播放視頻，並尋找沒有任何Javascript控件。只要嘗試在瀏覽器中打開文件，首先直接關閉硬盤，然後關閉網絡。如果你不能用本地控件尋找，你不能用Javascript來尋找。我有時會看到通過重新編碼視頻而無需B-Frames即可解決錯誤。

接下來，看看視頻是否在您嘗試尋找時加載。您可以通過將preload屬性添加到視頻標籤來加快速度。通過將滑塊代碼放入loadedmetadata事件中，確保滑塊事件在瀏覽器具有視頻持續時間之前未啓用。