CN110602562A - 一种基于视频编辑的多素材轨道显示方法 - Google Patents

一种基于视频编辑的多素材轨道显示方法 Download PDF

Info

Publication number
CN110602562A
CN110602562A CN201910818782.2A CN201910818782A CN110602562A CN 110602562 A CN110602562 A CN 110602562A CN 201910818782 A CN201910818782 A CN 201910818782A CN 110602562 A CN110602562 A CN 110602562A
Authority
CN
China
Prior art keywords
view
offset
list
tracks
preview
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
Application number
CN201910818782.2A
Other languages
English (en)
Inventor
平乾
郑楠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Yingxiao Technology Co Ltd
Original Assignee
Hangzhou Yingxiao Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Hangzhou Yingxiao Technology Co Ltd filed Critical Hangzhou Yingxiao Technology Co Ltd
Priority to CN201910818782.2A priority Critical patent/CN110602562A/zh
Publication of CN110602562A publication Critical patent/CN110602562A/zh
Pending legal-status Critical Current

Links

Classifications

    • 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/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • 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/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • 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/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • 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/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • 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/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47217—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00—Details of television systems
    • H04N5/222—Studio circuitry; Studio devices; Studio equipment
    • H04N5/262—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

本发明公开了一种基于视频编辑的多素材轨道显示方法，包括:建立素材时间轴列表，素材时间轴列表根据实际的素材数量和轨道数量建立，可分别实现上下左右四个方向的滑动预览；触发滑动时间后，实时监听素材时间轴列表位置的状态；在每一次的响应回调事件之后，获取当前素材时间轴列表的偏移，偏移在y轴上的偏移大于0，则在交互界面的底部位置处显示底部提示视图，否则不显示底部提示视图；偏移在y轴上的偏移加上素材时间轴列表显示区域的高度小于素材时间轴列表内容的总高度，在交互界面的顶部提示视图，否则不显示。本发明通过上下阴影显示的方式来向用户说明仍有可操作的轨道，使得用户清晰的了解其视频中所含的轨道数量及轨道所处的位置。

Description

一种基于视频编辑的多素材轨道显示方法
技术领域
本发明属于人机交互技术领域，具体涉及一种基于视频编辑的多素材轨道显示方法。
背景技术
在视频编辑应用中，单元素轨道应用于各个视频剪辑、特效制作等应用当中，其作用是单独控制该元素、可用于调节元素的出场时间，结束时间等。
在现有视频编辑，有时用户需要插入多条文字或者贴纸轨道等多种素材轨道，因此会出现文字或者贴纸轨道等多种素材轨道数量过多的情况，而视频编辑终端的交互界面的显示区域有限，导致全部素材轨道不能全部同时显示于交互界面上，因此部分素材轨道需要进行隐藏设置，但是由于将部分素材轨道隐藏设置，导致用户不能从交互界面上很直观的知晓有多少种素材轨道以及素材轨道的位置，容易导致隐藏的素材轨道被用户忽略，影响整个产品的使用体验。例如现有的贴纸轨道通常通过竖直排列的形式展示给用户，用户无法判断所处的轨道位置以及轨道上下是否还有贴纸轨道。
发明内容
为了解决上述问题，本发明提供了一种基于视频编辑的多素材轨道显示方法，用户清晰的了解其视频中所含的轨道数量及轨道所处的位置。
本发明的技术方案为：一种基于视频编辑的多素材轨道显示方法，包括：
建立素材时间轴列表，所述素材时间轴列表根据实际的素材数量和轨道数量建立，可分别实现上下左右四个方向的滑动预览；
触发滑动时间后，开始实时监听素材时间轴列表位置的状态；
在每一次的响应回调事件之后，获取当前素材时间轴列表的偏移，若偏移在y轴上的偏移大于0，则在交互界面的底部位置处显示底部提示视图，否则不显示底部提示视图；若偏移在y轴上的偏移加上素材时间轴列表显示区域的高度小于素材时间轴列表内容的总高度，则在交互界面的顶部提示视图，否则不显示。
本发明可以通过轨道区域上下显示提示视图的形式提示用户，若上侧有提示视图出现，则说明上侧有其他轨道，若下侧有提示视图出现，则说明下侧有其他轨道，拉到顶部或者底部阴影会消失，则分别说明顶部和底部无其他轨道，同时本申请还可以通过查看视频轴上的轨道来判断贴纸轨道的数量。
作为优选，触发滑动事件开始之后，记录原始触发坐标x1和y1；
手指滑动后，记录新的坐标点x2和y2，根据新的坐标点与原始触摸坐标点分别在x和y两个方向上的偏差大小，确定得出本次滑动的有效方向，同时纠正无效方向上的滑动偏移。本发明中，素材时间轴列表4个方向滑动预览功能的实现需要控制单一方向上的滑动，以避免滑动x轴方向的同时滑动y轴方向，因此本发明中，在手指触发滑动事件的开始，记录下手指的原始触摸坐标，手指滑动后，根据新的坐标点跟原始触摸坐标点在x和y两个方向上的偏差大小，来最终确定本次滑动的有效方向，同时纠正在无效方向上的滑动偏移。
本发明中底部提示视图和顶部提示视图的显示方式有多种，例如可以设置线条视图的方式进行提示，也可以其他的方式呈现，作为优选，所述底部提示视图和顶部提示视图均通过阴影视图的方式呈现。
作为优选，快捷状态预览视图的核心实现逻辑主要在于将所有的贴纸及其状态抽象的绘制到一个能够实现整体预览的视图中。为此，只保留了颜色、起始结束位置、所属轨道这些属性，以1pt高度线条的形式绘制到置顶的始终可见的快捷状态预览视图中，从而使得在操作的过程中能够通过缩略版的预览模式对当前贴纸在整个时间轴中所处的位置有整体的了解。
与现有技术相比，本发明的有益效果体现在：
本发明可以通过上下阴影显示的方式来向用户说明仍有可操作的轨道，使得用户清晰的了解其视频中所含的轨道数量及轨道所处的位置，同时缩略图上以细条显示该时间段所有的轨道，方便用户查看屏幕外面的轨道。
附图说明
图1为本发明中交互界面上部显示阴影视图的案列示意图。
图2为本发明中交互界面下部显示阴影视图的案列示意图。
图3为本发明中交互界面上部和下部均显示阴影视图的案列示意图。
具体实施方式
实施例1
一种基于视频编辑的多素材轨道显示方法，包括：
建立素材时间轴列表，所述素材时间轴列表根据实际的素材数量和轨道数量建立，可分别实现上下左右四个方向的滑动预览；
触发滑动时间后，开始实时监听素材时间轴列表位置的状态；
在每一次的响应回调事件之后，获取当前素材时间轴列表的偏移，若偏移在y轴上的偏移大于0，则在交互界面的底部位置处显示底部提示视图，否则不显示底部提示视图；若偏移在y轴上的偏移加上素材时间轴列表显示区域的高度小于素材时间轴列表内容的总高度，则在交互界面的顶部提示视图，否则不显示。本发明中底部提示视图和顶部提示视图的显示方式有多种，例如可以设置线条视图的方式进行提示，也可以其他的方式呈现，本实施例中底部提示视图和顶部提示视图均通过阴影视图的方式呈现。
本发明可以通过轨道区域上下显示提示视图的形式提示用户，若上侧有提示视图出现，则说明上侧有其他轨道，若下侧有提示视图出现，则说明下侧有其他轨道，拉到顶部或者底部阴影会消失，则分别说明顶部和底部无其他轨道，同时本申请还可以通过查看视频轴上的轨道来判断贴纸轨道的数量。
本实施例中在触发滑动事件开始之后，记录原始触发坐标x1和y1；
手指滑动后，记录新的坐标点x2和y2，根据新的坐标点与原始触摸坐标点分别在x和y两个方向上的偏差大小，确定得出本次滑动的有效方向，同时纠正无效方向上的滑动偏移。本发明中，素材时间轴列表4个方向滑动预览功能的实现需要控制单一方向上的滑动，以避免滑动x轴方向的同时滑动y轴方向，因此本发明中，在手指触发滑动事件的开始，记录下手指的原始触摸坐标，手指滑动后，根据新的坐标点跟原始触摸坐标点在x和y两个方向上的偏差大小，来最终确定本次滑动的有效方向，同时纠正在无效方向上的滑动偏移。
快捷状态预览视图的核心实现逻辑主要在于将所有的贴纸及其状态抽象的绘制到一个能够实现整体预览的视图中。为此，只保留了颜色、起始结束位置、所属轨道这些属性，以1pt高度线条的形式绘制到置顶的始终可见的快捷状态预览视图中，从而使得在操作的过程中能够通过缩略版的预览模式对当前贴纸在整个时间轴中所处的位置有整体的了解。

Claims (4)

1.一种基于视频编辑的多素材轨道显示方法，其特征在于，包括:
建立素材时间轴列表，所述素材时间轴列表根据实际的素材数量和轨道数量建立，可分别实现上下左右四个方向的滑动预览；
触发滑动时间后，开始实时监听素材时间轴列表位置的状态；
在每一次的响应回调事件之后，获取当前素材时间轴列表的偏移，若偏移在y轴上的偏移大于0，则在交互界面的底部位置处显示底部提示视图，否则不显示底部提示视图；若偏移在y轴上的偏移加上素材时间轴列表显示区域的高度小于素材时间轴列表内容的总高度，则在交互界面的顶部提示视图，否则不显示。
2.如权利要求1所述的基于视频编辑的多素材轨道显示方法，其特征在于，触发滑动事件开始之后，记录原始触发坐标x1和y1；
手指滑动后，记录新的坐标点x2和y2，根据新的坐标点与原始触摸坐标点分别在x和y两个方向上的偏差大小，确定得出本次滑动的有效方向，同时纠正无效方向上的滑动偏移。
3.如权利要求1所述的基于视频编辑的多素材轨道显示方法，其特征在于，所述底部提示视图和顶部提示视图均通过阴影的方式呈现。
4.快捷状态预览视图的核心实现逻辑主要在于将所有的贴纸及其状态抽象的绘制到一个能够实现整体预览的视图中。为此，只保留了颜色、起始结束位置、所属轨道这些属性，以1pt高度线条的形式绘制到置顶的始终可见的快捷状态预览视图中，从而使得在操作的过程中能够通过缩略版的预览模式对当前贴纸在整个时间轴中所处的位置有整体的了解。
CN201910818782.2A 2019-08-30 2019-08-30 一种基于视频编辑的多素材轨道显示方法 Pending CN110602562A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910818782.2A CN110602562A (zh) 2019-08-30 2019-08-30 一种基于视频编辑的多素材轨道显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910818782.2A CN110602562A (zh) 2019-08-30 2019-08-30 一种基于视频编辑的多素材轨道显示方法

Publications (1)

Publication Number Publication Date
CN110602562A true CN110602562A (zh) 2019-12-20

Family

ID=68856672

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910818782.2A Pending CN110602562A (zh) 2019-08-30 2019-08-30 一种基于视频编辑的多素材轨道显示方法

Country Status (1)

Country Link
CN (1) CN110602562A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112468864A (zh) * 2020-11-24 2021-03-09 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
CN113473204A (zh) * 2021-05-31 2021-10-01 北京达佳互联信息技术有限公司 一种信息展示方法、装置、电子设备及存储介质
WO2022247365A1 (zh) * 2021-05-27 2022-12-01 北京达佳互联信息技术有限公司 编辑视频素材的交互方法、装置及电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101472085A (zh) * 2007-12-25 2009-07-01 新奥特（北京）视频技术有限公司 一种竖向编辑轨道布局的新闻制作方法
US20110145743A1 (en) * 2005-11-11 2011-06-16 Ron Brinkmann Locking relationships among parameters in computer programs
CN102547137A (zh) * 2010-12-29 2012-07-04 新奥特（北京）视频技术有限公司 一种视频图像的处理方法
US20140328568A1 (en) * 2009-05-29 2014-11-06 Panasonic Corporation Video recording apparatus and external terminal
CN106937022A (zh) * 2015-12-31 2017-07-07 上海励丰创意展示有限公司 音频、视频、灯光、机械多专业协同编辑及控制方法
CN109862429A (zh) * 2019-01-03 2019-06-07 百度在线网络技术（北京）有限公司 视频播放控制方法、装置、设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110145743A1 (en) * 2005-11-11 2011-06-16 Ron Brinkmann Locking relationships among parameters in computer programs
CN101472085A (zh) * 2007-12-25 2009-07-01 新奥特（北京）视频技术有限公司 一种竖向编辑轨道布局的新闻制作方法
US20140328568A1 (en) * 2009-05-29 2014-11-06 Panasonic Corporation Video recording apparatus and external terminal
CN102547137A (zh) * 2010-12-29 2012-07-04 新奥特（北京）视频技术有限公司 一种视频图像的处理方法
CN106937022A (zh) * 2015-12-31 2017-07-07 上海励丰创意展示有限公司 音频、视频、灯光、机械多专业协同编辑及控制方法
CN109862429A (zh) * 2019-01-03 2019-06-07 百度在线网络技术（北京）有限公司 视频播放控制方法、装置、设备及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
CSDN博主[SHAFT]: "CSS自定义滑动列表上部提示阴影", 《HTTPS://BLOG.CSDN.NET/SHAFT_/ARTICLE/DETAILS/81163155》 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112468864A (zh) * 2020-11-24 2021-03-09 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
WO2022111392A1 (zh) * 2020-11-24 2022-06-02 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
US11871072B2 (en) 2020-11-24 2024-01-09 Beijing Zitiao Network Technology Co., Ltd. Video processing method and apparatus, and device and storage medium
JP7551923B2 (ja) 2020-11-24 2024-09-17 北京字跳▲網▼絡技▲術▼有限公司 ビデオ処理方法、装置、機器及び記憶媒体
WO2022247365A1 (zh) * 2021-05-27 2022-12-01 北京达佳互联信息技术有限公司 编辑视频素材的交互方法、装置及电子设备
CN113473204A (zh) * 2021-05-31 2021-10-01 北京达佳互联信息技术有限公司 一种信息展示方法、装置、电子设备及存储介质
CN113473204B (zh) * 2021-05-31 2023-10-13 北京达佳互联信息技术有限公司 一种信息展示方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN110602562A (zh) 一种基于视频编辑的多素材轨道显示方法
CN100593939C (zh) 图像数据再现装置、控制该装置的方法
DE112016000085T5 (de) Gerät, Verfahren und grafische Benutzerschnittstelle für die Navigation durch Medieninhalt
CN102169414B (zh) 用于表示动画菜单按钮的方法
JP5536306B2 (ja) 動的映像物を生成するためのテンプレートを編集する装置および方法。
US9262052B2 (en) Method and device for controlling the display of a plurality of elements of a list on a display device
WO2017014800A1 (en) Video editing on mobile platform
US9431059B2 (en) Information processing method and electronic device thereof
KR102297919B1 (ko) 링크처 지정용 인터페이스 장치, 시청자용 인터페이스 장치, 및 컴퓨터 프로그램
JP3648130B2 (ja) 映像一覧方法及び映像一覧処理プログラムを記録したコンピュータ読み取り可能な記録媒体
CN104038620A (zh) 一种手机视频播放控制系统及其方法
JP2007148783A (ja) コンピュータの画像表示装置、画像表示方法、画像表示プログラムを記録した媒体
JP5585716B1 (ja) リンク先指定用インタフェース装置、視聴者用インタフェース装置、及びコンピュータプログラム
CN113010075B (zh) 多信号源窗口交互方法、系统、可读存储介质和电子设备
CN107015746A (zh) 一种界面元素处理方法及装置
CN112153479A (zh) 弹幕区域的调整方法、装置、电子设备及存储介质
CN104461245A (zh) 一种应用程序图标的管理方法
CN104536650A (zh) 一种基于ios系统的视差翻页人机交互方法
CN105511778A (zh) 一种控制多个游戏画面显示的交互方法及装置
US11341096B2 (en) Presenting and editing recent content in a window during an execution of a content application
CN104156135B (zh) 屏幕录制方法及装置
KR101610882B1 (ko) 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
WO2018233537A1 (zh) 界面内容的动态显示方法、装置及其设备
WO2017045652A2 (zh) 一种信息内容的显示方法及相应的终端设备
CN108614661B (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20191220