CN113946246A - 页面处理方法、装置、电子设备及计算机可读存储介质 - Google Patents

页面处理方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
CN113946246A
CN113946246A CN202111172131.4A CN202111172131A CN113946246A CN 113946246 A CN113946246 A CN 113946246A CN 202111172131 A CN202111172131 A CN 202111172131A CN 113946246 A CN113946246 A CN 113946246A
Authority
CN
China
Prior art keywords
live
live broadcast
account
display content
area
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
CN202111172131.4A
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 Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information 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 Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202111172131.4A priority Critical patent/CN113946246A/zh
Publication of CN113946246A publication Critical patent/CN113946246A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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
    • 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/732Query formulation
    • G06F16/7335Graphical querying, e.g. query-by-region, query-by-sketch, query-by-trajectory, GUIs for designating a person/face/object as a query predicate
    • 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
    • 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/04845Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/0486Drag-and-drop
    • 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
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21Server components or server architectures
    • H04N21/218Source of audio or video content, e.g. local disk arrays
    • H04N21/2187Live feed
    • 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/4722End-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 requesting additional data associated with the content
    • H04N21/4725End-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 requesting additional data associated with the content using interactive regions of the image, e.g. hot spots

Abstract

本公开关于一种页面处理方法、装置、电子设备及计算机可读存储介质,其中,该方法包括:显示视频应用中预定账户的个人主页,其中,个人主页包括:头图区和预定账户的账户信息区;在预定账户在直播的情况下,获取直播显示内容,并在头图区展示直播显示内容;接收在头图区的预定操作,响应预定操作播放预定账户的直播内容。通过本公开,解决了相关技术中进入直播时,需要执行复杂的操作,导致直播进入路径较为繁琐的问题,达到了在个人主页上即可提供进入直播的直接方式,使得用户观看直播更为直接,高效,有效地提升了观看者的观看体验的效果。

Description

