[發(fā)明專利]基于React框架實現(xiàn)的視頻自動播放方法及裝置

有效

• 申請?zhí)枺?/td>: 201810536436.0
• 申請日: 2018-05-30
• 公開（公告）號: CN108712676B
• 公開（公告）日: 2021-08-10
• 發(fā)明（設(shè)計）人: 高敏
• 申請（專利權(quán)）人: 浙江口碑網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號: H04N21/431
• 分類號: H04N21/431;H04N21/433;H04N21/485
• 代理公司: 北京市浩天知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11276
• 代理人: 宋菲;劉云貴

1.一種基于React框架實現(xiàn)的視頻自動播放方法，其包括：

封裝步驟，將頁面中的原視頻組件進行封裝，得到React視頻組件；其中，所述React視頻組件具有視頻元素的第一指定屬性信息；所述第一指定屬性信息實例化為視頻元素；

獲取步驟，利用所述第一指定屬性信息獲取所有視頻元素；其中，獲取到的視頻元素按照視頻元素實例化順序或頁面設(shè)置順序依次保存在數(shù)組中；

判斷步驟，將獲取到的視頻元素按照數(shù)組中的順序依次判斷各個視頻元素中是否有位于所述頁面的當(dāng)前窗口中的視頻元素；其中，依次判斷各個視頻元素的頂部高度值是否小于頁面的當(dāng)前窗口的頂部高度值，且各個視頻元素的底部高度值是否大于頁面的當(dāng)前窗口的底部高度值；

播放步驟，若所述判斷步驟判斷有視頻元素位于所述頁面的當(dāng)前窗口中，將位于當(dāng)前窗口中的首個視頻元素進行播放；其中，當(dāng)判斷到當(dāng)前有且僅有一個視頻元素位于當(dāng)前窗口時，將該視頻元素播放；當(dāng)判斷到有多個視頻元素位于當(dāng)前窗口時，將首個視頻元素進行播放。

2.根據(jù)權(quán)利要求1所述的方法，其中，所述判斷步驟進一步包括：

獲取所述頁面的當(dāng)前窗口的頂部高度值和所述頁面的當(dāng)前窗口的自身高度值，并計算得到所述頁面的當(dāng)前窗口的底部高度值；

獲取各個視頻元素的頂部高度值和各個視頻元素的自身高度值，并計算得到各個視頻元素的底部高度值；

依次判斷各個視頻元素的頂部高度值是否小于所述頁面的當(dāng)前窗口的頂部高度值，且各個視頻元素的底部高度值是否大于所述頁面的當(dāng)前窗口的底部高度值。

3.根據(jù)權(quán)利要求1或2所述的方法，其中，所述React視頻組件還具有用于指定視頻元素的視頻狀態(tài)的第二指定屬性信息；

所述播放步驟進一步包括：

將所述視頻元素的第二指定屬性信息修改為播放狀態(tài)；

根據(jù)所述第二指定屬性信息調(diào)用原視頻組件的視頻狀態(tài)修改命令，將所述視頻元素的視頻狀態(tài)更改為播放狀態(tài)。

4.根據(jù)權(quán)利要求1或2所述的方法，其中，在所述播放步驟之后，所述方法還包括：

監(jiān)聽所述頁面的當(dāng)前窗口中滾動條的滾動事件，判斷當(dāng)前窗口的滾動條是否正在滾動；

若是，將所述視頻元素的視頻狀態(tài)更改為暫停狀態(tài)。

5.根據(jù)權(quán)利要求4所述的方法，其中，在所述將所述視頻元素的視頻狀態(tài)更改為暫停狀態(tài)后，所述方法還包括：

每間隔預(yù)設(shè)時間判斷當(dāng)前窗口的滾動條是否停止?jié)L動；

若是，執(zhí)行所述判斷步驟，若所述判斷步驟判斷有視頻元素位于所述頁面的當(dāng)前窗口中，將所述視頻元素的視頻狀態(tài)更改為播放狀態(tài)。

6.根據(jù)權(quán)利要求5所述的方法，其中，所述若所述判斷步驟判斷有視頻元素位于所述頁面的當(dāng)前窗口中，將所述視頻元素的視頻狀態(tài)更改為播放狀態(tài)進一步包括：

若所述判斷步驟判斷有視頻元素位于所述頁面的當(dāng)前窗口中，且所述視頻元素的視頻狀態(tài)為暫停狀態(tài)，將所述視頻元素的視頻狀態(tài)更改為播放狀態(tài)，使其斷點播放。

7.根據(jù)權(quán)利要求5所述的方法，其中，所述每間隔預(yù)設(shè)時間判斷當(dāng)前窗口的滾動條是否停止?jié)L動進一步包括：

記錄步驟，記錄滾動條在當(dāng)前窗口的初始位置值；

獲取當(dāng)前位置步驟，每間隔預(yù)設(shè)時間獲取滾動條在當(dāng)前窗口的當(dāng)前位置值；

判斷停止步驟，判斷所述初始位置值是否等于所述當(dāng)前位置值；

若所述判斷停止步驟判斷所述初始位置值等于所述當(dāng)前位置值，則判斷當(dāng)前窗口的滾動條停止?jié)L動；

若所述判斷停止步驟判斷所述初始位置值不等于所述當(dāng)前位置值，將所述初始位置值更新為當(dāng)前位置值；循環(huán)執(zhí)行所述獲取當(dāng)前位置步驟和所述判斷停止步驟，直至判斷所述初始位置值等于所述當(dāng)前位置值。