提高用戶觀看率的方法：添加視頻斷點續播功能

一、為什麼需要添加視頻斷點續播功能

在用戶體驗方面，很多用戶不希望在觀看視頻時被迫從頭開始播放。如果用戶在觀看視頻時出現了其他的事情，例如接到電話或是需要離開電腦一會兒，重新開始觀看視頻會使得用戶感到不舒服。此時，如果您提供了斷點續播功能，用戶就可以從離開時的地方重新開始觀看，讓用戶體驗搭配更好。

同時，在一些網速較慢的情況下，視頻的數據加載會比較緩慢或是被打斷，如果沒有斷點續播功能，用戶需重新開始等待視頻緩存完成，這種等待時間長短不一，給用戶帶來消極的體驗，改善用戶體驗體驗的一個方法就是加入斷點續播技術。

二、怎麼實現視頻斷點續播

實現視頻斷點續播需要三個步驟：

– 獲得斷點時間：每次用戶隨時可以離開觀看窗口，通過監聽用戶離開窗口時的時間，記錄下離開窗口時視頻播放的時間點，為下次視頻續播的時間點。例如，下次繼續觀看時從3分鐘處繼續播放。

– 開始播放：當用戶再次回到視頻播放頁面，首先獲取上一次的觀看時間點作為播放的起點，在此基礎上進行判斷，如果此時網絡連接流暢，正常播放即可，如果連接不穩定或者緩衝不完整，則應該提示用戶需要等待，或者給予一些動畫的等待效果。

– 結束或下線：最後一步是在記錄視頻斷點時間，如果視頻結束了，相應的斷點時間也應該清零，如果用戶離線了，記錄的斷點時間應該保存到用戶的本地，下次打開時從斷點時間開始觀看。這需要在服務器端開發和前端開發上協同工作。

三、代碼實現

// 監聽用戶離開視頻播放頁面的時間點
var video = document.getElementById('video');
window.addEventListener('beforeunload', function(event){
  localStorage.setItem("video_time", video.currentTime);
});

// 獲取上一次的觀看時間
var last_time = localStorage.getItem("video_time");
if(last_time){
  video.currentTime = last_time;
  video.play();
}

// 記錄視頻播放結束時的斷點時間
video.addEventListener('ended', function(event){
  localStorage.removeItem("video_time");
});

四、總結

添加視頻斷點續播功能不僅能夠提升用戶的觀看體驗，也能增加用戶對視頻的黏性，整個操作隊服務器端和前端有一定的技巧性，但總體上並不難，如果您想提高您網站的用戶體驗和黏性，不妨加入視頻斷點續播功能。