页面处理方法、装置、电子设备及计算机可读存储介质
技术领域
本公开涉及计算机领域,尤其涉及一种页面处理方法、装置、电子设备及计算机可读存储介质。
背景技术
目前,在用户登录视频应用时,可以在显示页面上观看系统推送的视频列表,通过上下滑动正在观看的视频来对不同的视频的切换。在显示视频的页面上,可以通过对页面上控制的操作来进入对应的页面。例如,在点击页面上的头像时,进入视频作者的个人主页中。而当观众需要观看直播时,需要在页面的搜索框中输入直播,根据系统反馈的直播推荐来选择是否进入观看直播;或者,通过特定的直播窗口进入直播广场,从海量的直播中选择需要观看的直播,等等。
但采用上述方式进入直播时,需要执行复杂的操作,导致直播进入路径较为繁琐。
发明内容
本公开提供一种页面处理方法、装置、电子设备及计算机可读存储介质,以至少解决相关技术中进入直播时,需要执行复杂的操作,导致直播进入路径较为繁琐的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种页面处理方法,包括:显示视频应用中预定账户的个人主页,其中,所述个人主页包括:头图区和所述预定账户的账户信息区;在所述预定账户在直播的情况下,获取直播显示内容,并在所述头图区展示所述直播显示内容;接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容。
可选地,所述在所述头图区展示所述直播显示内容,包括:在所述直播显示内容为预定直播视频和/或实时直播视频的情况下,在所述头图区静音播放所述直播显示内容。
可选地,所述在所述头图区展示所述直播显示内容,包括:在展示所述直播显示内容的图层的上层显示文字图层,其中,所述文字图层显示有所述预定账户的预定描述文字。
可选地,所述接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容包括:接收在所述头图区上图像区域的点击操作,其中,所述图像区域为所述头图区上除功能控件所在区域之外的区域;响应所述点击操作,依据所述点击操作所对应的链接地址全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
可选地,所述接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容包括:接收对所述头图区的拖动操作;响应所述拖动操作,依据所述拖动操作对应的直播页面打开指令全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
可选地,在所述头图区展示所述直播显示内容,包括:通过调整所述直播显示内容在所述头图区的展示方式,在所述头图区展示所述直播显示内容。
可选地,所述通过调整所述直播显示内容在所述头图区的展示方式,在所述头图区展示所述直播显示内容,包括:将所述头图区的显示尺寸的宽高比调整为第一预定比例,得到调整后的头图区;在所述直播显示内容的宽高比大于第二预定比例的情况下,将所述直播显示内容以居中的方式在调整后的头图区展示;和/或,在所述直播显示内容的宽高比小于或等于所述第二预定比例的情况下,取所述直播显示内容距离上边缘预定位置后得到调整后的直播显示内容,将调整后的直播显示内容以居中的方式在调整后的头图区展示。
可选地,在所述头图区展示所述直播显示内容之后,还包括:在所述预定账户在直播结束的情况下,在所述头图区显示预定背景图。
本公开实施例的第二方面,提供一种页面处理装置,包括:第一显示模块,用于显示视频应用中预定账户的个人主页,其中,所述个人主页包括:头图区和所述预定账户的账户信息区;第一处理模块,用于在所述预定账户在直播的情况下,获取直播显示内容,并在所述头图区展示所述直播显示内容;第二处理模块,用于接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容。
可选地,所述第一处理模块包括:播放单元,用于在所述直播显示内容为预定直播视频和/或实时直播视频的情况下,在所述头图区静音播放所述直播显示内容。
可选地,所述第一处理模块包括:显示单元,用于在展示所述直播显示内容的图层的上层显示文字图层,其中,所述文字图层显示有所述预定账户的预定描述文字。
可选地,所述第二处理模块包括:第一接收单元,用于接收在所述头图区上图像区域的点击操作,其中,所述图像区域为所述头图区上除功能控件所在区域之外的区域;第一播放单元,用于响应所述点击操作,依据所述点击操作所对应的链接地址全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
可选地,所述第二处理模块包括:第二接收单元,用于接收对所述头图区的拖动操作;第二播放单元,用于响应所述拖动操作,依据所述拖动操作对应的直播页面打开指令全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
可选地,所述第一处理模块包括:调整单元,用于通过调整所述直播显示内容在所述头图区的展示方式,在所述头图区展示所述直播显示内容。
可选地,所述调整单元包括:第一调整子单元,用于将所述头图区的显示尺寸的宽高比调整为第一预定比例,得到调整后的头图区;第一显示子单元,用于在所述直播显示内容的宽高比大于第二预定比例的情况下,将所述直播显示内容以居中的方式在调整后的头图区展示;和/或,第二显示子单元,用于在所述直播显示内容的宽高比小于或等于所述第二预定比例的情况下,取所述直播显示内容距离上边缘预定位置后得到调整后的直播显示内容,将调整后的直播显示内容以居中的方式在调整后的头图区展示。
可选地,该装置还包括:第二显示模块,用于在所述头图区展示所述直播显示内容之后,在所述预定账户在直播结束的情况下,在所述头图区显示预定背景图。
本公开实施例的第三方面,提供一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现上述任一项所述的页面处理方法。
本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行上述任一项所述的页面处理方法。
本公开实施例的第五方面,提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的页面处理方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
通过上述实施例,在预定账户在直播的情况下,获取直播显示内容,并在所述头图区展示所述直播显示内容;接收在所述头图区的预定操作,以及响应所述预定操作播放所述预定账户的直播内容,相对于相关技术中进入直播时,需要在页面对直播进行搜索,以及从海量的直播中选择要观看的直播而言,不需要上述复杂的操作,以及直播进入路径较为繁琐的流程,在个人主页上即可提供进入直播的直接方式,使得用户观看直播更为直接,高效,有效地提升了观看者的观看体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种页面处理方法的流程图。
图2是根据一示例性实施例示出的在显示直播显示内容之前,头图区显示白色背景的示意图。
图3a是根据一示例性实施例示出的对直播显示内容在头图区进行展示的展示方式进行调整之前,头图区的展示示意图。
图3b是根据一示例性实施例示出的对直播显示内容在头图区进行展示的展示方式进行调整之后,头图区的展示示意图。
图4a是根据一示例性实施例示出的由个人主页进入直播页面前个人主页的示意图。
图4b是根据一示例性实施例示出的由个人主页进入直播页面后直播页面的示意图。
图5是根据一示例性实施例示出的在个人主页的头图区展示预定描述文字的示意图。
图6是根据一示例性实施例示出的页面处理装置的装置框图。
图7是根据一示例性实施例示出的一种终端的装置框图。
图8是根据一示例性实施例示出的一种服务器的结构框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
需要说明的是,本公开所涉及的数据(如制作视频所需的素材等)可以为经用户授权或者经过各方充分授权的数据。
本公开所涉及的个人主页,可以是多种应用场景下的个人主页,例如,可以是主播客户端上展示主播账户自己的个人主页,可以是主播客户端上展示观众账户的个人主页,可以是观众客户端展示其它主播账户的个人主页,也可以是观众客户端展示观众账户自己的个人主页,等等。
本公开提供了如图1所示的页面处理方法。图1是根据一示例性实施例示出的一种页面处理方法的流程图,如图1所示,该方法可以用于上述的计算机终端中,包括以下步骤。
在步骤S11中,显示视频应用中预定账户的个人主页,其中,个人主页包括:头图区和预定账户的账户信息区。
在步骤S12中,在预定账户在直播的情况下,获取直播显示内容,并在头图区展示直播显示内容。
在步骤S13中,接收在头图区的预定操作,响应预定操作播放预定账户的直播内容。
通过上述实施例,在预定账户在直播的情况下,获取直播显示内容,并在头图区展示直播显示内容;接收在头图区的预定操作,以及响应预定操作播放预定账户的直播内容,相对于相关技术中进入直播时,需要在页面对直播进行搜索,以及从海量的直播中选择要观看的直播而言,不需要上述复杂的操作,以及直播进入路径较为繁琐的流程,在个人主页上即可提供进入直播的直接方式,使得用户观看直播更为直接,高效,有效地提升了观看者的观看体验。
在一个或多个可选实施例中,如上,上述预定账户可以是主播账户,也可以观众账户。上述个人主页的页面布局可以包括多种,例如,个人主页可以包括头图区,该头图区可以位于整个个人主页的顶部。需要说明的是,在本可选实施例中主要说明该头图区,但该个人主页也可以包括其它区域,例如,还可以包括个人信息区(即上述的账户信息区),作品展示区,等。其中,个人信息区主要用于展示预定账户的头像,预定账户的基础资料,例如,一般可以包括:账户的昵称、账号、简介、标签、粉丝关注量、关系链等信息。作品展示区一般用于展示账户发布的作品,等。
在一个或多个可选实施例中,为吸引预定账户去展示个性化的头图区,在头图区展示直播显示内容之前,以默认白色背景显示头图区。图2是根据一示例性实施例示出的在显示直播显示内容之前,头图区显示白色背景的示意图,如图2所示,该个人主页包括:头图区,个人信息区,以及作品展示区,其中,头图区以默认白色背景显示。白色背景区域能够明显地表示出头图区待编辑的状态,相对于采用一些有颜色的背景图,或者默认的风景图而言,使得账户对应的用户能够更容易地注意到该头图区未编辑,使得用户能够主动去编辑有个性化的头图区,进而为提升在头图区展示更为丰富的账户个性化信息提供基础。
在一个或多个可选实施例中,在头图区展示直播显示内容时,为使得展示的内容更为清楚,完整,可以通过调整直播显示内容在头图区的展示方式,在头图区展示直播显示内容,以使直播显示内容显示完整。通过对直播显示内容在头图区的展示进行调整,能够有效地避免直播显示内容展示不完整,有效避免关键信息被裁减,比如,人脸被裁减的情况。
在一个或多个可选实施例中,通过调整直播显示内容在头图区的展示方式,在头图区展示直播显示内容,以使直播显示内容显示完整,可以采用多种方式,例如,可以采用以下方式:将头图区的显示尺寸的宽高比调整为第一预定比例,得到调整后的头图区,其中,该第一预定比例可以为各种合适的比例,比如,可以为5︰3;在直播显示内容的宽高比大于第二预定比例的情况下(其中,该第二预定比例也可以为各种合适的比例,比如,可以为1︰1),将直播显示内容以居中的方式在调整后的头图区展示,以使直播显示内容显示完整;和/或,在直播显示内容的宽高比小于或等于第二预定比例的情况下,取直播显示内容距离上边缘预定位置后得到调整后的直播显示内容,将调整后的直播显示内容以居中的方式在调整后的头图区展示,以使直播显示内容显示完整。
需要说明的是,上述第一预定比例为5︰3,第二预定比例为1︰1仅仅为一种举例,其它适合头图区内容的观看,或者能够提升观看头图区内容的观看体验的比例均可以,或者对上述第一预定比例为5︰3所进行的细微调整,对上述第二预定比例为1︰1所进行的细微调整均可以,在此不进行一一赘述。
对于上述调整直播显示内容在头图区的展示方式,以下以结合附图的方式进行说明。
在对直播显示内容在头图区进行展示的展示方式进行调整之前,头图区的展示如图3a所示,图3a是是根据一示例性实施例示出的对直播显示内容在头图区进行展示的展示方式进行调整之前,头图区的展示示意图,即图3a显示的是个人主页的正常态。在图3a中,头图区中显示有账户对应的用户上传的图像,例如,可以是用户的个人头像等。该图像的显示比例,即头图区的显示尺寸的宽高比可能为一个比例,例如,可以为5︰1。图3b是是根据一示例性实施例示出的对直播显示内容在头图区进行展示的展示方式进行调整之后,头图区的展示示意图,即图3b显示的是个人主页的直播态。在图3b中,头图区中显示的是直播显示内容,直播显示内容的显示比例,即头图区的显示尺寸的宽高比为另一个比例,例如,可以为上述所指的5︰3,通过头图区显示比例的调整,一方面使得直播显示内容能够更完整的显示,另一方面,也能够有效地提升观看者观看在头图区展示的直播显示内容的观看体验。
因此,在预定账户在直播的情况下,在通过调整直播显示内容在头图区的展示方式,在头图区展示直播显示内容,以使直播显示内容显示完整,即由上述的图3a的显示调整为图3b的显示,个人主页实现由正常态的显示转换为直播态的显示。另外,在头图区展示直播显示内容之后,还包括:在预定账户在直播结束的情况下,在头图区显示预定背景图,即在头图区展示直播显示内容之前的显示状态。即在直播结束时,由上述的图3b的显示调整为图3a的显示,个人主页实现由直播态的显示转换为正常态的显示。需要说明的是,该预定背景图可以是主播账户在未进行直播时,在个人主页的头图区所显示的背景图,其中,该背景图可以是一些静态的图,例如,可以是主播账户的个人照片,也可以是表达主播账户风格的人物图片或者风景图片,等。
在一个或多个可选实施例中,在头图区展示直播显示内容时,为进一步地提升观看者的观看体验,可以对将要在头图区展示的直播显示内容进行调整。例如,可以依据该直播显示内容的显示尺寸来进行相应调整。比如,在直播显示内容的宽高比大于第二预定比例的情况下(如上述,该第二预定比例可以为1︰1),将直播显示内容以居中的方式在调整后的头图区展示,以使直播显示内容显示完整;在直播显示内容的宽高比小于或等于第二预定比例的情况下,取直播显示内容距离上边缘预定位置后得到调整后的直播显示内容,将调整后的直播显示内容以居中的方式在调整后的头图区展示,以使直播显示内容显示完整。即,当直播显示内容在个人主页播放时,播放区域(即上述头图区)以合理方式展示,减少头像被裁减:当直播素材(即上述的直播显示内容)宽高比大于1:1时,将直播原素材居中在个人主页播放区域展示;当直播素材宽高比小于等于1:1时,取直播原素材距离上边缘1/3位置,居中显示在个人主页播放区域展示,使人脸尽量不被裁减。通过上述处理,在调整展示方式的过程中,将调整头图区与调整直播显示内容结合的方式,使得得到的调整结果更为准确,以及达到高效调整的好处。
在一个或多个可选实施例中,上述直播显示内容可以包括多种,例如,可以包括以下至少之一:直播封面,预定直播视频,实时直播视频。其中,直播封面可以是账户用于进行直播预告的海报,也可以账户基于直播内容对直播进行简单说明的直播简介,还可以是直播中重要画面,等。预定直播视频可以是账户在进行直播前提前录制的一段用于预告直播的视频,也可以是账户用于展示直播内容的一段视频说明,还可以是账户用于吸引观众来观看直播的一种视频介绍,等。实时直播视频可以是账户当前正在直播的内容。需要说明的是,直播显示内容用于表征该预定账户当前正在直播,观众账户可以直接依据对该头图区的操作进入预定账户的直播页面观看直播。直播显示内容当然还可以是其它内容,在此也不进行一一详述。
在一个或多个可选实施例中,在头图区展示直播显示内容,包括:在直播显示内容为预定直播视频和/或实时直播视频的情况下,在头图区静音播放直播显示内容。例如,当账户开通直播后,头图区默认展示直播,并自动静音播放,吸引观看者点击;在展示直播的直播区域点击/下拉后,可直接进入直播间查看。比如,对于开通直播的账户,个人主页头部自动展示为当前直播的内容,背景图封面区域增高至合理位置(比如,宽高比5:3),并自动静音播放,吸引观看者点击。而当直播结后,自动切回原背景封面图。因此,为避免对个人主页观看的打扰,在头图区采用静音的方式播放直播显示内容,一方面,能够让用户观看到对应的视频内容,另一方面,也能够让用户根据自身需求选择是否进入直播,不强制操作,提升用户选择的自由性。
在一个或多个可选实施例中,通过对头图区的操作,还可以直接进入直播界面,从而观看直播或者与直播的主播账户进行互动。例如,可以采用以下方式实现:在头图区展示直播显示内容之后,接收进入操作,其中,进入操作用于请求进入直播页面;响应进入操作,进入直播页面,其中,直播页面全屏显示直播显示内容。需要说明的是,上述在头图区接收的预定操作可以是多种,例如,可以是对头图区进行点击的点击操作,也可以是对头图区拖动的拖动操作。其中,上述点击操作可以是对头图区内非控件区域的单点击操作,也可以是对头图区内非控件区域的双点击操作。上述拖动操作可以是在头图区内的上拉操作,或者在头图区内的下拉操作,还可以是在头图区的左拉操作,或者是在头图区的右拉操作,等。
在一个或多个可选实施例中,接收在头图区的预定操作,响应预定操作播放预定账户的直播内容时,可以采用多种方式,下面举例说明。例如,在接收在头图区的预定操作,响应预定操作播放预定账户的直播内容时,可以是接收在头图区上图像区域的点击操作,其中,图像区域为头图区上除功能控件所在区域之外的区域;响应点击操作,依据点击操作所对应的链接地址全屏展示直播页面,并在直播页面播放预定账户的直播内容。通过直接对头图区的点击操作,实现快速进入直播间的效果,有效提升用户体验。又例如,在接收在头图区的预定操作,响应预定操作播放预定账户的直播内容时,还可以接收对头图区的拖动操作;响应拖动操作,依据拖动操作对应的直播页面打开指令全屏展示直播页面,并在直播页面播放预定账户的直播内容。采用直接拖动头图区的操作,基于该操作触发对应的直播页面打开指令,从而进入直播间。依据用户习惯性的拖动操作,能够符合用户的习惯,为用户提供进入直播间较好的体验。
图4a是是根据一示例性实施例示出的由个人主页进入直播页面前个人主页的示意图,如图4a所示,通过点击个人主页中头图区中的背景部分,或者在个人主页头图区中背景部分执行下拉手势,则触发进入账户当前正在直播的页面。图4b是是根据一示例性实施例示出的由个人主页进入直播页面后直播页面的示意图,如图4b所示,进入账户的直播音,以全屏展示的方式展示账户当前正在进行的直播,可以执行对正常直播所执行的所有操作,例如,点赞,评论,关注,送礼物资源,加粉丝团,等。在该直播页面上还显示的返回按钮,当接收到对该返回按钮的操作时,返回原来的个人主页。通过上述处理,直播显示内容在个人主页展示时,可通过点击或下拉手势,进入直播间,沉浸式观看全屏直播内容,并且可以直接互动、打赏等,缩短了观看直播的路径。当采用上述方式,由个人主页进入直播页面后,当在直播页面点击返回按钮后,由直播页面还能返回之前的个人主页,实现了个人主页与直播页面间的快速切换,提升用户观看直播的效率,以及返回个人主页的速度,实现用户的附加体验。
在一个或多个可选实施例中,在头图区展示直播显示内容时,为展示账户更为丰富的个性化信息,可以在该头图层展示个性化的文字描述,例如,可以在展示直播显示内容的图层的上层显示文字图层,其中,文字图层显示有预定账户的预定描述文字。可选地,在文字图层可以以左右滚动的方式显示预定描述文字。图5是是根据一示例性实施例示出的在个人主页的头图区展示预定描述文字的示意图,如图5所示,在对头图区进行编辑时,可以选择文本标签输入,或选择默认提供的个性词,选择文字贴纸形式,设置头图区中的预定描述文字(最讨厌香菜)。其中,该预定描述文字可以是展示该预定账户一些个性化的描述文字,另外,该预定描述文字可以采用多种展示方式,例如,可以左右滚动展示的方式,也可以上下滚动展示的方式,还可以依据需要设置一些个性化的动画的方式,等。
个人主页作为重要的社交和个人信息展示场,部分用户对于丰富媒体的展示有个性化的诉求。因此,通过上述实施例及可选实施例,考虑在头图区,账户可以多样化形式,比如,直播、文字贴纸、白头进行个人信息的展示,从而有效地丰富了账户在个人主页展示社交资料的途径,使“社交名片”更具个性色彩,另外,也能够在一定程度上,吸引更多用户对账户的关注,互动等。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本公开并不受所描述的动作顺序的限制,因为依据本公开,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本公开所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个计算机可读存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本公开各个实施例的方法。
根据本公开实施例,还提供了一种用于实施上述页面处理方法的装置,图6是根据一示例性实施例示出的页面处理装置的装置框图。参照图6,该装置包括第一显示模块61,第一处理模块62和第二处理模块63,下面对该装置进行说明。
第一显示模块61,用于显示视频应用中预定账户的个人主页,其中,个人主页包括:头图区和预定账户的账户信息区;第一处理模块62,连接至上述第一显示模块61,用于在预定账户在直播的情况下,获取直播显示内容,并在头图区展示直播显示内容;第二处理模块63,连接至上述第一处理模块62,用于接收在头图区的预定操作,响应预定操作播放预定账户的直播内容。
此处需要说明的是,上述第一显示模块61,第一处理模块62和第二处理模块63对应于上述页面处理方法中的步骤S11至步骤S13,上述模块与对应的步骤所实现的实例和应用场景相同,但不限于上述页面处理方法中所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在计算机终端中。
可选地,第一处理模块包括:播放单元,用于在直播显示内容为预定直播视频和/或实时直播视频的情况下,在头图区静音播放直播显示内容。
可选地,第一处理模块包括:显示单元,用于在展示直播显示内容的图层的上层显示文字图层,其中,文字图层显示有预定账户的预定描述文字。
可选地,第二处理模块包括:第一接收单元,用于接收在头图区上图像区域的点击操作,其中,图像区域为头图区上除功能控件所在区域之外的区域;第一播放单元,用于响应点击操作,依据点击操作所对应的链接地址全屏展示直播页面,并在直播页面播放预定账户的直播内容。
可选地,第二处理模块包括:第二接收单元,用于接收对头图区的拖动操作;第二播放单元,用于响应拖动操作,依据拖动操作对应的直播页面打开指令全屏展示直播页面,并在直播页面播放预定账户的直播内容。
可选地,第一处理模块包括:调整单元,用于通过调整直播显示内容在头图区的展示方式,在头图区展示直播显示内容。
可选地,调整单元包括:第一调整子单元,用于将头图区的显示尺寸的宽高比调整为第一预定比例,得到调整后的头图区;第一显示子单元,连接至上述第一调整子单元,用于在直播显示内容的宽高比大于第二预定比例的情况下,将直播显示内容以居中的方式在调整后的头图区展示;和/或,第二显示子单元,连接至上述第一调整子单元,用于在直播显示内容的宽高比小于或等于第二预定比例的情况下,取直播显示内容距离上边缘预定位置后得到调整后的直播显示内容,将调整后的直播显示内容以居中的方式在调整后的头图区展示。
可选地,该装置还包括:第二显示模块,用于在头图区展示直播显示内容之后,在预定账户在直播结束的情况下,在头图区显示预定背景图。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
本公开的实施例可以提供一种电子设备,例如,电子设备可以是一种终端700,图7是根据一示例性实施例示出的一种终端的结构框图,比如,该终端700可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,终端700可以包括以下一个或多个组件:处理组件702,存储器704,电力组件706,多媒体组件708,音频组件710,输入/输出(I/O)的接口712,传感器组件714,以及通信组件716。
处理组件702通常控制终端700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理组件702可以包括多媒体模块,以方便多媒体组件707和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在设备700的操作。这些数据的示例包括用于在终端700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为终端700的各种组件提供电力。电源组件706可以包括电源管理系统,一个或多个电源,及其他与为终端700生成、管理和分配电力相关联的组件。
多媒体组件708包括在所述终端700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当设备700处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710包括一个麦克风(MIC),当终端700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为终端700提供各个方面的状态评估。例如,传感器组件714可以检测到设备700的打开/关闭状态,组件的相对定位,例如所述组件为终端700的显示器和小键盘,传感器组件714还可以检测终端700或终端700一个组件的位置改变,用户与终端700接触的存在或不存在,终端700方位或加速/减速和终端700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于终端700和其他设备之间有线或无线方式的通信。终端700可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件716还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,终端700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器704,上述指令可由终端700的处理器720执行以完成上述方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本公开的实施例可以提供一种电子设备,例如,电子设备可以是一种服务器,图8是根据一示例性实施例示出的一种服务器的结构框图,参照图8,该服务器800包括处理组件801,其进一步包括一个或多个处理器,以及由存储器802所代表的存储器资源,用于存储可由处理组件801的执行的指令,例如应用程序。存储器802中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件801被配置为执行指令,以执行上述页面处理方法。
服务器800还可以包括一个电源组件803被配置为执行服务器800的电源管理,一个有线或无线网络接口804被配置为将服务器800连接到网络,和一个输入输出(I/O)接口805。服务器800可以操作基于存储在存储器802的操作系统,例如Windows ServerTM,MacOS XTM,UnixTM,LinuxTM,FreeBSDTM或类似……。
在示例性实施例中,还提供了一种计算机程序产品,当计算机程序产品中的计算机程序由终端的处理器执行时,使得终端能够执行上述任一项的页面处理方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面处理方法,其特征在于,包括:
显示视频应用中预定账户的个人主页,其中,所述个人主页包括:头图区和所述预定账户的账户信息区;
在所述预定账户在直播的情况下,获取直播显示内容,并在所述头图区展示所述直播显示内容;
接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容。
2.根据权利要求1所述的方法,其特征在于,所述在所述头图区展示所述直播显示内容,包括:
在所述直播显示内容为预定直播视频和/或实时直播视频的情况下,在所述头图区静音播放所述直播显示内容。
3.根据权利要求1所述的方法,其特征在于,所述在所述头图区展示所述直播显示内容,包括:
在展示所述直播显示内容的图层的上层显示文字图层,其中,所述文字图层显示有所述预定账户的预定描述文字。
4.根据权利要求1所述的方法,其特征在于,所述接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容包括:
接收在所述头图区上图像区域的点击操作,其中,所述图像区域为所述头图区上除功能控件所在区域之外的区域;
响应所述点击操作,依据所述点击操作所对应的链接地址全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
5.根据权利要求1所述的方法,其特征在于,所述接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容包括:
接收对所述头图区的拖动操作;
响应所述拖动操作,依据所述拖动操作对应的直播页面打开指令全屏展示直播页面,并在所述直播页面播放所述预定账户的直播内容。
6.根据权利要求1所述的方法,其特征在于,在所述头图区展示所述直播显示内容,包括:
通过调整所述直播显示内容在所述头图区的展示方式,在所述头图区展示所述直播显示内容。
7.一种页面处理装置,其特征在于,包括:
第一显示模块,用于显示视频应用中预定账户的个人主页,其中,所述个人主页包括:头图区和所述预定账户的账户信息区;
第一处理模块,用于在所述预定账户在直播的情况下,获取直播显示内容,并在所述头图区展示所述直播显示内容;
第二处理模块,用于接收在所述头图区的预定操作,响应所述预定操作播放所述预定账户的直播内容。
8.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至6中任一项所述的页面处理方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如权利要求1至6中任一项所述的页面处理方法。
10.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的页面处理方法。
CN202111172131.4A 2021-10-08 2021-10-08 页面处理方法、装置、电子设备及计算机可读存储介质 Pending CN113946246A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111172131.4A CN113946246A (zh) 2021-10-08 2021-10-08 页面处理方法、装置、电子设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111172131.4A CN113946246A (zh) 2021-10-08 2021-10-08 页面处理方法、装置、电子设备及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN113946246A true CN113946246A (zh) 2022-01-18

