[發明專利]一種豎版視頻與滾動區聯動的方法

有效

• 申請號: 201810336501.5
• 申請日: 2018-04-16
• 公開（公告）號: CN108419116B
• 公開（公告）日: 2021-02-09
• 發明（設計）人: 郭艷杰
• 申請（專利權）人: 北京酷我科技有限公司
• 主分類號: H04N21/431
• 分類號: H04N21/431;H04N21/485
• 代理公司: 北京國標律師事務所 11753
• 代理人: 姚克楓

本發明涉及一種豎版視頻與滾動區聯動的方法，包括如下步驟：創建視頻展示小窗VideoBox，在其下方創建滾動內容區scrollView，如滾動內容區根據滑動事件需下移，在滾動內容區和視頻展示小窗間形成露出區域，此種情況出現時，通過視頻擴展適配算法激活代理Delegate模式，進行添加代理對象addMultiDelegate操作，在代理方法中完成以下處理：監聽偏移量scrollView.contentOffset.y，判斷其是否大于0，條件不成立，則判定為向下滾動，轉相應處理，條件成立，則判定為向上滾動，轉相應處理。本發明，針對豎版視頻在小窗中展現，其下方內容展示區需要滾動顯示內容的情況進行優化，算法簡潔，滾動無卡頓，易于后期維護，用戶體驗好。

技術領域

本發明涉及視頻播放技術領域，具體說是一種豎版視頻與滾動區聯動的方法。

背景技術

用手機看視頻時，一般而言，“橫屏觀看”已成為一個基本的共識。過去幾年，人們都是豎著拿手機，但是每到看視頻時，一定又會把屏幕橫過來，16:9被認為是最符合用戶觀看習慣的鐵律，這是經過科學計算的人眼最舒服的數據。

然而，隨著短視頻在社交平臺的流行，“用豎屏看”的用戶與日俱增。不管你多么想要去否定它，或者就是無法適應它，但豎視頻的的確確已經成為一種潮流。

無論是用戶的體驗反饋，還是廣告主的投放傾向，諸多數據都指向了：短視頻就該豎著看。

2017年以來，75%的短視頻在移動端播放，而52%的手機用戶習慣把屏幕方向鎖定，微信朋友圈一年內豎屏廣告投放比例增加了46%。在當前的用戶行為、技術和市場下，“豎屏、57秒”的短視頻可能是短視頻行業的工業標準。

Snapchat和Facebook等社交巨頭，率先開啟豎視頻風潮，并且這種模式正滲透到整個移動應用的生態系統中，包括新聞、游戲、直播等領域。到現在，好像在任何地方都可以看到豎視頻，這種勢頭還在蔓延。

當用戶通過移動設備瀏覽社交媒體、直播以及短視頻平臺時，沒有多少人會耐心把他們的手機旋轉90度，點擊展開到全屏。

目前，大多數移動端APP都是采用豎式信息流的方式呈現布局，用戶只需上下滑動手指即可，豎視頻糅合在信息流中，能給用戶更流暢的閱讀體驗。比起橫視頻，垂直化的豎視頻，能帶來更沉浸式的觀看感受，并通過重塑敘事方式來打動受眾，不僅能更加突顯視頻人物，還能拉近與觀眾之間的距離，給人一種親密感。

當豎版視頻在小窗中展現時，其下方可以根據需要設置內容展示區，將與視頻相關的圖文信息呈現給用戶，但是，內容展示區如果要滾動顯示內容，則影響在小窗中展現的豎版視頻的播放，需要對此情況進行優化，以提高用戶體驗。

發明內容

針對現有技術中存在的缺陷，本發明的目的在于提供一種豎版視頻與滾動區聯動的方法，針對豎版視頻在小窗中展現，其下方內容展示區需要滾動顯示內容的情況進行優化，算法簡潔，滾動無卡頓，易于后期維護，用戶體驗好。

為達到以上目的，本發明采取的技術方案是：

一種豎版視頻與滾動區聯動的方法，其特征在于，包括如下步驟：

創建視頻展示小窗VideoBox，

在視頻展示小窗VideoBox下方，創建滾動內容區scrollView，

在視頻展示小窗VideoBox中加載視頻，所述視頻尤指豎版視頻，

當針對滾動內容區scrollView的滑動事件被觸發時，

如滾動內容區scrollView根據滑動事件需下移，在滾動內容區scrollView和視頻展示小窗VideoBox間形成scrollView露出區域，