前段時間,需要在下實現一個視頻的斷點續播功能,呃,我不會呀,這就很尷尬了。然后呢,在下就想起了一個叫做localStorage的東西。這是個什么東西呢?在網上查閱了一些資料后,在下發現這是webStorage提供的兩種類型的API中的一種,而webStorage是HTML中提供的本地存儲解決方案。
我個人理解,這東西就是可以向客戶端本地存儲數據的一個技術,那這哥們的特點是什么呢?它的生命周期是永久的,不像sessionStorage,關閉頁面或者瀏覽器后就會被清除,所以在下選擇localStorage來實現斷點續播。
實現斷點續播的方法就是在視頻播放的同時,更新存儲在客戶端本地的視頻時間,每次打開視頻的時候,先獲取存儲在客戶端本地的視頻時間,若取到的是null,那么直接video.play(),正常播放即可,否則斷點續播就行了。實現斷點續播的具體代碼就不貼出來了,這里只提供一個實現思路。
以下是localStorage的一些方法:
localStorage.setItem("key","value");//以鍵值對的形式存儲數據 localStorage.getItem("key");//通過鍵名來獲取相應的值 localStorage.removeItem("key"); //
通過鍵名來刪除相應的鍵值對
localStorage.clear();//清空localStorage中所有信息