Family

ID=79329300

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111172131.4A Pending CN113946246A (zh) 2021-10-08 2021-10-08 页面处理方法、装置、电子设备及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN113946246A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115119038A (zh) * 2022-06-13 2022-09-27 北京达佳互联信息技术有限公司 一种信息显示方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108108990A (zh) * 2016-11-24 2018-06-01 广州华多网络科技有限公司 一种网络购物方法、系统及直播平台
CN109309843A (zh) * 2018-07-25 2019-02-05 北京达佳互联信息技术有限公司 视频发布方法、终端及服务器
WO2020057327A1 (zh) * 2018-09-20 2020-03-26 北京达佳互联信息技术有限公司 信息列表显示方法、装置及存储介质
CN110996151A (zh) * 2019-11-22 2020-04-10 广州虎牙科技有限公司 视频图层叠加方法、装置、电子设备和存储介质
CN112153396A (zh) * 2020-09-14 2020-12-29 北京达佳互联信息技术有限公司 页面展示方法、装置、系统和存储介质
CN113395566A (zh) * 2021-06-08 2021-09-14 北京达佳互联信息技术有限公司 视频播放方法、装置、电子设备及计算机可读存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108108990A (zh) * 2016-11-24 2018-06-01 广州华多网络科技有限公司 一种网络购物方法、系统及直播平台
CN109309843A (zh) * 2018-07-25 2019-02-05 北京达佳互联信息技术有限公司 视频发布方法、终端及服务器
WO2020057327A1 (zh) * 2018-09-20 2020-03-26 北京达佳互联信息技术有限公司 信息列表显示方法、装置及存储介质
CN110996151A (zh) * 2019-11-22 2020-04-10 广州虎牙科技有限公司 视频图层叠加方法、装置、电子设备和存储介质
CN112153396A (zh) * 2020-09-14 2020-12-29 北京达佳互联信息技术有限公司 页面展示方法、装置、系统和存储介质
CN113395566A (zh) * 2021-06-08 2021-09-14 北京达佳互联信息技术有限公司 视频播放方法、装置、电子设备及计算机可读存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
全网运营-柯: "抖⾳企业号头图怎么放视频?", Retrieved from the Internet <URL:http://zhihu.com/question/405301175/answer/2108006800> *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115119038A (zh) * 2022-06-13 2022-09-27 北京达佳互联信息技术有限公司 一种信息显示方法、装置、电子设备及存储介质
CN115119038B (zh) * 2022-06-13 2023-09-19 北京达佳互联信息技术有限公司 一种信息显示方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN109120981B (zh) 信息列表展示方法、装置及存储介质
CN111970533B (zh) 直播间的互动方法、装置及电子设备
CN113268622A (zh) 图片浏览方法、装置、电子设备及存储介质
CN111770381B (zh) 视频编辑的提示方法、装置以及电子设备
CN109660873B (zh) 基于视频的交互方法、交互装置和计算机可读存储介质
CN112367553B (zh) 消息交互方法、装置、电子设备及存储介质
CN111866596A (zh) 弹幕发布及展示方法、装置、电子设备和存储介质
CN113065008A (zh) 信息推荐方法、装置、电子设备及存储介质
CN111479158B (zh) 视频展示方法、装置、电子设备及存储介质
CN109451341B (zh) 视频播放方法、视频播放装置、电子设备及存储介质
CN110719530A (zh) 一种视频播放方法、装置、电子设备及存储介质
CN111432288A (zh) 视频播放方法、装置、电子设备和存储介质
CN112188230A (zh) 虚拟资源处理方法、装置、终端设备及服务器
CN107566878B (zh) 直播中显示图片的方法及装置
CN112788354A (zh) 直播互动方法、装置、电子设备、存储介质及程序产品
CN111736746A (zh) 多媒体资源的处理方法、装置、电子设备及存储介质
CN113988021A (zh) 内容互动方法、装置、电子设备及存储介质
CN113946246A (zh) 页面处理方法、装置、电子设备及计算机可读存储介质
CN112764636A (zh) 视频处理方法、装置、电子设备和计算机可读存储介质
CN113157972A (zh) 视频封面文案的推荐方法、装置、电子设备及存储介质
CN111182362A (zh) 视频的控制处理方法及装置
CN114554231A (zh) 一种信息显示方法、装置、电子设备及存储介质
CN110809184A (zh) 视频处理方法、装置及存储介质
CN111343510B (zh) 信息处理方法、装置、电子设备及存储介质
CN114399306A (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