CN111953921B - 一种圆角泳道的展示及交互方法 - Google Patents
一种圆角泳道的展示及交互方法 Download PDFInfo
- Publication number
- CN111953921B CN111953921B CN202010817625.2A CN202010817625A CN111953921B CN 111953921 B CN111953921 B CN 111953921B CN 202010817625 A CN202010817625 A CN 202010817625A CN 111953921 B CN111953921 B CN 111953921B
- Authority
- CN
- China
- Prior art keywords
- lane
- time point
- event block
- event
- time
- 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.)
- Active
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/14—Systems for two-way working
-
- 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/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4788—Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种圆角泳道的展示交互方法,包括以下步骤;步骤一、绘制竖向泳道及时间刻度,步骤二、在泳道内绘制事件区块;步骤三、圆角处理,在上述事件区块上下分别加上圆角;步骤四、合并处理;步骤五、自动吸附处理。本发明视觉上更加美观,一堆断断续续的事件区间被整合成部分连续的区间,无需额外缩放操作,直接上下拖动泳道即可改变将要播放的时间点。
Description
技术领域
本发明涉及视频通讯技术领域,具体为一种圆角泳道的展示及交互方法。
背景技术
随着物联网的崛起,远程查看视频在各行各业中不断普及,尤其在移动设备使用率非常高的时代,用移动终端查看远程历史视频的场景会越来越多。本发明公开一种历史视频数据在泳道上的展示及交互逻辑,包括圆角处理、合并及自动吸附等,目前市场上的这种历史视频数据的泳道展示基本上采用的方型并结合采用手动缩放和拖动的交互来进行的,见附图1,存在不美观、交互复杂等问题,总体给用户的体验不是很好。
发明内容
本发明的目的在于提供本发明提供一种全新的历史视频数据在泳道上的展示及交互逻辑,解决现有技术上的视觉不美观和交互复杂等问题。
为实现上述目的,本发明提供如下技术方案:一种圆角泳道的展示交互方法。包括以下步骤;
步骤一、绘制竖向泳道及时间刻度,以小时为单位进行分割,从上至下时间由近及远;
步骤二、在泳道内绘制事件区块;
步骤三、圆角处理,在上述事件区块上下分别加上圆角;
步骤四、合并处理;
步骤五、自动吸附处理。
优选的,a 、当要播放的时间点正好处于事件区块范围内时,无需调整播放时间点和泳道 ;b、当要播放的时间点在事件区段以外时,播放器上直接显示无数据,也无需调整播放时间点和泳道;c、当要播放的时间点在事件区段内以及事件区块外时,此时需要调整播放时间点为该时间点往后最近一个事件区块的起始时间,同时改变泳道的偏移量使得该最近一个事件时间区块的起始时间与播放时间点对齐,在视觉上表现为事件区块和播放时间点对应得播放时间线自动吸附。
优选的,事件区块的起始时间和终止时间应对应在正确的时间刻度上。
优选的,圆角处理的直径为事件区块的宽度。
优选的,合并处理将视觉上有重叠的事件区块合并成一个,使其成为一个连续的事件区块。
本发明提出的一种圆角泳道的展示交互方法,有益效果在于:
1、本发明视觉上更加美观,一堆断断续续的事件区间被整合成部分连续的区间。
2、无需额外缩放操作,直接上下拖动泳道即可改变将要播放的时间点。
附图说明
图1为本发明的背景技术示意图;
图2为本发明的交互示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参照附图2,一种圆角泳道的展示交互方法,包括以下步骤:
步骤一、绘制竖向泳道及时间刻度,以小时为单位进行分割,从上至下时间由近及远,参考图2中的泳道及刻度线。
步骤二、在泳道内绘制事件区块,事件区块的起始时间和终止时间应对应在正确的时间刻度上,参考图2中的A, 为了节省存储空间,智能摄像头在录制视频时可以选择只录制事件,即只有视频画面中有变化时才开始录制,并且录制时间15秒至10分钟不等,在不做任何处理的情况下,数据应该是展示成一段一段的方形,在竖屏泳道上的展示效果为图2中的A。
步骤三、圆角处理,在上述事件区块上下分别加上圆角,直径需和事件区块宽度一致,参考图2中的B, 为了增加视觉上的美观,在每个事件区段的上下各加上圆角处理,圆角的直径为事件区块的宽度。
步骤四、合并处理,将视觉上有重叠的事件区块合并成一个,使其成为一个连续的事件区块,参考图2中的C,当两个事件区段相距很近时,圆角处理后会出现视觉上重叠的问题,影响美观,为了解决这个问题,我们将这两个事件区段进行合并处理,处理后相距很近的事件区段将被合并成一个来展示,当然,如果多个事件区间都相距很近时,这多个事件区间也会被合并成一个。
步骤五、自动吸附处理,参考图2中的D,只有虚线框中的区段才是真实有数据的,其他部分都是通过圆角处理或合并处理补偿上的,为了解决此问题,我们加入了自动吸附逻辑处理,就是在视觉上我们保留这样的偏差,但在播放历史视频时我们会动态调整播放时间和泳道偏移,具体逻辑为:a、当要播放的时间点正好处于事件区块范围内时,无需调整播放时间点和泳道 ;b、当要播放的时间点在事件区段以外时,播放器上直接显示无数据,也无需调整播放时间点和泳道;c、当要播放的时间点在事件区段内以及事件区块外时,此时需要调整播放时间点为该时间点往后最近一个事件区块的起始时间,同时改变泳道的偏移量使得该最近一个事件时间区块的起始时间与播放时间点对齐,在视觉上表现为事件区块和播放时间点对应得播放时间线自动吸附。
通过本领域人员,将本案中所有电气件与其适配的电源通过导线进行连接,并且应该根据实际情况,选择合适的控制器,以满足控制需求,具体连接以及控制顺序,应参考下述工作原理中,各电气件之间先后工作顺序完成电性连接,其详细连接手段,为本领域公知技术,下述主要介绍工作原理以及过程,不在对电气控制做说明。
尽管已经示出和描述了本发明的实施例,对于本领域的普通技术人员而言,可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由所附权利要求及其等同物限定。
Claims (3)
1.一种圆角泳道的展示交互方法,其特征在于:包括以下步骤;
步骤一、绘制竖向泳道及时间刻度,以小时为单位进行分割,从上至下时间由近及远;
步骤二、在泳道内绘制事件区块;
步骤三、圆角处理,在上述事件区块上下分别加上圆角;
步骤四、合并处理,将视觉上有重叠的事件区块合并成一个,使其成为一个连续的事件区段;
步骤五、自动吸附处理,包括以下步骤;
a、当要播放的时间点正好处于事件区块范围内时,无需调整播放时间点和泳道 ;
b、当要播放的时间点在事件区段以外时,播放器上直接显示无数据,也无需调整播放时间点和泳道;
c、当要播放的时间点在事件区段内以及事件区块外时,此时需要调整播放时间点为该时间点往后最近一个事件区块的起始时间,同时改变泳道的偏移量使得该最近一个事件时间区块的起始时间与播放时间点对齐,在视觉上表现为事件区块和播放时间点对应得播放时间线自动吸附。
2.根据权利要求1所述的一种圆角泳道的展示交互方法,其特征在于:事件区块的起始时间和终止时间应对应在正确的时间刻度上。
3.根据权利要求1所述的一种圆角泳道的展示交互方法,其特征在于:圆角处理的直径为事件区块的宽度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010817625.2A CN111953921B (zh) | 2020-08-14 | 2020-08-14 | 一种圆角泳道的展示及交互方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010817625.2A CN111953921B (zh) | 2020-08-14 | 2020-08-14 | 一种圆角泳道的展示及交互方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111953921A CN111953921A (zh) | 2020-11-17 |
CN111953921B true CN111953921B (zh) | 2022-03-11 |
Family
ID=73343745
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010817625.2A Active CN111953921B (zh) | 2020-08-14 | 2020-08-14 | 一种圆角泳道的展示及交互方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111953921B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984763A (zh) * | 2014-05-30 | 2014-08-13 | 厦门云朵网络科技有限公司 | 一种轨迹图显示设备、方法和监控终端 |
CN105574933A (zh) * | 2015-12-03 | 2016-05-11 | 广州博进信息技术有限公司 | 物体全方位轮廓精确绘制方法 |
US9519744B1 (en) * | 2015-12-07 | 2016-12-13 | International Business Machines Corporation | Merging of storage elements on multi-cycle signal distribution trees into multi-bit cells |
CN106502532A (zh) * | 2016-10-19 | 2017-03-15 | 北京小米移动软件有限公司 | 基于时间轴的指令处理方法及装置 |
WO2017056179A1 (ja) * | 2015-09-29 | 2017-04-06 | 富士通株式会社 | プログラム、情報処理方法および情報処理装置 |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050120870A1 (en) * | 1998-05-15 | 2005-06-09 | Ludwig Lester F. | Envelope-controlled dynamic layering of audio signal processing and synthesis for music applications |
US7432940B2 (en) * | 2001-10-12 | 2008-10-07 | Canon Kabushiki Kaisha | Interactive animation of sprites in a video production |
US20110173235A1 (en) * | 2008-09-15 | 2011-07-14 | Aman James A | Session automated recording together with rules based indexing, analysis and expression of content |
US8281231B2 (en) * | 2009-09-11 | 2012-10-02 | Digitalsmiths, Inc. | Timeline alignment for closed-caption text using speech recognition transcripts |
US20120047421A1 (en) * | 2010-03-15 | 2012-02-23 | Holman Enterprises, LLC | System and method for creating and displaying a timeline presentation |
US20120114307A1 (en) * | 2010-11-09 | 2012-05-10 | Jianchao Yang | Aligning and annotating different photo streams |
US9111579B2 (en) * | 2011-11-14 | 2015-08-18 | Apple Inc. | Media editing with multi-camera media clips |
CN106162293B (zh) * | 2015-04-22 | 2019-11-08 | 无锡天脉聚源传媒科技有限公司 | 一种视频声音与图像同步的方法及装置 |
US20180167699A1 (en) * | 2016-12-13 | 2018-06-14 | Loki, Llc | Collaborative media distribution system and method of using same |
TWI678928B (zh) * | 2018-12-12 | 2019-12-01 | 緯創資通股份有限公司 | 錄像處理方法、錄像處理裝置以及監視系統 |
-
2020
- 2020-08-14 CN CN202010817625.2A patent/CN111953921B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984763A (zh) * | 2014-05-30 | 2014-08-13 | 厦门云朵网络科技有限公司 | 一种轨迹图显示设备、方法和监控终端 |
WO2017056179A1 (ja) * | 2015-09-29 | 2017-04-06 | 富士通株式会社 | プログラム、情報処理方法および情報処理装置 |
CN105574933A (zh) * | 2015-12-03 | 2016-05-11 | 广州博进信息技术有限公司 | 物体全方位轮廓精确绘制方法 |
US9519744B1 (en) * | 2015-12-07 | 2016-12-13 | International Business Machines Corporation | Merging of storage elements on multi-cycle signal distribution trees into multi-bit cells |
CN106502532A (zh) * | 2016-10-19 | 2017-03-15 | 北京小米移动软件有限公司 | 基于时间轴的指令处理方法及装置 |
Non-Patent Citations (2)
Title |
---|
Compensating for asynchronies between musical voices in score-performance alignment;Siying Wang;《2015 IEEE International Conference on Acoustics, Speech and Signal Processing》;20150806;全文 * |
非对称无线传输信道的音视频同步优化设计;马宏雷;《计算机仿真》;20160215;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111953921A (zh) | 2020-11-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102461181B (zh) | 用于提供3d用户界面的立体图像再现装置和方法 | |
US20130176486A1 (en) | Pillarboxing Correction | |
CN101998029A (zh) | 影像处理装置和影像处理方法 | |
CN106951247B (zh) | 一种动态背景展示方法及装置 | |
CN103493486A (zh) | 影像显示装置以及影像显示方法 | |
CN201674596U (zh) | 一种电视机及电视机网络系统 | |
CN102934449A (zh) | 使用近焦图像及远焦图像的三维记录及显示系统 | |
CN105007443A (zh) | 一种视频变频播放方法及装置 | |
CN104053053A (zh) | 基于智能电视的护眼方法及装置 | |
CN111953920A (zh) | 一种竖向时间轴模式下的历史视频数据展示及交互 | |
CN106792094A (zh) | Vr设备播放视频的方法和vr设备 | |
CN111953921B (zh) | 一种圆角泳道的展示及交互方法 | |
CN207319497U (zh) | 一种新型的教学用定格动画拍摄装置 | |
CN105100923A (zh) | 视频播放方法及装置 | |
US10665026B2 (en) | Apparatus and associated methods for displaying amalgamated virtual reality content | |
CN105573603A (zh) | 终端灭屏时间的调整方法及装置 | |
CN106851405A (zh) | 基于倾斜视角检测的视频播放方法及装置 | |
CN102164322A (zh) | 数字电视节目的处理方法及系统 | |
CN104469440B (zh) | 视频播放方法、视频播放器及对应的播放设备 | |
CN102307286A (zh) | 一种电视多画面的处理方法及处理系统 | |
CN106598411A (zh) | 一种信息处理方法及电子设备 | |
CN103533333A (zh) | 景深调节方法、景深调节装置和显示装置 | |
CN216249943U (zh) | 一种3d虚拟交互展示平台 | |
CN104244065A (zh) | 一种字幕处理的方法及装置 | |
CN101771837A (zh) | 一种实现2.5d菜单的方法、装置和电视机 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |