關於視頻斷點續播和H5的本地存儲


  前段時間,需要在下實現一個視頻的斷點續播功能,呃,我不會呀,這就很尷尬了。然后呢,在下就想起了一個叫做localStorage的東西。這是個什么東西呢?在網上查閱了一些資料后,在下發現這是webStorage提供的兩種類型的API中的一種,而webStorage是HTML中提供的本地存儲解決方案。

  我個人理解,這東西就是可以向客戶端本地存儲數據的一個技術,那這哥們的特點是什么呢?它的生命周期是永久的,不像sessionStorage,關閉頁面或者瀏覽器后就會被清除,所以在下選擇localStorage來實現斷點續播。

  實現斷點續播的方法就是在視頻播放的同時,更新存儲在客戶端本地的視頻時間,每次打開視頻的時候,先獲取存儲在客戶端本地的視頻時間,若取到的是null,那么直接video.play(),正常播放即可,否則斷點續播就行了。實現斷點續播的具體代碼就不貼出來了,這里只提供一個實現思路。

以下是localStorage的一些方法: 

  localStorage.setItem("key","value");//以鍵值對的形式存儲數據 localStorage.getItem("key");//通過鍵名來獲取相應的值 localStorage.removeItem("key"); //通過鍵名來刪除相應的鍵值對
  localStorage.clear();​//清空localStorage中所有信息
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM