CN111930996A - 显示方法、装置、设备及存储介质 - Google Patents

显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN111930996A
CN111930996A CN202010642206.XA CN202010642206A CN111930996A CN 111930996 A CN111930996 A CN 111930996A CN 202010642206 A CN202010642206 A CN 202010642206A CN 111930996 A CN111930996 A CN 111930996A
Authority
CN
China
Prior art keywords
target
video
picture
target sub
playing
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
CN202010642206.XA
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.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010642206.XA priority Critical patent/CN111930996A/zh
Publication of CN111930996A publication Critical patent/CN111930996A/zh
Priority to PCT/CN2021/104343 priority patent/WO2022007722A1/zh
Priority to US18/004,641 priority patent/US20230244362A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/73Querying
    • G06F16/738Presentation of query results
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/78Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
    • G06F16/783Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using metadata automatically derived from the content
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G11INFORMATION STORAGE
    • G11BINFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/102Programmed access in sequence to addressed parts of tracks of operating record carriers
    • GPHYSICS
    • G11INFORMATION STORAGE
    • G11BINFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/34Indicating arrangements 
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/414Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance
    • H04N21/41407Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance embedded in a portable device, e.g. video client on a mobile phone, PDA, laptop
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation 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
    • H04N21/4316Generation 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 for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-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/47217End-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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Signal Processing (AREA)
  • Library & Information Science (AREA)
  • Computational Linguistics (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例提供一种显示方法、装置、设备及存储介质,该方法包括:显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。本公开实施例能够为用户提供便捷的操作,以实现多功能化,进而满足用户需求,提高了用户的操作体验。

Description

显示方法、装置、设备及存储介质
技术领域
本公开实施例涉及计算机技术领域,尤其涉及一种显示方法、装置、设备及存储介质。
背景技术
视频播放功能是客户端的视频播放器或视频播放应用程序的常用功能。随着科技的发展,视频播放功能的应用越来越广泛。
然而,目前的视频播放应用程序或视频播放器仅能在播放界面中向用户提供单一的视频,无法提供其他信息,同时也无法为用户提供便捷且丰富的功能,进而影响用户体验。
发明内容
本公开实施例提供一种显示方法、装置、设备及存储介质,能够为用户提供便捷的操作,并实现多功能化,进而满足用户需求,提高了用户的操作体验。
第一方面,本公开实施例提供一种显示方法,所述方法包括:
显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
第二方面,本公开实施例提供一种显示装置,所述装置包括:
显示模块,用于显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
播放模块,用于在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
处理模块,用于响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
第三方面,本公开实施例提供一种电子设备,
包括:至少一个处理器;以及存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上述第一方面任一项所述的显示方法。
第四方面,本公开实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面任一项所述的显示方法。
本公开实施例提供的显示方法、装置、设备及存储介质,能够显示用户界面,该用户界面可以用于播放目标视频,该目标视频包括多个目标子视频,其中,该用户界面可以包括图片展示区,且并且在展示多个图片的同时,在用户界面上顺序地播放该目标视频中的各个目标子视频,为用户提供了可以在同一个用户界面中观看多个目标子视频和多个图片的便利。由于多个目标子视频分别对应于该图片展示区域中展示的多个图片,使得用户在观看展示的图片的同时还可以同时观看与展示图片相对应的目标子视频,图片的展示还能够和目标子视频的播放产生联动效果,能够清楚地显示给用户正在播放的是哪个目标图片对应的目标子视频,使用户有较好的观看体验;此外,若有作用于图片展示区域中展示的任一图片即目标图片的第一触发操作,则响应作用于该第一触发操作,跳转显示与该目标图片相关联的目标信息,能够便捷地获取到与目标图片相关联的信息,进而使得用户可以对目标图片或目标图片的相关联内容有更多信息的获取,无需用户通过对展示的目标图片进行搜索、筛选出与目标图片的相关联内容等繁琐操作,用户只需对目标图片进行第一触发操作即可跳转显示与该目标图片相关联的目标信息,简化了操作步骤,进而提高了用户体验。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的用户界面的示意图;
图2为本公开再一实施例提供的显示方法的场景示意图;
图3为本公开另一实施例提供的显示方法的场景示意图;
图4为本公开实施例提供的显示方法的流程示意图;
图5为本公开又一实施例提供的显示方法的场景示意图;
图6为本公开再一实施例提供的显示方法的场景示意图;
图7为本公开另一实施例提供的显示方法的场景示意图;
图8为本公开又一实施例提供的显示方法的场景示意图;
图9为本公开再一实施例提供的显示方法的场景示意图;
图10为本公开另一实施例提供的显示方法的场景示意图;
图11为本公开又一实施例提供的显示方法的场景示意图;
图12为本公开实施例提供的显示装置的结构框图;
图13为本公开实施例提供的电子设备的硬件结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置或模块之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
目前的视频播放应用程序或视频播放器仅能在播放界面中向用户提供单一的视频,无法提供其他信息,同时也无法为用户提供便捷且丰富的功能(比如,查询功能等),进而影响用户体验。
为了解决上述问题,本公开的技术构思是可以将展示的多个图片与多个子视频相对应,在同一用户界面上,在展示图片的同时可以播放相应的子视频,当用户点击某一展示的图片时,可以跳转显示相应的目标信息,为用户提供了便捷的操作,使得用户可以快速有效地获取到需求信息,不但满足了用户需求,还提高了用户的操作体验。
下面以具体地实施例对本公开的技术方案进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例不再赘述。
用户界面在实际应用中,本公开实施例的执行主体可以是终端设备,比如移动终端、计算机设备(如,台式机、笔记本电脑、一体机等)等,移动终端可以包括智能手机、掌上电脑、平板电脑、带显示屏的可穿戴设备等具有播放功能的移动设备。在实际应用中,显示的用户界面可以用于播放目标视频,该目标视频可以是为用户推荐的,也可以是随机推送的,本公开对此不做具体限定。
在一种场景下,参考图1,图1为本公开实施例提供的用户界面的示意图,终端设备可以显示用于播放目标视频的用户界面10,该用户界面10设置有视频播放区域101和图片展示区域102。其中,可以在视频播放区域101播放多个目标子视频,在图片展示区域102展示多个图片。本领域技术人员应当理解,图片展示区域102的位置和大小可以根据实际需求设置。根据本公开的实施例,可以在图片展示区域102展示多个图片的同时播放多个目标子视频。
根据本公开实施例的显示方法可以应用于图片视频联动场景,图片视频联动场景可以包括在顺序展示图片的同时,在同一界面上顺序地播放对应的目标子视频和/或者支持触发任意图片时动态切换到与该图片对应的目标子视频,并同时播放该对应的目标子视频。此外,根据本公开实施例的显示方法还可以应用于与图片相关联详情查询场景,例如,支持触发任意图片时动态切换到与该图片对应的关联目标界面,并显示与该图片对应的关联目标信息。本公开不对应用场景进行限制。
下面以具体地实施例对本公开的技术方案进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例不再赘述。终端设备可以在该第一界面10中的图片展示区域102中展示多个图片,同时在该用户界面10中的视频播放区域101中顺序地播放与各个图片对应的目标子视频,参见图1中所示(其中,图1可以表示目标子视频1正处于播放状态的播放界面,并且图片1对应目标子视频1)。以广告场景为例,图片展示区域102可以展示多个商品的图片,每个图片中包括至少一个商品;视频播放区域101中顺序地播放与每个图片中的至少一个商品相对应的子视频,例如,对应的商品的广告视频。该目标子视频中可以包括该至少一件商品,该目标子视频可以包括该至少一件商品的视频广告、该至少一件商品的使用视频等等,本公开不对此进行限制。本公开不对应用场景进行限制。
当用户想要查询或是了解与图片展示区域中的任一图片的相关的信息时,可以直接触发相应的图片(即目标图片,以图2(a)中所示的目标图片为图片3为例),即可跳转显示与该目标图片对应的目标信息。
在一个实施例中,终端设备可以响应于目标图片上的触发操作,跳转显示与目标图片相对应的目标子视频,参见图2(d)。
在一个实施例中,终端设备可以响应于目标图片上的触发操作,跳转至目标界面显示目标信息,目标信息可以包括与目标图片相关联的静态目标信息和/或动态目标信息201(这里的动态目标信息可以包括目标图片对应的目标子视频或者与目标图片对应的其他视频),参见图2(b)和(c)所示。如图2(b)和(c)所示,目标界面20上可以展示与目标图片相关联的静态目标信息,例如,与目标图片中的内容相关联的图片、文字或者图片和文字的组合内容等静态目标信息。以目标图片中包括某一商品为例,其相关联的静态目标信息可以包括该商品的详情页或是该商品对应的链接页,在详情页中可以为用户提供该商品的详细信息,在链接页中,用户通过链接可以进入到该商品的详情页或是与该商品关联的主页。目标界面20上还可以展示与目标图片相关联的动态目标信息。在一个实施例中,该动态目标信息可以包括用户界面10中播放的与该目标图片相关联的目标子视频,此外,该动态目标信息还可以包括与该目标图片相关联的其他视频。以广告场景为例,在目标图片中包括商品A、且目标图片对应于目标视频中的目标子视频A1的情况下,当接收到用户针对目标图片的触发操作时,终端设备可以在目标界面20上播放与该商品A相关联的目标子视频A1,或者在目标界面20上播放与该商品A相关联的其他视频(例如,该商品A被使用的视频等等)。通过该触发实现跳转显示目标图片对应的目标信息,操作简单快捷,无需繁琐的查询步骤便可以为用户提供更多的显示信息,从而能够提高用户操作体验。
此外,为了显示出当前播放的目标子视频对应于图片展示区域中的哪个目标图片,还可以通过突出显示的方式来显示与当前播放的目标子视频相对应的目标图片。该突出显示的方式可以包括(但不限于):使得目标图片的图片颜色或图片所在位置的亮度高于其他图片,或者对目标图片添加显示框,等等。
此外,由于受终端设备的屏幕空间的影响,图片展示区域在当前屏幕上可能展示有限数目的图片(比如三个,在此不做限定),不能将所有的图片同时展示在图片展示区域,所以当用户想要观看或查看某一图片时,可以在图片展示区上滑动图片,以能够查看更多的图片,从而能够满足用户的个性化观看或查看等需求。在一个实施例中,终端设备可以检测图片展示区域上的滑动操作,并且按照滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
在一个实施例中,当终端设备跳转至目标界面显示与目标图片相关联的目标信息时,终端设备接收到用户在目标界面20上进行的触发操作,即恢复显示用户界面。目标界面20中可以设置有返回按钮202(参见图2(b)中所示)也可以不设置返回按钮(参见图2(c)中所示)。以目标界面20中设置返回按钮202为例,参见图3所示,若用户想返回至用户界面,则只需在目标界面20上进行相应的触发操作即可,比如在目标界面20上点击返回按钮202(参见图3(a)中所示)或是滑动操作(参见图3(b)中所示),即可恢复显示用户界面10(参见图3(c)中所示)。本公开不对具体的触发操作进行限制。通过在目标界面和用户界面中的切换,能够为用户提供浏览便利,并且实现了界面展示的多功能化,因此,本公开不但满足了用户需求还提高了用户的操作体验和观看体验。
此外,本领域技术人员应当理解的是,“触发”操作可以包括(但不限于):点击触发,即用户通过点击对应的按钮或者界面中的任一位置实现触发;手势触发,用户通过做出相应的手势从而实现触发操作;语音触发,即用户通过发出相应的语音指令实现触发操作;表情触发,即通过做出相应的表情从而实现触发操作,等等,本公开不对触发操作进行限制。
在一个实施例中,显示方法的实现可以用过以下方式实现:
参考图4,图4为本公开实施例提供的信息显示方法的流程示意图。
该信息显示方法可以包括:
S101、显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频。
本公开实施例的方法可以应用在终端设备中,在终端设备上可以显示用于播放目标视频的用户界面,该用户界面上包括图片展示区域,在图片展示区域中可以展示多个图片,并且目标视频中可以包括多个目标子视频。
终端设备可以通过以下步骤实现用户界面的显示:
步骤a1、接收所述多个目标子视频。
步骤a2、接收所述多个图片,其中,所述多个图片与所述多个目标子视频分别对应。
本公开实施例中,当观看视频的用户(以下简称为用户)打开应用程序时,终端设备可以接收服务器下发的多个视频,终端设备可以基于自身的性能和/或网络状态对收到的多个视频进行筛选,从而获取多个目标子视频,终端设备还接收服务器下发的多个图片,并且每个图片对应一个筛选出来的目标子视频,即多个图片与多个目标子视频分别对应。例如,对于一个目标子视频,与其对应的图片可以包括与该目标子视频中的内容相关的图片。例如,如果一个目标子视频包括一个或者多个商品的广告视频,则对应的图片可以包括该一个或者多个商品的图片;如果一个目标子视频包括一段拍摄记录的风景短视频,则与其对应的图片还可以包括该短视频所拍摄的风景景点图片或者拍摄该短视频的创作者的图片,等等,本公开不对此对应进行限制。
步骤a3、根据所述多个目标子视频和所述多个图片,在所述用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频用户界面。
终端设备根据获取到的多个目标子视频以及多个图片,通过每个目标子视频与对应的图片的对应关系,在用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频。终端设备可以根据目标子视频与每个图片之间的对应关系,建立每个目标子视频和对应的图片之间的关联关系,并根据该关联关系,在用户界面实现视频与图片的联动效果,给用户提供了丰富的观看体验。
在本公开的一个实施例中,该目标视频的形成,可以包括下述至少两种方式:
方式一、所述目标视频可以由所述多个目标子视频拼接形成。终端设备可以将所述多个目标子视频拼接成目标视频,并记录所述目标视频中的各个所述目标子视频对应的播放顺序和播放时长。
在一个实施例中,终端设备可以对多个视频进行筛选,并为筛选出来的视频分别创建异步任务进行预处理和下载,将预处理和下载的视频作为多个目标子视频。其中预处理过程可以根据终端设备的性能、网络状态等因素选择合适的清晰度与码率的播放地址。为了确保最终合成视频的播放顺序与下发顺序相同,终端设备可以在存储子视频之前,等待全部子视频下载后按顺序存储。终端设备将接收到的子视频输入到视频合成模型进行顺序拼接,并保存生成的目标视频到终端设备的存储器中。当在用户界面上播放目标视频时,终端设备可以直接读取对应存储器目录下的目标视频。终端设备还可以记录目标视频中的各个目标子视频对应的播放顺序和播放时长,以为实现各个目标子视频之间的跳转播放提供支持以及为各个目标子视频与对应的各个图片实现联动技术提供支持,用以保证达到联动的效果。
具体地,终端设备将所述多个目标子视频拼接成目标视频可以包括:根据预设顺序,对所述多个目标子视频执行顺序拼接操作,生成所述目标视频;将所述预设顺序作为各个所述目标子视频对应的播放顺序。这里的预设顺序可以是在等待全部子视频下载后按顺序存储的存储顺序。基于存储顺序,可以通过视频合成模型对多个目标子视频执行顺序拼接操作,进而生成目标视频。
例如,终端设备下载所有待拼接的多个目标子视频并按照预设的顺序存储,然后将待拼接的多个目标子视频顺序地进行拼接,生成该目标视频。
在一个实施例中,移动终端可以将接收到的多个子视频输入到用于将多个目标子视频合成一个目标视频的视频合成模型中进行顺序拼接,生成该目标视频。
示例性的,该视频合成模型中可以包括待添加子视频的模板,终端设备将多个子视频按顺序输入到视频合成模型中的待添加子视频的模板,当输入操作结束后,终端设备触发视频拼接指示,用以指示视频合成模型将待添加子视频的模板中的多个子视频按照输入多个子视频的顺序合成一个长视频,即形成目标视频,这里的目标视频即为拼接视频基于上述方式一,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,可以通过以下步骤实现:
步骤b1、获取目标视频中的所述各个目标子视频对应的播放顺序和播放时长。
步骤b2、根据所述播放顺序和播放时长,在所述用户界面上顺序地播放所述目标视频中的所述各个目标子视频。
在合成目标视频后,终端设备可以记录目标视频中的各个目标子视频对应的播放顺序和播放时长,其中,根据播放顺序和播放时长可以确定在目标视频中播放下一个目标子视频的播放开始时间点,例如,以目标视频中包括三个目标子视频A1、B1、C1为例,比如,A1、B1、C1的播放顺序为A1、B1、C1当前的先后排列顺序(即,先播放A1,再播放B1,之后播放C1),A1、B1、C1分别对应的播放时长为20s、30s、25s,则当目标视频从目标子视频A1开始播放时,A1的播放开始时间点为目标视频中的第0s,目标子视频B1的播放开始时间点为目标视频中的第20s,目标子视频C1的播放开始时间点为目标视频中的第50s。当C1播放完毕之后,终端设备可以在用户界面中重新播放目标视频,因此,下一轮播放目标视频时,可以重新计时:目标子视频A1的播放开始时间点为目标视频中的第0s,以此类推。由此,终端设备在用户界面上基于各个目标子视频对应的播放顺序以及对应的播放时长,顺序地播放相应的各个目标子视频。
方式二、在一个实施例中,终端设备通过加载下一个目标子视频实现播放目标视频。
本公开实施例中,终端设备通过预加载或实时加载目标子视频,实现多个目标子视频的顺序播放。例如,当播放第一个目标子视频时,终端设备可以获取预先存储的或是通过服务器下发的视频列表中的第二个目标子视频的播放地址并进行第二个目标子视频的预加载,待第一个目标子视频播放完毕后,继续播放预加载好的第二个目标子视频;或是,待第一个目标子视频播放完毕的同时,获取下一个待播放的目标子视频进行播放,以此类推,以实时切换目标子视频的方式实现目标视频的播放。
其中,基于方式二,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,可以顺序地针对每个目标子视频通过以下步骤实现:
步骤c1、获取对应的目标子视频的播放地址。
步骤c2、据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址。
本公开实施例中,本公开实施例中,可以获取各个目标子视频的播放顺序,并按照所述播放顺序针对每个目标子视频,执行如下操作:获取对应的目标子视频的播放地址;据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址,然后以此类推,重复执行上述操作,在用户界面上实现顺序播放各个目标子视频。
具体地,当接收到用户对信息流的刷新操作后、在进入该用户界面之前,终端设备会根据播放地址对第一段视频(第一个目标子视频)进行预加载。终端设备播放第一段视频,同时对剩余的目标子视频在后台进行预加载。播放视频之前终端设备会进行播放地址和码率的动态选择,以便实现最佳的播放效果。当第一段视频播放完毕之后,终端设备会实时切换播放第二段视频(第二个目标子视频),在预加载成功的情况下,可直接使用预加载的视频数据进行播放,减少网络原因造成的卡顿。类似地,第二段视频播放完毕后又会实时切换播放第三段视频(第三个目标子视频),以此类推。当播放完相关联的最后一段视频时,终端设备可以重新播放第一段视频,从而实现了连续循环播放多段视频的效果。
返回至图4,步骤S102:在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频。
本公开实施例中,多个目标子视频分别对应于所述图片展示区域中展示的多个图片,即,一个目标子视频对应一个图片,存在对应关系,使得在图片展示区域中展示多个图片的同时,在顺序地播放所述目标视频中的各个目标子视频。在一个实施例中当用户触发对应图片即可跳转显示对应的目标信息。
在本公开的一个实施例中,在上述实施例的基础上,对该显示方法进行了详细说明。该显示方法还可以包括:根据所述多个目标子视频和所述多个图片的对应关系,对每个目标子视频和对应的图片建立关联关系。
本公开实施例中,为了实现多个目标子视频和多个图片的联动,可以根据每个目标子视频与每个图片之间的对应关系,建立每个目标子视频和对应的图片之间的关联关系。例如,以多个目标子视频包括三个目标子视频A1、B1、C1,多个图片包括A11、B11、C11为例,其中,A1与A11对应、B1与B11对应、C1与C11对应,根据这种一一对应关系,通过为目标子视频和对应的图片建立索引,生成每个目标子视频和对应的图片的关联关系,根据关联关系,终端设备可以同时对每个目标子视频和对应的图片实现联动展示。
在本公开的一个实施例中,根据所述多个目标子视频和所述多个图片的对应关系,对每个目标子视频和对应的图片建立关联关系,可以通过以下步骤实现:
步骤d1、将所述多个目标子视频的视频信息存储至视频列表中,并将所述多个图片的图片信息存储至图片列表中。
步骤d2、根据所述多个目标子视频和所述多个图片的对应关系,通过所述视频列表和所述图片列表,对各个所述目标子视频与所述对应的图片建立所述关联关系。
本公开实施例中,可以利用表与表之间的映射关系,实现各自表中内容之间关联关系的建立。具体地,将多个目标子视频的视频信息(例如,多个目标子视频的播放顺序、播放地址、播放时长等中的一种或者多种信息)存储至视频列表中,同时,将多个图片的图片信息(比如图片的存储地址等)存储至图片列表中,可以基于每个目标子视频与对应的图片的对应关系(例如,目标子视频的标识与对应的图片的标识存在唯一对应关系),通过视频列表和图片列表为每个目标子视频和对应的图片建立关联关系,进而实现每个目标子视频与对应的图片的关联。
在一个实施例中,可以在视频列表中为每个目标子视频建立索引,并通过该索引将目标子视频映射到图片列表中与该子视频对应的图片,从而为每个目标子视频和对应的图片建立关联关系。此外,也可以在图片列表中为每个目标图片建立索引,并通过该索引将图片映射到视频列表中与该图片对应的目标子视频,从而为每个目标子视频和对应的图片建立关联关系。本公开不对关联关系的建立进行限制。因此,通过建立的关联关系,能够实现每个目标子视频与对应的图片的联动,不再是在用户界面上单一地播放视频,为用户提供了更多功能和显示效果,提高了用户体验。
返回至图4,步骤S103、响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
本公开实施例中,这里的目标信息可以包括所述目标图片相关联的静态目标信息或动态目标信息。因此,当检测到作用于多个图片中的任一图片即目标图片时,响应于该触发操作,可以在当前界面即用户界面上从当前播放的目标子视频跳转播放与该目标图片对应的目标子视频,还可以跳转至目标界面,在目标界面上显示与所述目标图片相关联的静态目标信息或在目标界面上播放与该目标图片相关联的动态目标信息(这里的动态目标信息可以是与目标图片相关的视频,比如与目标图片对应的目标子视频或是与目标图片相关联的其他视频,在此不做具体限定)。这里的目标界面可以区别于用户界面的其他界面。
在一个实施例中,当用户在用户界面中的图片展示区域上触发任一图片时,即可跳转至与该图片相关联的关联页即目标界面,并通过终端设备显示该目标界面;或者,在用户界面上从当前播放的目标子视频跳转播放与该目标图片对应的目标子视频。此外,在一个实施例中,还可以通过设置不同的触发操作,跳转显示不同的目标信息。这里的触发操作可以包括点击操作或双击操作或按压操作,例如,通过第一触发操作触发目标图片可以播放对应的目标子视频,通过第二触发操作触发目标图片可以跳转至目标界面并显示与目标图片相关联的动态目标信息或者静态目标信息。例如,这里的第一触发操作和第二触发操作可以分别为双击或按压操作,只要将两个不同的触发操作区分即可,对具体包括什么操作不做具体限定,可以自定义设置。
在本公开的一个实施例中,如何通过响应第一触发操作,实现跳转显示与所述目标图片关联的目标信息,可以通过以下两种场景进行详细说明。响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片关联的目标信息,可以包括:
响应于所述第一触发操作,跳转显示与所述目标图片相关联的静态目标信息或动态目标信息。通过下述两种示例(示例1和示例2)进行详细说明。
示例1、针对在用户界面上从当前播放的目标子视频跳转播放与该目标图片对应的目标子视频的场景。具体地,响应作用于目标图片的第一触发操作,通过所述关联关系,跳转显示与所述目标图片对应的第一目标子视频,其中,所述目标图片包括所述多个图片中的任一图片。
具体地,可以通过至少两种方式实现:
一种方式可以在上述方式一的基础上实现。例如,响应于检测到用户对于目标图片的触发操作,终端设备根据该目标图片的索引在视频列表中查找对应的目标子视频信息,获取视频信息中的播放顺序和播放时长等信息,然后调用视频播放器的系统接口自动跳转到指定时间点开始播放,从而实现图片与目标子视频的联动切换效果。
另一种方式可以在上述方式二的基础上实现。响应于用户对于目标图片的触发操作,终端设备根据该目标图片的索引在视频列表中查找对应的目标子视频信息,获取视频信息中的播放地址,调用播放器的播放方法播放该目标子视频,从而实现图片与对应的目标子视频的联动切换效果。
在本公开的一个实施例中,对如何通过所述关联关系,跳转显示与所述目标图片对应的第一目标子视频进行了详细说明。响应作用于目标图片的第一触发操作,通过所述关联关系,跳转显示与所述目标图片对应的第一目标子视频,可以通过以下步骤实现:
步骤e1、响应作用于目标图片的第一触发操作,通过所述关联关系,确定与所述目标图片对应的所述第一目标子视频。
步骤e2、在所述视频列表中查找所述第一目标子视频的视频信息,所述视频信息包括所述第一目标子视频的播放顺序、播放时长以及播放地址中的至少一种;以及根据所述第一目标子视频对应的视频信息,播放所述第一目标子视频。
当目标视频通过上述方式一实现时,视频信息包括对应的目标子视频的播放顺序和播放时长。响应于检测到用户对于目标图片的触发操作,终端设备根据该目标图片的索引在视频列表中查找对应的第一目标子视频信息,获取视频信息中的播放顺序和播放时长,根据该第一目标子视频对应的播放顺序和播放时长,调整跳转播放该第一目标子视频,从而实现图片与对应的第一目标子视频的联动切换效果。
当以上述方式二实现目标视频的播放时,视频信息包括对应的目标子视频的播放地址。响应于用户对于目标图片的触发操作,终端设备根据该目标图片的索引在视频列表中查找对应的目标子视频信息,获取视频信息中的播放地址,根据该播放地址获取并播放该目标子视频,从而实现图片与对应的目标子视频的联动切换效果。
示例性的,参见图2所示,若当前播放的是目标子视频1,则当用户想要观看图片3对应的目标子视频3时,参见图2(a)中所示,用户可以通过触发图片3,终端设备检测到作用于图片3的触发操作时,响应作用于图片3的触发操作,通过所述关联关系,确定与该图片3对应的第一目标子视频即目标子视频3,在该视频列表中查找第一目标子视频的视频信息,用以实现在用户界面上跳转播放目标子视频3,参见图2(d)中所示。
示例2、针对跳转显示目标界面,并在该目标界面上播放与该目标图片对应的静态目标信息或动态目标信息。这里的静态目标信息可以包括诸如落地页等静态目标信息,比如与目标图片相关联的图片、文字或者图片和文字的组合内容等。动态目标信息可以包括目标图片对应的目标子视频或者与目标图片相关联的其他视频。
在实际应用中,这里的目标界面可以显示目标图片的详情页或是与图片相关联的其他图片详情页或是进入详情页的链接或缩略图。该详情页可以包括:含有图片或与图片相关联的文字信息的页面;在此对目标界面中具体包含的内容不做具体限定。此外,该目标界面还可以展示视频(例如,与目标图片对应的目标子视频或者与目标图片相关联的其他视频),也可以展示静态目标信息,还可以同时展示视频和静态目标信息。
本公开实施例中,当用户想要查询或是了解与图片展示区域中的任一图片的相关信息(比如静态目标信息、动态目标信息等)时,可以直接触发相应的图片(即目标图片,参见图2(a)中所示的目标图片为图片1),即可跳转显示与该目标图片对应的关联界面即与目标图片相关联的目标界面20。该目标界面20用于展示与目标图片相关联的静态目标信息或动态目标信息201(这里的动态目标信息可以包括与目标图片相关的视频),参见图2所示。
以目标图片包括某一商品为例,相关联的静态目标信息可以包括该商品的详情页或是该商品对应的链接,在详情页中可以为用户提供该商品的详细信息,用户通过链接可以进入到该商品的详情页或是与该商品关联的主页。目标界面上还可以展示与目标图片相关联的动态目标信息。该动态目标信息可以包括该商品的视频广告、该商品的使用视频等等,本公开不对此进行限制。
本公开提供的信息显示方法,可以通过终端设备显示用户界面,该用户界面可以用于播放目标视频,其中,该用户界面可以包括图片展示区,并且该目标视频包括多个目标子视频,为用户提供了可以一次观看多个目标子视频的便利,并且在图片展示区域中可以展示多个图片,在展示多个图片同时,在用户界面上顺序地播放该目标视频中的各个目标子视频,由于多个目标子视频分别对应于该图片展示区域中展示的多个图片,使得用户在观看展示的图片的同时还可以同时观看与展示图片相对应的目标子视频,使得图片的展示和目标子视频的播放产生联动效果,能够清楚地显示给用户正在播放的是哪个目标图片对应的目标子视频,使用户有较好的观看体验,若有作用于图片展示区域中展示的任一图片即目标图片的第一触发操作,则响应作用于该图片展示区域中的目标图片的第一触发操作,跳转显示与该目标图片相关联的目标信息,能够便捷地获取到与目标图片相关联的信息,进而使得用户可以对目标图片或目标图片的相关联内容有更多信息的获取,无需用户通过对展示的目标图片进行搜索、筛选出与目标图片的相关联内容等繁琐操作,用户只需对目标图片进行第一触发操作即可跳转显示与该目标图片相关联的目标信息,简化了操作步骤,进而提高了用户体验。
在实际应用中,当从用户界面跳转至目标界面后,再恢复显示用户界面时,通过下述两种示例(示例21、示例22)说明:
示例21、在从用户界面跳转至目标界面时,先暂停播放用户界面中处于播放状态的目标子视频,当从目标界面恢复至用户界面的同时,继续从播放暂停播放的目标子视频顺序播放。
其中,暂停播放的过程至少可以通过下述步骤实现:
在本公开的一个实施例中,当响应于第一触发操作时,该显示方法还可以包括:
响应于所述第一触发操作,暂停播放所述用户界面当前播放的第一目标子视频;以及记录所述第一目标子视频暂停播放的暂停时刻。
本公开实施例中,结合图1和图3所示,在第一界面中的目标视频处于播放状态时,当用户通过点击图片展示区域中的任一图片跳转至目标界面显示目标信息的同时,终端设备控制用户界面当前播放的子视频即第一目标子视频暂停,并记录该第一目标子视频暂停播放时对应的暂停时刻,以便于用户再次回到该用户界面时可以继续将之前未播放的视频进行顺序播放。可以参见图5所示(以用户界面中当前播放视频1和展示图片1为例),需要说明的是,本公开用户界面中视频处于暂停状态对应的界面不做具体限定,仅仅是示例性的,只要可以区别于用户界面中视频处于播放状态即可,进而可以为用户明确地显示除了视频和/或图片的动/静态来表示用户界面当前的状态以外,还可以通过某些目标标识103来识别用户界面当前的状态。其中,从图5(a)所示和图5(c)所示,界面图5(c)可以不呈现,可以通过内部逻辑实现,从目标界面恢复至用户界面时可以先显示图5(c)再继续播放,也可以不显示5(c)直接播放。此外,使用户界面从播放状态到暂停状态的操作可以参见图5(b)所示至图5(c)所示。
具体地,恢复显示用户界面的步骤可以通过下述方式实现:
在本公开的一个实施例中,在处于目标界面时,通过触发操作,该显示方法还可以包括:
响应作用于所述目标界面中的第二触发操作,恢复显示所述用户界面;以及从所述暂停时刻开始,在所述用户界面上继续播放所述第一目标子视频,并在所述图片展示区域展示所述多个图片。
其中,当所述暂停时刻为所述第一目标子视频播放完毕的时刻时,在所述用户界面上继续播放所述第一目标子视频的下一个目标子视频,并在所述图片展示区域展示所述多个图片。
本公开实施例中,在处于目标界面时,通过在目标界面中触发第二触发操作,达到目标界面切换至用户界面的目的。这里的第二触发操作可以是点击目标界面中的返回按钮(或是返回标识)202(参见图3中(a)所示)或者在目标界面中的预设区域内进行点击操作或按压操作或滑动操作(滑动操作可以参见图3中(b)所示),在此不做具体限定。其中预设区域可以是目标界面展示的图片和/视频上或以外的任意区域,在此不做具体限定。
具体地,响应于该第二触发操作,即可恢复显示用户界面,并且从记录的暂停时刻开始,恢复播放用户界面之前暂停播放的目标子视频,并在该图片展示区域按照当前播放目标子视频的顺序,顺序展示多个图片,可以结合图5所示,在图5(c)所示的基础上,恢复显示用户界面10,并开始继续播放,参见图1所示。
示例22:参见图6所示,在响应第一触发操作后,并不改变用户界面中目标视频和/或图片的动/静态,同时跳转至目标界面20,当从目标界面恢复至用户界面10时,需要根据在目标界面上的发生时间来确定在用户界面上对应播放的目标子视频和对应展示的图片。
具体地,该显示方法还可以通过以下步骤实现:
f1、在跳转至所述目标界面之后,继续播放所述目标视频。
f2、响应作用于所述目标界面中的第三触发操作,跳转显示所述用户界面,并在所述用户界面上继续播放所述目标视频。
本公开实施例中,在跳转显示所述目标界面之后,在后台可以继续播放所述目标视频,当从目标界面恢复至用户界面时,在用户界面根据后台播放的进度继续播放相应的目标子视频。
在一种场景中,参见图6中(a)所示,以用户界面中当前播放视频2和展示图片2,且当用户点击图片1跳转至与图片1对应的目标界面20后为例,通过响应该第一触发操作,在跳转至所述目标界面(参见图6(b)所示,在目标界面上显示与目标图片相关联的静态目标信息或动态目标信息201,由于图6(a)中所示的目标图片为图片1,则图6(b)中所示的静态目标信息或动态目标信息是与图片1相关联的目标信息)之后,终端设备开始计时,并实时监控是否有作用于目标界面的触发操作即第三触发操作,该第三触发操作可以与场景1中第二触发操作相同或不同,在此不做限制。若检测到有第三触发操作(参见图6中(c)或(d)所示;其中,图6中(c)对应于图3(a),图6中(d)对应于图3(b)),则响应于该第三触发操作,恢复显示用户界面,此时,可以基于计时的时长,并结合目标视频中各个视频对应的播放顺序和播放时长,来确定恢复到用户界面上时重新播放的目标子视频以及该二目标子视频的播放时间,进而根据该目标子视频以及确定的播放时间,在用户界面上播放相应的目标子视频并调整该目标子视频的播放进度,参见图6中(e)所示。比如,计时的时长加上已经播放的时长,终端设备可以确定出恢复播放的时间点,并根据恢复播放的时间点确定播放的目标子视频及其播放进度。该场景下,可以灵活播放目标子视频,不受界面之间的来回切换,即在用户界面与目标界面切换的过程中,用户界面所播放的目标子视频的播放进度不受影响。
在本公开的一个实施例中,在上述实施例的基础上,还对S102进行了详细说明。其中,视频信息可以包括所述多个目标子视频的播放顺序;并且,在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,可以通过以下步骤实现:
步骤g1、获取所述视频信息中的所述播放顺序。
步骤g2、根据所述多个目标子视频和所述多个图片的关联关系,将所述多个目标子视频对应的播放顺序确定为各自对应的图片的初始展示顺序。
步骤g3、按照所述播放顺序,在所述用户界面上播放各个所述目标子视频,并且根据各个所述目标子视频的播放进度,调整所述多个图片在所述用户界面中的展示状态。
本公开实施例中,首先从视频信息中获取多个目标子视频的播放顺序,然后根据播放顺序在视频列表中查找对应的目标子视频,同时根据所述多个目标子视频和所述多个图片的关联关系,将多个目标子视频的播放顺序作为各自对应的图片的初始展示顺序,然后按照播放顺序,在用户界面上播放各个所述目标子视频,并根据各个目标子视频的播放进度,来调整多个图片在所述用户界面中的展示状态。调整多个图片在所述用户界面中的展示状态可以包括(但不限于)以下至少一种:在图片展示区域中突出显示当前播放的目标子视频对应的图片;在图片展示区域中按照当前播放进度调整图片的展示位置。
通过以下场景举例说明:
场景1、在图片展示区域中突出显示当前播放的目标子视频对应的图片。
本公开实施例中,为了显示出当前播放的目标子视频对应于图片展示区域中的哪个目标图片,可以通过突出显示的方式来显示与当前播放的目标子视频相对应的目标图片。该突出显示的方式可以包括(但不限于):使得目标图片的图片颜色和/或图片所在位置的亮度高于其他图片;对目标图片添加显示框。参见图7所示,在用户界面101上当前播放的是目标子视频1,在图片展示区域102上通过显示标识104突出显示图片1,图片1与目标子视频1相关,即相对应。
场景2、在图片展示区域中按照当前的播放进度调整图片的展示位置。
本公开实施例中,由于受终端设备的屏幕空间的影响,图片展示区域在当前屏幕上可能仅展示有限数目的图片(比如三个,在此不做限定),不能将所有的图片同时显示在图片展示区域,因此,为了向用户展示所有的图片,终端设备可以根据各个所述目标子视频的播放进度,在图片展示区域中通过窗口滑动的方式更换展示相应的图片。
其中,一种窗口滑动的方式包括:当终端设备播放完毕与当前图片展示区域中展示的最后一个图片(例如,图片展示区域最右侧的图片)相对应的目标子视频的同时,以一个图片所占图片展示区域中的窗口长度为滑动步长,将当前在图片展示区域中展示的第一个图片(例如,图片展示区域最左侧的图片)移出图片展示区域,同时顺序移动(例如,左移)其他的图片,此时,在图片展示区域中展示的是接下来的第二个图片、第三个图片、第四个图片,并且当前播放的是第四个图片对应的目标子视频4,以此类推,终端设备可以循环播放目标子视频和在图片展示区域中循环展示对应的图片。
示例性的,参见图8所示,目标视频包括4个目标子视频(目标子视频1、目标子视频2、目标子视频3和目标子视频4),多个图片包括4个图片(图片1、图片2、图片3和图片4),在图片展示区域中可以同时展示三个图片。在开启用户界面后,在顺序播放目标子视频1、目标子视频2、目标子视频3时,在图片展示区域102中展示的是与目标子视频1对应的图片1、与目标子视频2对应的图片2以及与目标子视频3对应的图片3。首先参见图8中(a)所示,以当前播放的是目标子视频3为例;参见图8中(b)所示当目标子视频3播放完毕后、继续播放目标子视频4的同时,在图片展示区域102中调整各个图片的位置,使得在图片展示区域中展示图片2、图片3以及与目标子视频4对应的图片4;参见图8中(c)所示当目标子视频4播放完毕后、继续播放目标子视频1的同时,在图片展示区域102中调整各个图片的位置,使得在图片展示区域102中展示图片3、图片4以及图片1。以此类推,终端设备可以循环播放目标子视频和在图片展示区域中循环展示对应的图片。
此外,另一种窗口滑动的方式可以包括:当播放完一个目标子视频、在播放下一个目标子视频的同时,以一个图片所占图片展示区域中的窗口长度为滑动步长,将当前在图片展示区域中展示的第一个图片移出图片展示区域,同时顺序移动其他的图片,此时,在图片展示区域中展示的第一个图片为当前播放的目标子视频对应的图片,以此类推,终端设备可以循环播放目标子视频和在图片展示区域中循环展示对应的图片。
示例性的,目标视频包括4个目标子视频(目标子视频1、目标子视频2、目标子视频3和目标子视频4),多个图片包括4个图片(图片1、图片2、图片3和图片4),在图片展示区域中可以同时展示三个图片。参见图9(a)中所示,在开启用户界面后,在播放目标子视频1时,在图片展示区域中展示的是与目标子视频1对应的图片1、与目标子视频2对应的图片2、与目标子视频3对应的图片3;参见图9(b)中所示,当目标子视频1播放完毕后、继续播放目标子视频2的同时,在图片展示区域中调整各个图片的位置,使得在图片展示区域中展示图片2、图片3以及与目标子视频4对应的图片4;参见图9(c)中所示,当目标子视频2播放完毕后、继续播放目标子视频3的同时,在图片展示区域中调整各个图片的位置,使得在图片展示区域中展示图片3、图片4以及与图片1;以此类推,终端设备可以循环播放目标子视频和在图片展示区域中循环展示对应的图片。
场景3、在图片展示区域中突出显示当前播放的目标子视频对应的图片的同时,在图片展示区域中按照当前的播放进度调整图片的展示位置,即上述场景1和场景2的结合。可以参见图10所示,具体实现方式可以参见场景1和场景2的描述,在此不再赘述。
其中,还可以在图2的基础上,结合上述场景1显示标识来突出显示当前播放的目标子视频3所对应的图片3,此外,还可以结合上述场景2在跳转显示的同时,调整图片展示区域中图片的展示状态,此外,还可以结合上述场景3实现跳转显示等,具体实现方式可以结合上述场景1、场景2以及场景3,在此不再赘述。
在一个实施例中,由于图片展示区域中能够同时展示的图片的数目有限,当用户想要查看当前未在图片展示区域中展示的图片以及对应的目标子视频时,还可以通过作用在图片展示区域中的触发操作,比如滑动操作,在用户界面上实现图片和对应目标子视频的同步展示,以能够查看更多的图片和子视频,由此,能够满足用户的个性化观看或查看等需求。
示例性的,在图1的基础上,为了便于用户可以在图片展示区域查看任一图片,可以在图片展示区域设置有滑动区域105(对滑动区域所在图片展示区域的位置不做具体限定,或者也可以不设置滑动区域,可以在图片展示区域上任意位置滑动)。具体地,可以通过以下方式实现:
检测所述图片展示区域上的滑动操作;以及按照所述滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
结合场景2示例进行,以设置有滑动区域105为例,参见图11所示。如图11(a)中所示,在用户界面上当前播放的是目标子视频1,用户通过在图片展示区域102上左滑操作以及释放操作,将图片3释放显示在图片展示区域102中,终端设备在用户界面102上跳转播放目标子视频3,同时对在图片展示区域中展示的图片进行了调整,如图11(b)中所示,终端设备将图片3展示在图片展示区域102的最左边,同时在用户界面101中播放目标子视频3;当用户想要查看或观看图片4对应的目标子视频4时,类似地可以通过作用在图片4上的触发操作,使得在用户界面上跳转播放目标子视频4,如图11(c)中所示。为用户提供了便捷的操作,使得用户可以随时观看任意的图片以及对应的目标子视频。
因此,本公开能够实现在单一视频聚合展现多段关联视频的能力,同时实现与视频关联的图片进行联动,由此能够提升视频内容的吸引力,此外,本公开为用户推荐的目标视频能够满足用户的个性化需求,并且为用户提供了便捷的操作,使得用户可以快速有效地获取到需求信息,实现了多功能化和丰富的观看体验,提高了用户的操作体验。
对应于上文公开实施例的显示方法,图12为本公开实施例提供的显示装置的结构框图。其中显示装置可以是终端设备。为了便于说明,仅示出了与本公开实施例相关的部分。参照图12,所述显示装置120可以包括:显示模块1201、播放模块1202和处理模块1203;显示模块1201,用于显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;播放模块1202,用于在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;处理模块1203,用于响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
本公开实施例提供的显示模块1201、播放模块1202和处理模块1203,能够显示用户界面,该用户界面可以用于播放目标视频,该目标视频包括多个目标子视频,其中,该用户界面可以包括图片展示区,且并且在展示多个图片的同时,在用户界面上顺序地播放该目标视频中的各个目标子视频,为用户提供了可以在同一个用户界面中观看多个目标子视频和多个图片的便利,由于多个目标子视频分别对应于该图片展示区域中展示的多个图片,使得用户在观看展示的图片的同时还可以同时观看与展示图片相对应的目标子视频,图片的展示还能够和目标子视频的播放产生联动效果,能够清楚地显示给用户正在播放的是哪个目标图片对应的目标子视频,使用户有较好的观看体验,此外,若有作用于图片展示区域中展示的任一图片即目标图片的第一触发操作,则响应作用于该第一触发操作,跳转显示与该目标图片相关联的目标信息,能够便捷地获取到与目标图片相关联的信息,进而使得用户可以对目标图片或目标图片的相关联内容有更多信息的获取,无需用户通过对展示的目标图片进行搜索、筛选出与目标图片的相关联内容等繁琐操作,用户只需对目标图片进行第一触发操作即可跳转显示与该目标图片相关联的目标信息,简化了操作步骤,进而提高了用户体验。
本公开实施例提供的装置,可用于执行上文第一方面任一项所述的显示方法实施例的技术方案,其实现原理和技术效果类似,本公开实施例此处不再赘述。
在本公开的一个实施例中,本公开实施例在上述公开实施例的基础上,对播放模块进行了详细说明。其中,所述目标视频由所述多个目标子视频拼接形成,所述播放模块1202,具体用于:获取所述各个目标子视频在所述目标视频中的播放顺序和播放时长;根据所述播放顺序和播放时长,在所述用户界面上播放所述目标视频中的所述各个目标子视频。
在本公开的一个实施例中,所述播放模块1202,还具体用于:顺序地针对每个目标子视频执行如下操作:获取对应的目标子视频的播放地址;根据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址。
在本公开的一个实施例中,处理模块1203,具体用于:响应于所述第一触发操作,跳转显示与所述目标图片相关联的静态目标信息或动态目标信息。
在本公开的一个实施例中,处理模块1203,还用于当跳转至目标界面显示与所述目标图片关联的目标信息时,响应于所述第一触发操作,暂停播放所述用户界面当前播放的第一目标子视频;以及记录所述第一目标子视频暂停播放的暂停时刻。
在本公开的一个实施例中,本公开实施例在上述公开实施例的基础上,本公开实施例对显示装置进行了详细说明。该装置还可以包括:显示模块,还用于响应作用于所述目标界面中的第二触发操作,恢复显示所述用户界面;以及从所述暂停时刻开始,在所述用户界面上继续播放所述第一目标子视频,并在所述图片展示区域展示所述多个图片。
在本公开的一个实施例中,所述播放模块,还用于:当所述暂停时刻为所述第一目标子视频播放完毕的时刻时,在所述用户界面上继续播放所述第一目标子视频的下一个目标子视频,并在所述图片展示区域展示所述多个图片。
在本公开的一个实施例中,所述播放模块,还用于:在跳转显示所述目标界面之后,继续播放所述目标视频;响应作用于所述目标界面中的第三触发操作,跳转显示所述用户界面,并在所述用户界面上继续播放所述目标视频。
在本公开的一个实施例中,所述图片展示区域包括滑动区域,所述处理模块,还用于:检测所述图片展示区域上的滑动操作;以及按照所述滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
本公开实施例在上述公开实施例的基础上,对装置进行了详细说明。所述装置还可以包括,生成模块;生成模块,用于接收所述多个目标子视频;接收所述多个图片,其中,所述多个图片与所述多个目标子视频分别对应;根据所述多个目标子视频和所述多个图片,在所述用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频。
上述模块可以被实现为在一个或多个通用处理器上执行的软件组件,也可以被实现为诸如执行某些功能或其组合的硬件,诸如可编程逻辑设备和/或专用集成电路。在一些实施例中,这些模块可以体现为软件产品的形式,该软件产品可以存储在非易失性存储介质中,这些非易失性存储介质中包括使得计算机设备(例如个人计算机、服务器、网络设备、移动终端等)实现本发明实施例中描述的方法。在一个实施例中,上述模块还可以在单个设备上实现,也可以分布在多个设备上。这些模块的功能可以相互合并,也可以进一步拆分为多个子模块。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的显示装置的模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
基于与方法同样的发明构思,本申请实施例还提供一种电子设备,包括处理器和存储器;
存储器用于存储执行上述各个方法实施例所述方法的程序;处理器被配置为执行存储器中存储的程序。
参考图13,其示出了适于用来实现本公开实施例的电子设备的结构示意图,该电子设备可以为终端设备或服务器。该电子设备,包括处理器和存储器;存储器用于存储执行上述各个方法实施例所述方法的程序;处理器被配置为执行存储器中存储的程序。处理器可以是包括中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其它形式的处理单元,并且可以控制电子设备中的其它组件以执行期望的功能。存储器可以包括一个或多个计算机程序产品,所述计算机程序产品可以包括各种形式的计算机可读存储介质,例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令,处理器可以运行所述程序指令,以实现上文所述的本公开的实施例的功能以及/或者其它期望的功能。
终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,简称PDA)、平板电脑(Portable Android Device,简称PAD)、便携式多媒体播放器(Portable Media Player,简称PMP)、车载终端(例如车载导航终端、可穿戴电子设备)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图13示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图13所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等)1301,其可以根据存储在只读存储器(Read Only Memory,简称ROM)1302中的程序或者从存储装置1308加载到随机访问存储器(Random Access Memory,简称RAM)1303中的程序而执行各种适当的动作和处理。在RAM 1303中,还存储有电子设备操作所需的各种程序和数据。处理装置1301、ROM 1302以及RAM 1303通过总线1304彼此相连。输入/输出(I/O)接口1305也连接至总线1304。
通常,以下装置可以连接至I/O接口1305:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1306;包括例如液晶显示器(Liquid CrystalDisplay,简称LCD)、扬声器、振动器等的输出装置1307;包括例如磁带、硬盘等的存储装置1308;以及通信装置1309。通信装置1309可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置1309从网络上被下载和安装,或者从存储装置1308被安装,或者从ROM 1302被安装。在该计算机程序被处理装置1301执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行上述公开实施例所示的方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LocalArea Network,简称LAN)或广域网(Wide Area Network,简称WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
第一方面,本公开实施例提供一种显示方法,包括:
显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
根据本公开的一个或多个实施例,所述目标视频由所述多个目标子视频拼接形成,并且,所述在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,包括:
获取所述各个目标子视频在所述目标视频中的播放顺序和播放时长;
根据所述播放顺序和播放时长,在所述用户界面上播放所述目标视频中的所述各个目标子视频。
根据本公开的一个或多个实施例,所述在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,包括:
顺序地针对每个目标子视频执行如下操作:
获取对应的目标子视频的播放地址;
根据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址。
根据本公开的一个或多个实施例,响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片关联的目标信息,包括:
响应于所述第一触发操作,跳转显示与所述目标图片相关联的静态目标信息或动态目标信息。
根据本公开的一个或多个实施例,当跳转显示与所述目标图片关联的目标信息的界面为目标界面时,所述方法还包括:
响应于所述第一触发操作,暂停播放所述用户界面当前播放的第一目标子视频;以及
记录所述第一目标子视频暂停播放的暂停时刻。
根据本公开的一个或多个实施例,所述方法还包括:
响应作用于所述目标界面中的第二触发操作,恢复显示所述用户界面;以及
从所述暂停时刻开始,在所述用户界面上继续播放所述第一目标子视频,并在所述图片展示区域展示所述多个图片。
根据本公开的一个或多个实施例,所述方法还包括:
当所述暂停时刻为所述第一目标子视频播放完毕的时刻时,在所述用户界面上继续播放所述第一目标子视频的下一个目标子视频,并在所述图片展示区域展示所述多个图片。
根据本公开的一个或多个实施例,所述方法还包括:
在跳转显示所述目标界面之后,继续播放所述目标视频;
响应作用于所述目标界面中的第三触发操作,跳转显示所述用户界面,并在所述用户界面上继续播放所述目标视频。
根据本公开的一个或多个实施例,所述图片展示区域包括滑动区域,所述方法包括:
检测所述图片展示区域上的滑动操作;以及
按照所述滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
根据本公开的一个或多个实施例,所述方法还包括:
接收所述多个目标子视频;
接收所述多个图片,其中,所述多个图片与所述多个目标子视频分别对应;
根据所述多个目标子视频和所述多个图片,在所述用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频。
第二方面,本公开实施例提供一种显示装置,所述装置包括:
显示模块,用于显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
播放模块,用于在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
处理模块,用于响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
根据本公开的一个或多个实施例,其中,所述目标视频由所述多个目标子视频拼接形成,所述播放模块,具体用于:获取所述各个目标子视频在所述目标视频中的播放顺序和播放时长;根据所述播放顺序和播放时长,在所述用户界面上播放所述目标视频中的所述各个目标子视频。
根据本公开的一个或多个实施例,所述播放模块,还具体用于:顺序地针对每个目标子视频执行如下操作:获取对应的目标子视频的播放地址;根据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址。
根据本公开的一个或多个实施例,处理模块,具体用于:响应于所述第一触发操作,跳转显示与所述目标图片相关联的静态目标信息或动态目标信息。
根据本公开的一个或多个实施例,处理模块,还用于当跳转显示与所述目标图片关联的目标信息的界面为目标界面时,响应于所述第一触发操作,暂停播放所述用户界面当前播放的第一目标子视频;以及记录所述第一目标子视频暂停播放的暂停时刻。
根据本公开的一个或多个实施例,该装置还可以包括:显示模块,还用于响应作用于所述目标界面中的第二触发操作,恢复显示所述用户界面;以及从所述暂停时刻开始,在所述用户界面上继续播放所述第一目标子视频,并在所述图片展示区域展示所述多个图片。
根据本公开的一个或多个实施例,所述播放模块,还用于:当所述暂停时刻为所述第一目标子视频播放完毕的时刻时,在所述用户界面上继续播放所述第一目标子视频的下一个目标子视频,并在所述图片展示区域展示所述多个图片。
根据本公开的一个或多个实施例,所述播放模块,还用于:在跳转显示所述目标界面之后,继续播放所述目标视频;响应作用于所述目标界面中的第三触发操作,跳转显示所述用户界面,并在所述用户界面上继续播放所述目标视频。
根据本公开的一个或多个实施例,所述图片展示区域包括滑动区域,所述处理模块,还用于:检测所述图片展示区域上的滑动操作;以及按照所述滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
根据本公开的一个或多个实施例,所述装置还可以包括,生成模块;生成模块,用于接收所述多个目标子视频;接收所述多个图片,其中,所述多个图片与所述多个目标子视频分别对应;根据所述多个目标子视频和所述多个图片,在所述用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频。
第三方面,本公开实施例提供一种电子设备,
包括:至少一个处理器、存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上述第一方面任一项所述的显示方法。
第四方面,本公开实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面任一项所述的显示方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (13)

1.一种显示方法,其特征在于,所述方法包括:
显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
2.根据权利要求1所述的方法,其特征在于,所述目标视频由所述多个目标子视频拼接形成,并且,所述在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,包括:
获取所述各个目标子视频在所述目标视频中的播放顺序和播放时长;
根据所述播放顺序和播放时长,在所述用户界面上播放所述目标视频中的所述各个目标子视频。
3.根据权利要求1所述的方法,其特征在于,所述在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,包括:
顺序地针对每个目标子视频执行如下操作:
获取对应的目标子视频的播放地址;
根据获取到的播放地址获取对应的目标子视频,并在所述用户界面上播放所述对应的目标子视频同时,获取下一个目标子视频的播放地址。
4.根据权利要求1所述的方法,其特征在于,响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片关联的目标信息,包括:
响应于所述第一触发操作,跳转显示与所述目标图片相关联的静态目标信息或动态目标信息。
5.根据权利要求1所述的方法,其特征在于,当跳转至目标界面显示与所述目标图片关联的目标信息时,所述方法还包括:
响应于所述第一触发操作,暂停播放所述用户界面当前播放的第一目标子视频;以及
记录所述第一目标子视频暂停播放的暂停时刻。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应作用于所述目标界面中的第二触发操作,恢复显示所述用户界面;以及
从所述暂停时刻开始,在所述用户界面上继续播放所述第一目标子视频,并在所述图片展示区域展示所述多个图片。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
当所述暂停时刻为所述第一目标子视频播放完毕的时刻时,在所述用户界面上继续播放所述第一目标子视频的下一个目标子视频,并在所述图片展示区域展示所述多个图片。
8.根据权利要求5所述的方法,其特征在于,所述方法还包括:
在跳转显示所述目标界面之后,继续播放所述目标视频;
响应作用于所述目标界面中的第三触发操作,跳转显示所述用户界面,并在所述用户界面上继续播放所述目标视频。
9.根据权利要求1所述的方法,其特征在于,所述图片展示区域包括滑动区域,所述方法包括:
检测所述图片展示区域上的滑动操作;以及
按照所述滑动操作的速度,在所述用户界面上依次显示所述目标视频中的所述多个目标子视频。
10.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收所述多个目标子视频;
接收所述多个图片,其中,所述多个图片与所述多个目标子视频分别对应;
根据所述多个目标子视频和所述多个图片,在所述用户界面中展示所述多个图片的同时顺序地播放所述各个目标子视频。
11.一种显示装置,其特征在于,所述装置包括:
显示模块,用于显示用于播放目标视频的用户界面,其中,所述用户界面包括图片展示区域,所述目标视频包括多个目标子视频;
播放模块,用于在所述图片展示区域中展示多个图片的同时,在所述用户界面上顺序地播放所述目标视频中的各个目标子视频,其中,所述多个目标子视频分别对应于所述图片展示区域中展示的多个图片;
处理模块,用于响应作用于所述图片展示区域中的目标图片的第一触发操作,跳转显示与所述目标图片相关联的目标信息,所述目标图片包括所述图片展示区域中展示的任一图片。
12.一种电子设备,其特征在于,包括:
至少一个处理器;以及
存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如权利要求1至10任一项所述显示方法。
13.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如权利要求1至10任一项所述的显示方法。
CN202010642206.XA 2020-07-06 2020-07-06 显示方法、装置、设备及存储介质 Pending CN111930996A (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN202010642206.XA CN111930996A (zh) 2020-07-06 2020-07-06 显示方法、装置、设备及存储介质
PCT/CN2021/104343 WO2022007722A1 (zh) 2020-07-06 2021-07-02 显示方法、装置、设备及存储介质
US18/004,641 US20230244362A1 (en) 2020-07-06 2021-07-02 Display method, apparatus, device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010642206.XA CN111930996A (zh) 2020-07-06 2020-07-06 显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN111930996A true CN111930996A (zh) 2020-11-13

Family

ID=73314072

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010642206.XA Pending CN111930996A (zh) 2020-07-06 2020-07-06 显示方法、装置、设备及存储介质

Country Status (3)

Country Link
US (1) US20230244362A1 (zh)
CN (1) CN111930996A (zh)
WO (1) WO2022007722A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112765375A (zh) * 2021-01-29 2021-05-07 北京达佳互联信息技术有限公司 多媒体资源信息的展示方法、装置、电子设备和存储介质
CN113271486A (zh) * 2021-06-03 2021-08-17 北京有竹居网络技术有限公司 交互视频处理方法、装置、计算机设备及存储介质
CN113420247A (zh) * 2021-06-23 2021-09-21 北京字跳网络技术有限公司 页面展示方法、装置、电子设备、存储介质及程序产品
WO2022007722A1 (zh) * 2020-07-06 2022-01-13 北京字节跳动网络技术有限公司 显示方法、装置、设备及存储介质
CN114139073A (zh) * 2021-10-29 2022-03-04 北京达佳互联信息技术有限公司 一种对象展示方法、装置、电子设备及存储介质
CN115079917A (zh) * 2022-07-13 2022-09-20 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104185073A (zh) * 2014-08-04 2014-12-03 北京奇虎科技有限公司 通过图片选取对应视频进度进行视频播放的方法及客户端
US20160337609A1 (en) * 2013-12-10 2016-11-17 Tencent Technology (Shenzhen) Company Limited Video playback method, device, and system
CN106375826A (zh) * 2016-08-25 2017-02-01 合网络技术(北京)有限公司 视频播放方法及装置
CN109391856A (zh) * 2018-10-22 2019-02-26 百度在线网络技术(北京)有限公司 视频播放方法、装置、计算机设备及存储介质
CN111147913A (zh) * 2020-03-09 2020-05-12 北京字节跳动网络技术有限公司 一种视频的播放方法、装置、电子设备及存储介质

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4834640B2 (ja) * 2007-09-28 2011-12-14 株式会社東芝 電子機器および画像表示制御方法
CN104202658A (zh) * 2014-08-29 2014-12-10 北京奇虎科技有限公司 视频分组播放的方法及系统
CN111753132A (zh) * 2020-07-06 2020-10-09 北京字节跳动网络技术有限公司 视频处理方法、装置、设备及存储介质
CN111930996A (zh) * 2020-07-06 2020-11-13 北京字节跳动网络技术有限公司 显示方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160337609A1 (en) * 2013-12-10 2016-11-17 Tencent Technology (Shenzhen) Company Limited Video playback method, device, and system
CN104185073A (zh) * 2014-08-04 2014-12-03 北京奇虎科技有限公司 通过图片选取对应视频进度进行视频播放的方法及客户端
CN106375826A (zh) * 2016-08-25 2017-02-01 合网络技术(北京)有限公司 视频播放方法及装置
CN109391856A (zh) * 2018-10-22 2019-02-26 百度在线网络技术(北京)有限公司 视频播放方法、装置、计算机设备及存储介质
CN111147913A (zh) * 2020-03-09 2020-05-12 北京字节跳动网络技术有限公司 一种视频的播放方法、装置、电子设备及存储介质

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022007722A1 (zh) * 2020-07-06 2022-01-13 北京字节跳动网络技术有限公司 显示方法、装置、设备及存储介质
CN112765375A (zh) * 2021-01-29 2021-05-07 北京达佳互联信息技术有限公司 多媒体资源信息的展示方法、装置、电子设备和存储介质
CN112765375B (zh) * 2021-01-29 2024-04-16 北京达佳互联信息技术有限公司 多媒体资源信息的展示方法、装置、电子设备和存储介质
CN113271486A (zh) * 2021-06-03 2021-08-17 北京有竹居网络技术有限公司 交互视频处理方法、装置、计算机设备及存储介质
CN113271486B (zh) * 2021-06-03 2023-02-28 北京有竹居网络技术有限公司 交互视频处理方法、装置、计算机设备及存储介质
CN113420247A (zh) * 2021-06-23 2021-09-21 北京字跳网络技术有限公司 页面展示方法、装置、电子设备、存储介质及程序产品
CN114139073A (zh) * 2021-10-29 2022-03-04 北京达佳互联信息技术有限公司 一种对象展示方法、装置、电子设备及存储介质
CN115079917A (zh) * 2022-07-13 2022-09-20 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
WO2022007722A1 (zh) 2022-01-13
US20230244362A1 (en) 2023-08-03

Similar Documents

Publication Publication Date Title
CN111930996A (zh) 显示方法、装置、设备及存储介质
CN111753132A (zh) 视频处理方法、装置、设备及存储介质
CN112261226B (zh) 横屏交互方法、装置、电子设备和存储介质
JP2023510805A (ja) コメント情報の表示およびインタラクション方法、装置、電子機器、並びに、記憶媒体
CN111970577B (zh) 字幕编辑方法、装置和电子设备
CN111510760A (zh) 视频信息展示方法和装置、存储介质和电子设备
US20220321936A1 (en) Information push method, apparatus, electronic device and storage medium
CN113792181A (zh) 视频推荐方法、装置、设备及介质
CN112822541B (zh) 视频生成方法、装置、电子设备和计算机可读介质
US20220310125A1 (en) Method and apparatus for video production, device and storage medium
CN112653920B (zh) 视频处理方法、装置、设备及存储介质
WO2022193867A1 (zh) 一种视频处理方法、装置、电子设备及存储介质
CN114707065A (zh) 页面显示方法、装置、设备、计算机可读存储介质及产品
JP2023537772A (ja) ビデオ推薦方法、装置、電子デバイス及び記憶媒体
CN111246304A (zh) 视频处理方法、装置、电子设备及计算机可读存储介质
CN112000267A (zh) 信息显示方法、装置、设备及存储介质
CN112165652B (zh) 视频处理方法、装置、设备及计算机可读存储介质
CN113727170A (zh) 视频交互方法、装置、设备及介质
CN115113790A (zh) 一种交互方法、装置、电子设备和存储介质
WO2022179033A1 (zh) 音乐播放方法及设备
US11895424B2 (en) Video shooting method and apparatus, electronic device and storage medium
US20240119970A1 (en) Method and apparatus for multimedia resource clipping scenario, device and storage medium
CN114584716A (zh) 图片处理方法、装置、设备及存储介质
US20230137492A1 (en) Landscape interaction method and apparatus, electronic device, and storage medium
CN116095388A (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