CN107797839A - 一种列表滚动时视频小窗化的方法 - Google Patents
一种列表滚动时视频小窗化的方法 Download PDFInfo
- Publication number
- CN107797839A CN107797839A CN201711047444.0A CN201711047444A CN107797839A CN 107797839 A CN107797839 A CN 107797839A CN 201711047444 A CN201711047444 A CN 201711047444A CN 107797839 A CN107797839 A CN 107797839A
- Authority
- CN
- China
- Prior art keywords
- video
- list
- window
- small
- broadcast
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
Abstract
本发明涉及一种列表滚动时视频小窗化的方法,包括如下步骤:在cell列表中呈现若干视频,当检测到某个视频出现了点击播放事件时,将视频的播放信息发送给视频播放器,视频播放器调用视窗算法生成播放窗口,将视频播放展现于播放窗口中,当列表滚动操作导致播放窗口所在的cell,移出屏幕时,频播放器将播放窗口置顶,移动到置顶小视窗中,继续将视频播放展现于播放窗口中,所述置顶小视窗通过迷你小窗算法生成。本发明,当列表滚动时,将播放状态的视频小窗化,在保持视频播放不移出屏幕的同时,给出更多的空间查看移入屏幕的列表中的信息,算法简单,用户体验好,对系统资源利用更合理。
Description
技术领域
本发明涉及视频播放技术领域,具体说是一种列表滚动时视频小窗化的方法。
背景技术
在iOS系统中,当使用表格展示视频时,如果视频处于播放状态,则滚动表格操作将导致播放中的视频被移出屏幕,不但浪费了系统资源,而且不利于视频的欣赏。
如果在视频处于播放状态时,单纯的不响应用户的某些触屏操作,则不利于提升用户体验,增加用户的使用繁琐程度,不符合用户个性化的需求。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种列表滚动时视频小窗化的方法,当列表滚动时,将播放状态的视频小窗化,在保持视频播放不移出屏幕的同时,给出更多的空间查看移入屏幕的列表中的信息,算法简单,用户体验好,对系统资源利用更合理。
为达到以上目的,本发明采取的技术方案是:
一种列表滚动时视频小窗化的方法,其特征在于,包括如下步骤:
基于表格呈现一纵向或横向列表,构成cell列表,
在cell列表中呈现若干视频,一个视频对应一个cell,形成视频播放列表VideoList,
当检测到某个视频出现了点击播放clickPlay事件时,
将视频的播放信息playVideoinfo发送给视频播放器VideoPlayer,通过这一发送操作完成更新视频数据的操作,
视频播放器VideoPlayer调用视窗算法生成播放窗口VideoBox,将视频播放展现于播放窗口VideoBox中,
当列表滚动操作导致播放窗口VideoBox所在的cell,移出屏幕时,
频播放器VideoPlayer将播放窗口VideoBox置顶,移动到置顶小视窗KeyWindows中,继续将视频播放展现于播放窗口VideoBox中,
所述置顶小视窗KeyWindows通过迷你小窗算法shouMiniWindow生成。
在上述技术方案的基础上,所述列表至少支持上下滚动操作及左右滑动操作。
在上述技术方案的基础上,所述播放窗口VideoBox填充满整个cell所占区域,形成视频单元格VideoCell。
在上述技术方案的基础上,cell所占区域根据屏幕尺寸不同通过缩放算法自动适配。
在上述技术方案的基础上,所述自动适配是指,cell所占区域的宽度略小于屏幕尺寸中的宽度尺寸。
在上述技术方案的基础上,所述迷你小窗算法shouMiniWindow生成的小视窗KeyWindows,置顶显示,且默认位于屏幕左下角处。
在上述技术方案的基础上,小视窗KeyWindows支持拖拽移动位置操作和/或拖拽缩放操作。
在上述技术方案的基础上,小视窗KeyWindows默认为矩形,其大小占屏幕可视区域面积的5~20%,小视窗KeyWindows的宽高比与视频的宽高比匹配。
本发明所述的列表滚动时视频小窗化的方法,当列表滚动时,将播放状态的视频小窗化,在保持视频播放不移出屏幕的同时,给出更多的空间查看移入屏幕的列表中的信息,算法简单,用户体验好,对系统资源利用更合理。
附图说明
本发明有如下附图:
图1 本发明的流程图。
具体实施方式
以下结合附图对本发明作进一步详细说明。
如图1所示,本发明所述的列表滚动时视频小窗化的方法,包括如下步骤:
基于表格呈现一纵向或横向列表,构成cell列表,即由若干单元格(cell)构成的列表,
在cell列表中呈现若干视频,一个视频对应一个cell,形成视频播放列表VideoList,
当检测到某个视频出现了点击播放clickPlay事件时,
将视频的播放信息playVideoinfo发送给视频播放器VideoPlayer,通过这一发送操作完成更新视频数据的操作,播放信息playVideoinfo的获取可以通过sharedInstance函数获得,
视频播放器VideoPlayer调用视窗算法生成播放窗口VideoBox,将视频播放展现于播放窗口VideoBox中,
当列表滚动操作导致播放窗口VideoBox所在的cell,移出屏幕时,
频播放器VideoPlayer将播放窗口VideoBox置顶,移动到置顶小视窗KeyWindows中,继续将视频播放展现于播放窗口VideoBox中,
所述置顶小视窗KeyWindows通过迷你小窗算法shouMiniWindow生成。
在上述技术方案的基础上,所述列表至少支持上下滚动操作及左右滑动操作。
在上述技术方案的基础上,所述播放窗口VideoBox填充满整个cell所占区域,形成视频单元格VideoCell。
在上述技术方案的基础上,cell所占区域根据屏幕尺寸不同通过缩放算法自动适配。
在上述技术方案的基础上,所述自动适配是指,cell所占区域的宽度略小于屏幕尺寸中的宽度尺寸。即:竖屏状态下的视频播放。
在上述技术方案的基础上,所述迷你小窗算法shouMiniWindow生成的小视窗KeyWindows,置顶显示,且默认位于屏幕左下角处。具体步骤可按如下:
迷你小窗算法shouMiniWindow先调用窗口移除算法removeBoxFromCell,将播放窗口VideoBox移出cell,
迷你小窗算法shouMiniWindow再调用窗口添加算法addBoxToWindow,将播放窗口VideoBox添加到置顶小视窗KeyWindows。
在上述技术方案的基础上,小视窗KeyWindows支持拖拽移动位置操作和/或拖拽缩放操作。
在上述技术方案的基础上,小视窗KeyWindows默认为矩形,其大小占屏幕可视区域面积的5~20%,小视窗KeyWindows的宽高比与视频的宽高比匹配。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (8)
1.一种列表滚动时视频小窗化的方法,其特征在于,包括如下步骤:
基于表格呈现一纵向或横向列表,构成cell列表,
在cell列表中呈现若干视频,一个视频对应一个cell,形成视频播放列表VideoList,
当检测到某个视频出现了点击播放clickPlay事件时,
将视频的播放信息playVideoinfo发送给视频播放器VideoPlayer,通过这一发送操作完成更新视频数据的操作,
视频播放器VideoPlayer调用视窗算法生成播放窗口VideoBox,将视频播放展现于播放窗口VideoBox中,
当列表滚动操作导致播放窗口VideoBox所在的cell,移出屏幕时,
频播放器VideoPlayer将播放窗口VideoBox置顶,移动到置顶小视窗KeyWindows中,继续将视频播放展现于播放窗口VideoBox中,
所述置顶小视窗KeyWindows通过迷你小窗算法shouMiniWindow生成。
2.如权利要求1所述的列表滚动时视频小窗化的方法,其特征在于:所述列表至少支持上下滚动操作及左右滑动操作。
3.如权利要求1所述的列表滚动时视频小窗化的方法,其特征在于:所述播放窗口VideoBox填充满整个cell所占区域,形成视频单元格VideoCell。
4.如权利要求3所述的列表滚动时视频小窗化的方法,其特征在于:cell所占区域根据屏幕尺寸不同通过缩放算法自动适配。
5.如权利要求4所述的列表滚动时视频小窗化的方法,其特征在于:所述自动适配是指,cell所占区域的宽度略小于屏幕尺寸中的宽度尺寸。
6.如权利要求1所述的列表滚动时视频小窗化的方法,其特征在于:所述迷你小窗算法shouMiniWindow生成的小视窗KeyWindows,置顶显示,且默认位于屏幕左下角处。
7.如权利要求6所述的列表滚动时视频小窗化的方法,其特征在于:小视窗KeyWindows支持拖拽移动位置操作和/或拖拽缩放操作。
8.如权利要求6所述的列表滚动时视频小窗化的方法,其特征在于:小视窗KeyWindows默认为矩形,其大小占屏幕可视区域面积的5~20%,小视窗KeyWindows的宽高比与视频的宽高比匹配。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711047444.0A CN107797839A (zh) | 2017-10-31 | 2017-10-31 | 一种列表滚动时视频小窗化的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711047444.0A CN107797839A (zh) | 2017-10-31 | 2017-10-31 | 一种列表滚动时视频小窗化的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107797839A true CN107797839A (zh) | 2018-03-13 |
Family
ID=61548571
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711047444.0A Pending CN107797839A (zh) | 2017-10-31 | 2017-10-31 | 一种列表滚动时视频小窗化的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107797839A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108419116A (zh) * | 2018-04-16 | 2018-08-17 | 北京酷我科技有限公司 | 一种竖版视频与滚动区联动的方法 |
CN108616770A (zh) * | 2018-04-16 | 2018-10-02 | 北京酷我科技有限公司 | 一种竖版视频与滚动区联动方法 |
CN108762866A (zh) * | 2018-05-09 | 2018-11-06 | 北京酷我科技有限公司 | 一种短音频滚动展现的方法 |
CN109756772A (zh) * | 2019-01-16 | 2019-05-14 | 上海哔哩哔哩科技有限公司 | 视频播放方法、装置及存储介质 |
CN109799945A (zh) * | 2018-12-24 | 2019-05-24 | 天津字节跳动科技有限公司 | 小程序长列表滚动显示方法、装置、电子设备及存储介质 |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN111399956A (zh) * | 2020-03-12 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 应用于显示设备的内容展示方法、装置和电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102301736A (zh) * | 2011-07-06 | 2011-12-28 | 华为技术有限公司 | 视频播放内容切换的方法、装置及移动终端 |
CN102638727A (zh) * | 2012-04-20 | 2012-08-15 | 江苏奇异点网络有限公司 | 网站视频播放系统 |
CN103024567A (zh) * | 2012-12-06 | 2013-04-03 | 广东欧珀移动通信有限公司 | 一种移动终端视频预览的方法及系统 |
CN103986962A (zh) * | 2014-06-03 | 2014-08-13 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和系统 |
CN104268252A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN104965693A (zh) * | 2014-08-29 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 一种视频处理的方法和系统 |
-
2017
- 2017-10-31 CN CN201711047444.0A patent/CN107797839A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102301736A (zh) * | 2011-07-06 | 2011-12-28 | 华为技术有限公司 | 视频播放内容切换的方法、装置及移动终端 |
CN102638727A (zh) * | 2012-04-20 | 2012-08-15 | 江苏奇异点网络有限公司 | 网站视频播放系统 |
CN103024567A (zh) * | 2012-12-06 | 2013-04-03 | 广东欧珀移动通信有限公司 | 一种移动终端视频预览的方法及系统 |
CN103986962A (zh) * | 2014-06-03 | 2014-08-13 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和系统 |
CN104965693A (zh) * | 2014-08-29 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 一种视频处理的方法和系统 |
CN104268252A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108419116A (zh) * | 2018-04-16 | 2018-08-17 | 北京酷我科技有限公司 | 一种竖版视频与滚动区联动的方法 |
CN108616770A (zh) * | 2018-04-16 | 2018-10-02 | 北京酷我科技有限公司 | 一种竖版视频与滚动区联动方法 |
CN108762866A (zh) * | 2018-05-09 | 2018-11-06 | 北京酷我科技有限公司 | 一种短音频滚动展现的方法 |
CN109799945A (zh) * | 2018-12-24 | 2019-05-24 | 天津字节跳动科技有限公司 | 小程序长列表滚动显示方法、装置、电子设备及存储介质 |
CN109756772A (zh) * | 2019-01-16 | 2019-05-14 | 上海哔哩哔哩科技有限公司 | 视频播放方法、装置及存储介质 |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN110308835B (zh) * | 2019-06-05 | 2022-10-14 | 创新先进技术有限公司 | 控制视图控件的方法、装置及电子设备 |
CN111399956A (zh) * | 2020-03-12 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 应用于显示设备的内容展示方法、装置和电子设备 |
CN111399956B (zh) * | 2020-03-12 | 2021-11-02 | 北京字节跳动网络技术有限公司 | 应用于显示设备的内容展示方法、装置和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107797839A (zh) | 一种列表滚动时视频小窗化的方法 | |
CN104798129B (zh) | 显示装置、显示方法和计算机可读介质 | |
CN100593939C (zh) | 图像数据再现装置、控制该装置的方法 | |
CN102665139B (zh) | 信息处理装置和信息处理方法 | |
TWI672044B (zh) | 字幕資料的處理方法及系統 | |
TW201143421A (en) | Method for displaying a video stream according to a customised format | |
CN107707987A (zh) | 一种弹幕显示方法及装置、以及计算机可读存储介质 | |
CN103731759B (zh) | 一种水印添加方法及装置 | |
CN102123259A (zh) | 一种在电视机上显示超大分辨率图片的方法 | |
CN103873940B (zh) | 一种信息处理方法及电子设备 | |
CN106131671A (zh) | 一种调节视频清晰度的方法及装置 | |
CN104168506A (zh) | 通过嗅探http数据包获取用户视频体验质量的方法 | |
CN205900051U (zh) | 一种新型智能化户外液晶广告机 | |
CN102333247B (zh) | 视频录制装置及视频录制方法 | |
CN102013678B (zh) | 调度自动化系统风电信息全景展示方法 | |
CN103686066B (zh) | 调整多画面播放分割模式的方法及客户端 | |
TW200917829A (en) | Method for detecting borders of active region in frame | |
CN208570014U (zh) | 一种用于户外广告播放的多媒体展示设备 | |
CN103888839A (zh) | 一种视频播放方法和设备 | |
CN107249141A (zh) | 一种直播节目的录播方法 | |
CN102932619A (zh) | 快速浏览录像的方法 | |
CN105430237A (zh) | 一种帧缺失图像的处理方法及系统 | |
CN113660516B (zh) | 视频显示方法、装置、设备及介质 | |
CN108419116B (zh) | 一种竖版视频与滚动区联动的方法 | |
CN206271356U (zh) | 一种具有自动温度调节功能的智能广告机 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180313 |
|
RJ01 | Rejection of invention patent application after publication |