CN112218170B - 直播界面交互方法、装置、电子设备及计算机可读介质 - Google Patents

直播界面交互方法、装置、电子设备及计算机可读介质 Download PDF

Info

Publication number
CN112218170B
CN112218170B CN202011086781.2A CN202011086781A CN112218170B CN 112218170 B CN112218170 B CN 112218170B CN 202011086781 A CN202011086781 A CN 202011086781A CN 112218170 B CN112218170 B CN 112218170B
Authority
CN
China
Prior art keywords
control
functional
function
function control
state
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202011086781.2A
Other languages
English (en)
Other versions
CN112218170A (zh
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.)
Douyin Vision Co Ltd
Douyin Vision Beijing 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 CN202011086781.2A priority Critical patent/CN112218170B/zh
Publication of CN112218170A publication Critical patent/CN112218170A/zh
Priority to JP2023521828A priority patent/JP2023546834A/ja
Priority to PCT/CN2021/119568 priority patent/WO2022078165A1/zh
Priority to EP21879211.7A priority patent/EP4216561A4/en
Application granted granted Critical
Publication of CN112218170B publication Critical patent/CN112218170B/zh
Priority to US18/148,388 priority patent/US11863803B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • 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/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4788Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting
    • 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/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/1066Session management
    • H04L65/1083In-session procedures
    • H04L65/1093In-session procedures by adding participants; by removing participants
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/60Network streaming of media packets
    • H04L65/61Network streaming of media packets for supporting one-way streaming services, e.g. Internet radio
    • H04L65/612Network streaming of media packets for supporting one-way streaming services, e.g. Internet radio for unicast
    • 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/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
    • 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/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438Window management, e.g. event handling following interaction with the user interface
    • 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
    • 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/488Data services, e.g. news ticker
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81Monomedia components thereof
    • H04N21/8146Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85Assembly of content; Generation of multimedia applications
    • H04N21/854Content authoring
    • H04N21/8545Content authoring for generating interactive applications

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • General Business, Economics & Management (AREA)
  • Computer Graphics (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

本公开提供了一种直播界面交互方法、装置、电子设备及计算机可读介质,涉及网络直播领域。该方法通过在直播间界面显示用于指示同一功能状态的第一功能控件和第二功能控件;接收作用于直播界面的交互操作,在确定交互操作满足预设条件时,切换第一功能控件和第二功能控件的功能状态;分别在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。本技术方案通过新增功能控件,实现了利用两个功能控件相互联动以提示同一功能状态,增强了功能控件对应功能状态的表现力,更有利于引导用户根据功能状态进行交互操作。

Description

直播界面交互方法、装置、电子设备及计算机可读介质
技术领域
本公开涉及网络直播技术领域,具体而言,本公开涉及一种直播界面交互方法、装置、电子设备及计算机可读介质。
背景技术
随着直播行业的全面兴起,直播的传播模式也越来越受到大众的欢迎,越来越多的直播内容也加入至主播行业。随着直播行业的不断成熟,主播的数量越来愈多,主播之间的竞争也越来越大。大多数主播通过引导观众用户关注主播、加入主播粉丝团等方式来维持主播间的用户留存量,提高主播的竞争力。
目前,直播界面设置有“关注”按钮。当观众用户进入到某一主播的直播间,若观众用户未关注该主播,则会在该主播的直播界面左上角的固定位置上展示“关注”按钮,以提示观众用户进行关注。观众用户点击“关注”按钮并关注该主播后,在该固定位置上即出现加入粉丝团引导动效,并展示粉丝团入口。然而,由于受到直播界面模板的位置和尺寸的限制,上述引导观众用户关注主播的效果受到限制,降低了引导用户关注主播的提示信息的表现效果。
发明内容
提供该发明信息部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明信息部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
第一方面,本公开实施例提供了一种直播界面交互方法,包括以下步骤:
在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态;
根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
第二方面,本公开实施例提供了一种直播界面交互装置,包括:
控件显示模块,用于在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
状态切换模块,用于接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,同步切换所述第一功能控件和所述第二功能控件的功能状态;
动画展示模块,用于根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
第三方面,本公开实施例提供了一种电子设备,该电子设备包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中一个或多个应用程序被存储在存储器中并被配置为由一个或多个处理器执行,一个或多个程序配置用于:执行实现本公开上述的直播界面交互方法。
第四方面,本公开实施例提供了一种计算机可读介质,计算机可读介质上存储有计算机程序,该程序被处理器执行时实现本公开上述的直播界面交互方法。
本公开提供的技术方案带来的有益效果是:
上述实施例提供的直播界面交互方法、装置、电子设备及计算机可读介质,通过在直播间界面显示用于指示同一功能状态的第一功能控件和第二功能控件;接收作用于直播界面的交互操作,在确定交互操作满足预设条件时,切换第一功能控件和第二功能控件的功能状态;分别在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。在本公开方案中,除了设置于模板固定位置上的功能控件,还新增了另一功能控件,通过两个功能控件提示同一功能状态,以增强该功能状态的表现力,更有利于引导用户根据功能状态进行交互操作。同时,这两个功能控件相互联动,当对其中一个功能控件进行交互操作,另一功能控件即便没有被点击也会同步进行切换功能状态,以使得这两个功能状态保持一致,从而增大了该动能控件对应的功能状态的表现力与吸引力,更有利于引导观众用户进行操作。
本公开附加的方面和优点将在下面的描述中部分给出,这些将从下面的描述中变得明显,或通过本公开的实践了解到。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1是本公开实施例提供的网络直播***的框架示意图;
图2是相关技术提供的客户端展示的直播间界面示意图;
图3是本公开一实施例提供的直播界面交互方法的流程图;
图4是本公开一实施例提供的直播间界面示意图;
图5是本公开一实施例提供的另一直播间界面示意图;
图6是本公开实施例提供的功能状态切换的原理图;
图7是本公开一实施例提供的直播界面交互装置的结构示意图;
图8为一实施例提供的用于直播界面交互的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对装置、模块或单元进行区分,并非用于限定这些装置、模块或单元一定为不同的装置、模块或单元,也并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
在对本申请实施例提供的方法进行介绍之前,先对本申请实施例的应用场景进行介绍。本申请实施例提供的方法应用于网络直播***中,请参考图1,图1是本公开实施例提供的网络直播***的框架示意图,该***框架可以包括服务端和客户端,客户端包括一个或多个主播端和多个客户端,位于服务端上的直播平台中可以包括多个虚拟直播间和服务器等,其中,各主播端和各观众端分别与该服务器之间通过有线网络或者无线网络建立通信连接。
通常而言,各个虚拟直播间对应播放不同的直播内容,主播用户通过主播端进行直播,观众用户通过观众端选择进入某一虚拟直播间观看主播用户进行直播。观众端和主播端可以通过安装在电子设备上的直播应用程序(Application,APP)进入直播平台。
其中,该主播端和观众端为电子设备,如智能手机、平板电脑、台式电脑或笔记本电脑等,对此并不做限定。服务器是用于为电子设备提供后台服务的后台服务器,可以用独立服务器或多个服务器组成的服务器集群来实现。在一实施例中,该服务器可以为网络直播平台。主播用户可以通过主播端录制视频,主播端将视频同步上传到网络直播平台,再由网络直播平台向观众端推送视频,从而使观众用户能够看到主播用户的直播视频。
此外,对直播界面的相关技术进行介绍。在相关技术中,客户端展示的直播间界面是由固定模板构成的,每个区域的大小是固定的。图2是相关技术提供的客户端展示的直播间界面示意图。如图2所示,直播间界面的顶部位置区域101用于显示主播名称及提示关注信息,顶部位置区域102用于显示在线观看观众的头像及其等级,中间位置区域103(一般为整个屏幕范围)用于显示主播直播内容,包括主播直播的场景,下方区域104用于展示观众用户的发言,下方区域104的背景是透明的,不影响主播直播内容的观看,底部位置区域105用于展示礼物菜单等。
基于上述相关技术可知,用于提示用户关注主播的“关注”按钮位于直播间界面的顶部,且位置大小不能改变。由于“关注”按钮位于左上角,不在观众用户的操作热区和视觉重点区域,不利用观众用户点击“关注”按钮进行关注,且“关注”按钮所属模板区域的尺寸较小,引导观众用户进行关注的动画和信息长度受到固定模板尺寸的限制,表现力有限,且由于受到模板尺寸的限制,有些状态内容无法直接呈现,仅能通过多次点击交互后才能展示,影响直播间的活跃度等。
基于此,本公开实施例提供的直播界面交互方法、装置、电子设备及计算机可读介质,以通过多控件联合提示用户进行交互操作,以解决现有技术的如上技术问题。
下面以具体地实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
下面将结合以下实施例对本公开的直播界面交互方法进行详细说明。
图3是本公开一实施例提供的直播界面交互方法的流程图,该直播界面交互方法可执行于图1所示的网络直播***中,可由客户端来执行。
请参见图3,直播界面交互方法可以包括以下步骤:
S210、在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态。
在本公开实施例中,第一功能控件和第二功能控件在某些场景下具有相同的功能,均指示同一功能状态。例如,在观众用户待关注主播的场景下,第一功能控件和第二功能控件均指示用户待关注该主播而展示关注主播的提示信息。在一实施例中,第一功能控件和第二功能控件用于指示同一功能状态的指示图标并不相同,例如,第一功能控件展示的是“关注”文字,用于提示观众用户点击“关注”文字进行关注主播用户,第二功能控件展示的是“+”符号,用于提示用户点击“+”进行关注主播用户。当然,在其他实施例中,第一功能控件和第二功能控件用于指示同一功能状态的指示图标相同,例如,第一功能控件和第二功能控件展示的均为“关注”文字或者均为“+”符号或其他预先设定的文字或符号。
通常而言,直播间界面上一个功能状态,由一个功能控件来显示。例如,按照直播界模板,用于提示观众用户进行关注操作的“关注”控件设置在直播间界面的左上角,可参见图2。
按照现有的直播间界面的模板,第一功能控件固定设置在某一模板区域,其模板区域的位置和大小是固定的。在本公开实施例中,新增第二功能控件,在现有的直播间界面的模板上划定一区域用于设置第二功能控件,通过原有的第一功能控件和新增的第二功能控件均指示同一功能状态。其中,第一功能控件和第二功能控件设置在直播间界面的不同区域。
需要说明的是,第一功能控件和第二功能控件中的“第一”和“第二”仅在于对两个功能控件相区别,上述的实施例仅在于示例性说明,即在本公开实施例中,也可以是第一功能控件为新增的功能控件,第二功能控件为原有的功能控件,在此不做限定。
在本公开的一实施例中,步骤S210中的在直播界面显示第一功能控件和第二功能控件,可以包括以下步骤:
S2101、获取直播间界面的控件排布模板。
预先设置直播间界面的控件排布模板,在该控件排布模板上预先指定各个功能控件的排布位置。
在本公开实施例中,在现有的直播间界面模板的基础上,选择合适的区域设置第二功能控件,得到新的直播间界面的控件排布模板。客户端获取新的直播间界面的控件排布模板,得到第一功能控件和第二功能控件的设置位置。
S2102、按照所述控件排布模板,在所述直播间界面的顶部位置上显示第一功能控件,在所述直播界面的底部位置上显示第二功能控件。
在本公开实施例中,新增的第二功能控件设置在直播间界面的底部位置,例如底部右下角位置。当然,在其他实施例中,第二功能控件还可以设置在直播间界面的其他位置上,如直播间界面的中间右侧等。
客户端获取到控件排布模板,按照控件排布模板获取到第一功能控件和第二功能控件的排布位置,将第一功能控件显示在原来的显示位置上,例如直播间界面的顶部位置,如顶部左上角,将第二功能控件显示在新增的显示位置上,例如,直播间界面的底部位置,如底部右下角。
需要说明的是,新增的第二功能控件的显示位置优选设置在观众用户的操作热区或者视觉重点区域,其中,观众用户的操作热区或者视觉重点区域可以根据对观众用户的行为习惯、行为偏好和视觉关注点等进行分析得到,例如,由于观众用户习惯于右手握着手机观看主播直播,那么用户的操作热区偏向于直播间界面的下侧,如底部右下角区域,而观众用户的目标集中点通常在直播间的中间区域,同时考虑到第二功能控件遮挡直播画面,可以考虑将第二功能控件设置在直播间界面的中间右侧等。
S220、接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态。
其中,预设条件为预先设置的能够触发第一功能控件和第二功能控件的功能状态进行更新切换的条件,交互操作包括但不限于:单击、双击、长按、滑动等单点或多点交互操作。
在一实施例中,交互操作可以直接作用于第一功能控件或第二功能控件,或者同时作用于第一功能控件和第二功能控件,例如单击第一功能控件或第二功能控件,或同时点击第一动能控件和第二功能控件。交互操作也可以不直接作用于第一功能控件和第二功能控件,如双击显示屏幕等。
观众用户在直播间界面做出交互操作,可以触发第一功能控件和第二功能控件切换功能状态,需要说明的是,切换前后第一功能控件和第二功能控件两者指示的功能状态保持一致,即切换前第一功能控件指示第一功能状态,第二功能控件指示的也是第一功能状态,切换后第一功能控件指示第二功能状态,第二功能控件指示的也是第二功能状态。
在本公开一实施例中,步骤S220中的在确定所述交互操作满足预设条件时,同步切换所述第一功能控件和所述第二功能控件的功能状态的步骤包括:
S2201、在确定所述交互操作作用于所述第一功能控件和第二功能控件中的其中一者时,同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态。
当观众用户点击第一功能控件或第二功能控件,生成功能状态切换事件,并获取切换当前功能状态对应的下一功能状态,并同步将下一功能状态显示在第一功能控件和第二功能控件对应的位置上,利用下一功能状态切换当前显示的功能状态。也即是,响应于功能状态切换事件,同步将第一功能控件的功能状态由当前的第一功能状态切换到下一第二功能状态,将第二功能控件的功能状态由当前的第一功能状态也切换到下一第二功能状态。
例如,用户点击第一功能控件或第二功能控件后,第一功能控件和第二功能控件的功能状态由待关注状态切换到已关注状态。当功能状态发生改变后,第一功能控件和第二功能控件对应的展示图标可以发生变化,以提示功能状态的改变。如第二功能控件的图标由符号“+”变更为符号“√”,提示观众用户关注主播成功。
S230、根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画的展示内容和展示时间可以相同,也可以不同。
在本公开实施例中,由于受到直播间界面模板的尺寸和位置的限制,第一功能控件和第二功能控件在对应的显示位置上展示的引导动画的内容可以不同,引导动画所展示的时间也可以不同。位于原先直播间界面模板上的固定的第一功能控件位于左上角,展示空间有限,展示时间短于第二功能控件,第二功能控件是新增控件,也可以是固定在新的直播间界面模板的合适位置上,可选的,第二功能控件可以是动态悬浮在直播间界面上,并根据用户操作移动显示位置。
在一实施例中,步骤S230中的分别在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,可以包括以下步骤:
S2301、在所述第一功能控件对应的显示位置上展示第一引导动画,所述第一引导动画在预设时长内展示后消失;在所述第二功能控件对应的显示位置上持续展示第二引导动画。
在第一功能控件对应的显示位置上展示提示图标,如爱心,表示已关注该主播,并展示第一引导动画,以提示观众用户进行下一交互操作,如加入该主播的粉丝团等。第一引导动画展示预设时长后消失,以继续展示“爱心”等类似的提示已关注的图标。在第二功能控件对应的显示位置上持续展示第二引导动画,如向上飘的泡泡等,以引导用户进行下一交互操作。
图4是本公开一实施例提供的直播间界面示意图。在观众用户未关注直播间的主播,如图4所示,直播间界面的左上角展示有第一功能控件301,并展示“关注”文字,以提示观众用户点击第一功能控件进行关注,直播间界面的右下角展示有第二功能控件302,并展示“+”符号,以提示观众用户点击第二功能控件进行关注。观众用户点击“关注”或者“+”,客户端接收到用户的点击操作,确定用户的点击操作通过第一功能控件或第二功能控件触发关注主播用户的事件,则同步将第一功能控件和第二功能控件对应位置上的功能状态进行切换。
图5是本公开一实施例提供的另一直播间界面示意图,如图5所示,客户端接收到用户的点击关注操作,将第一功能控件301对应位置上的功能状态从“关注”文字切换为“加入粉丝团”文字,以提示用户继续点击第一功能控件输入“加入粉丝团”的交互操作,通过“加入粉丝团”的入口加入该主播的粉丝团。第二功能控件302的符号由“+”变更为“√”,并展示加入粉丝团图标动效,如向上飘的气泡,以提示观众用户“加入领主播专属勋章哦”,其中,粉丝团图标动效还可以通过缩放、扇动、漂移等方式增强其表现力。第一功能控件301的“加入粉丝团”文字在展示3秒后,但是第一功能控件上的加入粉丝团入口并没有关闭,第二功能控件302的加入粉丝团图标动效持续展示,并引导观众用户通过“粉丝团入口”进入该主播粉丝团,引导观众用户进行下一操作。
本实施例提供的直播界面交互方法,执行于客户端,通过在直播间界面显示用于指示同一功能状态的第一功能控件和第二功能控件;接收作用于所述直播界面的交互操作,在确定交互操作满足预设条件时,同步切换第一功能控件和第二功能控件的功能状态;根据切换后的功能状态分别在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,通过两个功能控件提示同一功能状态,以增强该功能状态的表现力,更有利于引导用户根据功能状态进行交互操作。
在本公开方案中,除了相关技术中设置于模板固定位置上的功能控件,还新增了另一功能控件,这两个功能控件相互联动,当对其中一个功能控件进行交互操作,如点击以切换功能状态,另一功能控件即便没有被点击也会同步进行切换功能状态,以使得这两个功能状态保持一致,从而增大了该动能控件对应的功能状态的表现力与吸引力,更有利于引导观众用户进行操作。
为了使本技术方案更为清晰,更为便于理解,下面对本技术方案中的具体的实现过程和方式加以详细的描述。
在一实施例中,步骤S2201的同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态之前,还可以包括以下步骤:
S201、确定观众用户针对于所述直播间的主播用户的属性信息。
在本公开实施例中,属性信息包括待关注、已关注待加入虚拟组织以及已关注已加入虚拟组织中的其中一者。当然,在其他实施例中,属性信息还可以包括观众用户的等级、观众用户所在的虚拟组织的等级、观众用户所获得的权项等信息。
其中,虚拟组织是基于虚拟网络世界而言的组织,如粉丝团等。当观众用户加入粉丝团,则成为该主播的粉丝用户,可以获得一定的权限,并通过参与活动等方式不断提高所在粉丝团的等级。
S202、根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态。
在本公开实施例中,可以根据属性信息中的一者或者多者结合确定第一功能控件和第二功能控件的第一功能状态。
在一实施例中,若所述属性信息为待关注,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户进行关注的功能状态。
观众用户未关注主播,则检测到观众用户的属性信息为待关注,第一功能控件和第二功能控件的第一功能状态为提示观众用户进行关注的功能状态,如第一功能控件显示“关注”文字,第二功能控件显示“+”符号,以提示观众用户关注主播。相应的,用户点击第一功能控件或第二功能控件进行关注后,则切换后的下一功能状态为“已关注”,并基于“已关注”的功能状态,引导观众用户进行下一交互操作,如加入该主播的粉丝团。
在另一实施例中,若所述属性信息为已关注待加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众加入虚拟组织的功能状态。
观众用户已关注主播但未加入主播的粉丝团,则确定观众用户的属性信息为已关注待加入虚拟组织,则第一功能控件和第二功能控件的第一功能状态为提示观众加入虚拟组织的功能状态,如第一功能控件显示“加入粉丝团”文字,第二功能控件显示加入粉丝团引导气泡动效,以提示观众用户关注主播。相应的,观众用户点击第一功能控件或第二功能控件进行加入虚拟组织操作后,则切换后的下一功能状态为“当前虚拟组织等级”,并基于“当前虚拟组织等级”的功能状态,引导观众用户进行下一交互操作,如点亮勋章,以完成任务提高当前虚拟组织,如当前粉丝团的等级。
在又一实施例中,若所述属性信息为已关注已加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户当前所在虚拟组织等级的功能状态。
观众用户已关注已加入主播的粉丝团,则确定观众用户的属性信息为已关注已加入虚拟组织,则第一功能控件和第二功能控件的第一功能状态为提示观众用户当前所在虚拟组织等级的功能状态,如第一功能控件播放“点亮勋章”引导动效,第二功能控件显示引导点亮勋章气泡,如“点亮勋章,主播更关注你哦”。相应的,观众用户点击第一功能控件或第二功能控件进行点亮勋章后,则切换后的下一功能状态为“勋章点亮”,并基于“勋章点亮”的功能状态,维持第一功能控件和第二功能控件处于勋章点亮状态,直至下一次勋章未点亮条件满足,比如,该观众用户超过三天未进入该主播的直播间等,则点灭该勋章,重新回到已关注已加入虚拟组织但未点亮勋章状态。
在本公开一实施例中,当接收到观众用户首次进行直播间操作时,确定观众用户针对于该直播间的主播用户的属性信息,还可以是在观众用户作用于第一功能控件或第二功能控件进行功能状态切换时,重新确定观众用户针对于直播间的主播用户的属性信息,还可以是当接收到观众用户重新进入直播间的操作信息,获取观众用户针对于直播间的主播用户的属性信息。
可选的,通过获取观众用户与主播用户的关联关系确定观众用户针对于直播间的主播用户的属性信息,若观众用户未与主播用户建立关联关系,则确定观众用户针对于直播间的主播用户的属性信息为待关注,若观众用户关注该主播,则建立与主播用户关联关系,进一步的,用户加入主播的粉丝团,则在建立与主播用户关联关系的基础上,新增加入粉丝团属性信息,确定观众用户的属性信息更新为已关注已加入虚拟组织,进一步的,用户点亮粉丝团勋章,则在建立与主播用户关联关系和加入粉丝团的基础上,新增点亮勋章属性信息等。
需要说明的是,观众用户针对于直播间的主播用户的属性信息可以是动态变化的,例如,用户长时间不进入直播间观看主播,则会取消点亮勋章,或者观众用户长时间不进行互动或发表不良言论,会自动降低观众用户的等级或者退出粉丝团等。
在本公开实施例中,当接收到观众用户重新进入直播间的操作信息,重新获取观众用户针对于直播间的主播用户的属性信息,以获取到观众用户针对于直播间的主播用户的最新的属性信息,并根据最新的属性信息在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,并返回执行步骤S220中接收作用于直播界面的交互操作的步骤。
需要说明的是,引导动画的触发可以是在观众用户触发第一功能控件或第二功能控件进行功能状态切换时主动触发,还可以是观众用户重新进入直播间时,按照获取到的最新属性信息进行被动触发,也可以是主播通过主播端的预设置安装针对某个指定观众用户进行全局触发。其中,在一实施例中,被动触发次数收到限制,也即是每日被动触发的次数不能超过预设次数,如10次,全局触发则不受频控,主播用户可以按照实际需要进行设置。
在本公开一实施例中,步骤S2201中的同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态,可以包括以下步骤:
S301、根据预先设置的功能状态切换顺序,确定所述第一功能控件和所述第二功能控件从所述第一功能状态切换后的第二功能状态。
在本实施例中,第一功能状态和第二功能状态的切换具有顺序关系,按照功能状态的变化进行切换,如功能状态的切换顺序为:
Figure BDA0002720624970000131
Figure BDA0002720624970000132
Figure BDA0002720624970000141
在接收到观众用户触发的功能状态切换操作,确定观众用户针对于直播间的主播用户的属性信息,确定第一功能状态,并按照功能状态的切换顺序确定切换后的第二功能状态。
S302、根据所述第二功能状态调用对应的界面组件,将所述界面组件分别在所述第一功能控件和所述第二功能控件对应的位置上进行显示。
不同的功能状态对应不同的界面组件,如待关注的功能状态对应的第一功能控件的界面组件为“关注”文字的界面组件,第二功能控件的界面组件为“+”符号的界面组件。再如,待加入粉丝团的功能状态对应的第一功能控件的界面组件为“加入粉丝团”文字的界面组件,第二功能控件的界面组件为“加团领主播专属勋章哦”引导气泡动画的界面组件等。
根据第二功能状态确定第一功能控件和第二功能控件的界面组件,将界面组件分别在第一功能控件和第二功能控件对应的位置上进行显示,以提示用户当前所处的功能状态,并提示和引导观众用户进行下一交互操作。
为了更好的阐述本技术方案,结合下面附图6对功能状态切换的原理进行说明,图6是本公开实施例提供的功能状态切换的原理图。
如图6所示,以安卓***为例,本实施例提供的功能状态切换的执行流程包括事件生产者、事件处理者、状态机和消费者。事件生产者,用于生成功能状态切换的事件,如接收到观众用户点击第一功能控件或第二功能控件进行“关注”交互操作,则生成针对于第一功能控件或第二功能控件的功能状态切换的事件。事件处理者,用于同步功能状态切换的事件,并将该事件转换为对应的界面组件状态,设置到状态机,如同时处理第一功能控件或第二功能控件的功能状态切换,以将第一功能控件或第二功能控件的功能状态从“待关注”切换到“已关注”。状态机,用于根据第一功能控件或第二功能控件的功能切换后的第二功能状态,调用对应的界面(UI,User Interface)组件。消费者,用于监听状态机的变化,根据状态机调用的界面组件在第一功能控件和第二功能控件对应的位置上展示对应的引导动画。
在iOS***上,功能状态切换的执行流程可以为:注册用户服务(userService),通过userService获取观众用户针对于直播间的主播用户的属性信息,如是否关注主播、是否加入主播的粉丝团和是否点亮勋章等。当观众用户触发第一功能控件或第二功能控件,如点击关注后,调用userService,改变userService的功能状态,如从待关注切换已关注等。功能状态发生变化后,userService向第一功能控件和第二功能控件发送通知,以使得第一功能控件和第二功能控件的对应位置上分别显示对应的引导动画,如第一功能控件显示“加入粉丝团”文字动效,第二功能控件展示“加团领主播专属勋章哦”引导气泡动画等。
以上示例仅用于辅助阐述本公开技术方案,其涉及的图示内容及具体流程不构成对本公开技术方案的使用场景的限定。
下面对直播界面交互装置的相关实施例进行详细阐述。
图7是本公开一实施例提供的直播界面交互装置的结构示意图,如图7所示,该直播界面交互装置200可以包括:控件显示模块210、状态切换模块220和动画展示模块230。
其中,控件显示模块210,用于在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
状态切换模块220,用于接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,同步切换所述第一功能控件和所述第二功能控件的功能状态;
动画展示模块230,用于根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
本实施例提供的直播界面交互装置,通过控件显示模块210在直播间界面显示用于指示同一功能状态的第一功能控件和第二功能控件;状态切换模块220接收作用于所述直播界面的交互操作,在确定交互操作满足预设条件时,同步切换第一功能控件和第二功能控件的功能状态;动画展示模块230根据切换后的功能状态分别在第一功能控件和第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,通过两个功能控件提示同一功能状态,以增强该功能状态的表现力,更有利于引导用户根据功能状态进行交互操作。
在本公开一实施例中,状态切换模块220具体用于在确定所述交互操作作用于所述第一功能控件和第二功能控件中的其中一者时,同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态。
在本公开一实施例中,直播界面交互装置200还包括:属性信息确定模块和功能状态确定模块;其中,属性信息确定模块,用于确定观众用户针对于所述直播间的主播用户的属性信息;功能状态确定模块,用于根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态。
在本公开一实施例中,所述属性信息包括待关注、已关注待加入虚拟组织以及已关注已加入虚拟组织中的其中一者。
在本公开一实施例中,所述功能状态确定模块包括:第一状态确定单元、第二状态确定单元和第三状态确定单元;其中,第一状态确定单元,用于若所述属性信息为待关注,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户进行关注的功能状态;第二状态确定单元,用于若所述属性信息为已关注待加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众加入虚拟组织的功能状态;第三状态确定单元,用于若所述属性信息为已关注已加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户当前所在虚拟组织等级的功能状态。
在本公开一实施例中,状态切换模块220包括:切换后状态确定单元和界面组件显示单元;其中,切换后状态确定单元,用于根据预先设置的功能状态切换顺序,确定所述第一功能控件和所述第二功能控件从所述第一功能状态切换后的第二功能状态;界面组件显示单元,用于根据所述第二功能状态调用对应的界面组件,将所述界面组件分别在所述第一功能控件和所述第二功能控件对应的位置上进行显示。
在本公开一实施例中,直播界面交互装置200还包括:最新信息获取模块和引导动画展示模块;其中,最新信息获取模块,用于当接收到所述观众用户重新进入所述直播间的操作信息,获取所述观众用户针对于所述直播间的主播用户的最新的属性信息;引导动画展示模块,用于根据所述最新的属性信息在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,并返回执行所述接收作用于所述直播界面的交互操作的步骤。
在本公开一实施例中,控件显示模块210包括:排布模板获取单元和功能控件显示单元;其中,排布模板获取单元,用于获取直播间界面的控件排布模板;功能控件显示单元,用于按照所述控件排布模板,在所述直播间界面的顶部位置上显示第一功能控件,在所述直播界面的底部位置上显示第二功能控件。
在本公开一实施例中,动画展示模块230具体用于所述第一功能控件对应的显示位置上展示第一引导动画,所述第一引导动画在预设时长内展示后消失;在所述第二功能控件对应的显示位置上持续展示第二引导动画。
上述提供的直播界面交互装置可用于执行上述任意实施例提供的直播界面交互方法,具备相应的功能和有益效果。
下面参考图8,图8为一实施例提供的用于直播界面交互的电子设备的结构示意图,其示出了适于用来实现本公开实施例的电子设备700(例如图1中的客户端)的结构示意图。本公开实施例中的电子设备可以包括为客户端设备。图8示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
电子设备包括:存储器以及处理器,其中,这里的处理器可以称为下文的处理装置701,存储器可以包括下文中的只读存储器(ROM)702、随机访问存储器(RAM)703以及存储装置708中的至少一项,具体如下所示:
如图8所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置709从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(Hyper Text TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:
在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态;
根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块或单元的名称在某种情况下并不构成对该单元本身的限定,例如,接收模块还可以被描述为“接收第一序列号的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上***(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述信息的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述信息的任何合适组合。
根据本公开的一个或多个实施例,本公开提供了一种直播界面交互方法,包括:
在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态;
根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
在一种可能的实现方式中,所述在确定所述交互操作满足预设条件时,同步切换所述第一功能控件和所述第二功能控件的功能状态的步骤包括:
在确定所述交互操作作用于所述第一功能控件和第二功能控件中的其中一者时,同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态。
在一种可能的实现方式中,所述同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态的步骤之前,还包括:
确定观众用户针对于所述直播间的主播用户的属性信息;
根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态。
在一种可能的实现方式中,所述属性信息包括待关注、已关注待加入虚拟组织以及已关注已加入虚拟组织中的其中一者。
在一种可能的实现方式中,所述根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态的步骤包括:
若所述属性信息为待关注,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户进行关注的功能状态;
若所述属性信息为已关注待加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众加入虚拟组织的功能状态;
若所述属性信息为已关注已加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户当前所在虚拟组织等级的功能状态。
在一种可能的实现方式中,所述同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态的步骤包括:
根据预先设置的功能状态切换顺序,确定所述第一功能控件和所述第二功能控件从所述第一功能状态切换后的第二功能状态;
根据所述第二功能状态调用对应的界面组件,将所述界面组件分别在所述第一功能控件和所述第二功能控件对应的位置上进行显示。
在一种可能的实现方式中,直播界面交互方法还包括:
当接收到所述观众用户重新进入所述直播间的操作信息,获取所述观众用户针对于所述直播间的主播用户的最新的属性信息;
根据所述最新的属性信息在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,并返回执行所述接收作用于所述直播界面的交互操作的步骤。
在一种可能的实现方式中,所述在直播界面显示第一功能控件和第二功能控件的步骤包括:
获取直播间界面的控件排布模板;
按照所述控件排布模板,在所述直播间界面的顶部位置上显示第一功能控件,在所述直播间界面的底部位置上显示第二功能控件。
在一种可能的实现方式中,分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画的步骤包括:
所述第一功能控件对应的显示位置上展示第一引导动画,所述第一引导动画在预设时长内展示后消失;在所述第二功能控件对应的显示位置上持续展示第二引导动画。
根据本公开的一个或多个实施例,本公开提供了一种直播界面交互装置,包括:
控件显示模块,用于在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
状态切换模块,用于接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,同步切换所述第一功能控件和所述第二功能控件的功能状态;
动画展示模块,用于根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作。
在一种可能的实现方式中,状态切换模块具体用于在确定所述交互操作作用于所述第一功能控件和第二功能控件中的其中一者时,同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态。
在一种可能的实现方式中,直播界面交互装置还包括:属性信息确定模块和功能状态确定模块;其中,属性信息确定模块,用于确定观众用户针对于所述直播间的主播用户的属性信息;功能状态确定模块,用于根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态。
在一种可能的实现方式中,所述属性信息包括待关注、已关注待加入虚拟组织以及已关注已加入虚拟组织中的其中一者。
在一种可能的实现方式中,所述功能状态确定模块包括:第一状态确定单元、第二状态确定单元和第三状态确定单元;
其中,第一状态确定单元,用于若所述属性信息为待关注,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户进行关注的功能状态;
第二状态确定单元,用于若所述属性信息为已关注待加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众加入虚拟组织的功能状态;
第三状态确定单元,用于若所述属性信息为已关注已加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户当前所在虚拟组织等级的功能状态。
在一种可能的实现方式中,状态切换模块包括:切换后状态确定单元和界面组件显示单元;
其中,切换后状态确定单元,用于根据预先设置的功能状态切换顺序,确定所述第一功能控件和所述第二功能控件从所述第一功能状态切换后的第二功能状态;
界面组件显示单元,用于根据所述第二功能状态调用对应的界面组件,将所述界面组件分别在所述第一功能控件和所述第二功能控件对应的位置上进行显示。
在一种可能的实现方式中,直播界面交互装置还包括:最新信息获取模块和引导动画展示模块;
其中,最新信息获取模块,用于当接收到所述观众用户重新进入所述直播间的操作信息,获取所述观众用户针对于所述直播间的主播用户的最新的属性信息;
引导动画展示模块,用于根据所述最新的属性信息在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示用户进行下一步交互操作,并返回执行所述接收作用于所述直播界面的交互操作的步骤。
在一种可能的实现方式中,控件显示模块包括:排布模板获取单元和功能控件显示单元;
其中,排布模板获取单元,用于获取直播间界面的控件排布模板;
功能控件显示单元,用于按照所述控件排布模板,在所述直播间界面的顶部位置上显示第一功能控件,在所述直播界面的底部位置上显示第二功能控件。
在一种可能的实现方式中,动画展示模块具体用于所述第一功能控件对应的显示位置上展示第一引导动画,所述第一引导动画在预设时长内展示后消失;在所述第二功能控件对应的显示位置上持续展示第二引导动画。
根据本公开的一个或多个实施例,本公开提供了一种电子设备,其包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行所述直播界面交互方法。
根据本公开的一个或多个实施例,本公开提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现所述直播界面交互方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (12)

1.一种直播界面交互方法,其特征在于,包括以下步骤:
在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态,并同步将切换后的功能状态显示在所述第一功能控件和所述第二功能控件对应的位置上;
根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示观众用户进行下一步交互操作。
2.根据权利要求1所述的直播界面交互方法,其特征在于,所述在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态的步骤包括:
在确定所述交互操作作用于所述第一功能控件和第二功能控件中的其中一者时,同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态。
3.根据权利要求2所述的直播界面交互方法,其特征在于,所述同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态的步骤之前,还包括:
确定观众用户针对于所述直播间的主播用户的属性信息;
根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态。
4.根据权利要求3所述的直播界面交互方法,其特征在于,所述属性信息包括待关注、已关注待加入虚拟组织以及已关注已加入虚拟组织中的其中一者。
5.根据权利要求4所述的直播界面交互方法,其特征在于,所述根据所述属性信息确定所述第一功能控件和所述第二功能控件的第一功能状态的步骤包括:
若所述属性信息为待关注,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户进行关注的功能状态;
若所述属性信息为已关注待加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户加入虚拟组织的功能状态;
若所述属性信息为已关注已加入虚拟组织,则确定所述第一功能控件和所述第二功能控件的第一功能状态为提示所述观众用户当前所在虚拟组织等级的功能状态。
6.根据权利要求2所述的直播界面交互方法,其特征在于,所述同步将所述第一功能控件和所述第二功能控件的功能状态由第一功能状态切换到第二功能状态的步骤包括:
根据预先设置的功能状态切换顺序,确定所述第一功能控件和所述第二功能控件从所述第一功能状态切换后的第二功能状态;
根据所述第二功能状态调用对应的界面组件,将所述界面组件分别在所述第一功能控件和所述第二功能控件对应的位置上进行显示。
7.根据权利要求1所述的直播界面交互方法,其特征在于,还包括:
当接收到所述观众用户重新进入所述直播间的操作信息,获取所述观众用户针对于所述直播间的主播用户的最新的属性信息;
根据所述最新的属性信息在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示所述观众用户进行下一步交互操作,并返回执行所述接收作用于所述直播界面的交互操作的步骤。
8.根据权利要求1或7所述的直播界面交互方法,其特征在于,所述在直播界面显示第一功能控件和第二功能控件的步骤包括:
获取直播间界面的控件排布模板;
按照所述控件排布模板,在所述直播间界面的顶部位置上显示第一功能控件,在所述直播间界面的底部位置上显示第二功能控件。
9.根据权利要求8所述的直播界面交互方法,其特征在于,分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画的步骤包括:
所述第一功能控件对应的显示位置上展示第一引导动画,所述第一引导动画在预设时长内展示后消失;在所述第二功能控件对应的显示位置上持续展示第二引导动画。
10.一种直播界面交互装置,其特征在于,包括:
控件显示模块,用于在直播间界面显示第一功能控件和第二功能控件;其中,所述第一功能控件和所述第二功能控件用于指示同一功能状态;
状态切换模块,用于接收作用于所述直播界面的交互操作,在确定所述交互操作满足预设条件时,切换所述第一功能控件和所述第二功能控件的功能状态,并同步将切换后的功能状态显示在所述第一功能控件和所述第二功能控件对应的位置上;
动画展示模块,用于根据切换后的功能状态分别在所述第一功能控件和所述第二功能控件对应的显示位置上展示对应的引导动画,以提示观众用户进行下一步交互操作。
11.一种电子设备,其特征在于,其包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行根据权利要求1-9任一项所述的直播界面交互方法。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1-9任一项所述的直播界面交互方法。
CN202011086781.2A 2020-10-12 2020-10-12 直播界面交互方法、装置、电子设备及计算机可读介质 Active CN112218170B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN202011086781.2A CN112218170B (zh) 2020-10-12 2020-10-12 直播界面交互方法、装置、电子设备及计算机可读介质
JP2023521828A JP2023546834A (ja) 2020-10-12 2021-09-22 ライブ配信インタフェースのインタラクション方法、装置、電子機器及びコンピュータ可読媒体
PCT/CN2021/119568 WO2022078165A1 (zh) 2020-10-12 2021-09-22 直播界面交互方法、装置、电子设备及计算机可读介质
EP21879211.7A EP4216561A4 (en) 2020-10-12 2021-09-22 INTERACTION METHOD AND APPARATUS FOR LIVE STREAMING INTERFACE, ELECTRONIC DEVICE AND COMPUTER READABLE MEDIUM
US18/148,388 US11863803B2 (en) 2020-10-12 2022-12-29 Live streaming interface interaction method and apparatus, electronic device, and computer-readable medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011086781.2A CN112218170B (zh) 2020-10-12 2020-10-12 直播界面交互方法、装置、电子设备及计算机可读介质

Publications (2)

Publication Number Publication Date
CN112218170A CN112218170A (zh) 2021-01-12
CN112218170B true CN112218170B (zh) 2022-09-02

Family

ID=74053578

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011086781.2A Active CN112218170B (zh) 2020-10-12 2020-10-12 直播界面交互方法、装置、电子设备及计算机可读介质

Country Status (5)

Country Link
US (1) US11863803B2 (zh)
EP (1) EP4216561A4 (zh)
JP (1) JP2023546834A (zh)
CN (1) CN112218170B (zh)
WO (1) WO2022078165A1 (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112218170B (zh) 2020-10-12 2022-09-02 北京字节跳动网络技术有限公司 直播界面交互方法、装置、电子设备及计算机可读介质
CN113094135B (zh) * 2021-04-06 2023-05-30 北京字跳网络技术有限公司 页面显示控制方法、装置、设备及存储介质
CN113038239B (zh) * 2021-04-12 2023-04-11 上海哔哩哔哩科技有限公司 弹幕设置方法、装置及***
CN113573083A (zh) * 2021-07-20 2021-10-29 广州方硅信息技术有限公司 连麦直播互动方法、装置及计算机设备
CN113656138A (zh) * 2021-08-25 2021-11-16 北京有竹居网络技术有限公司 一种行为引导方法、装置、设备、介质及产品
CN113824938A (zh) * 2021-09-16 2021-12-21 北京字节跳动网络技术有限公司 投影控制方法、装置、终端及存储介质
CN115017406A (zh) * 2022-05-20 2022-09-06 北京达佳互联信息技术有限公司 直播画面展示方法、装置、电子设备及存储介质
CN115278336B (zh) * 2022-07-20 2024-03-29 北京字跳网络技术有限公司 一种信息处理方法及装置
CN115665435A (zh) * 2022-11-08 2023-01-31 北京字跳网络技术有限公司 直播处理方法、装置和电子设备

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7111320B1 (en) * 2001-04-13 2006-09-19 Digeo, Inc. System and method for personalized remote control of an interactive television system
US8806339B2 (en) * 2012-02-06 2014-08-12 Apple Inc. User interface control for media editing application
CN103513907A (zh) * 2012-06-29 2014-01-15 联想(北京)有限公司 一种控制电子设备的方法及电子设备
CN304624850S (zh) * 2017-10-25 2018-05-11
CN305066219S (zh) * 2017-12-29 2019-03-15
CN109688418B (zh) * 2018-12-24 2021-03-05 北京潘达互娱科技有限公司 直播界面功能引导方法、设备及存储介质
CN111741315A (zh) * 2019-06-10 2020-10-02 北京京东尚科信息技术有限公司 信息处理方法、装置、客户端和服务器、存储介质
CN110381330A (zh) * 2019-07-16 2019-10-25 北京达佳互联信息技术有限公司 网络数据处理方法、装置、终端、服务器及存储介质
CN110943912A (zh) * 2019-12-30 2020-03-31 香港乐蜜有限公司 社交信息处理方法、装置和电子设备
CN111405302B (zh) * 2020-03-06 2022-06-10 北京达佳互联信息技术有限公司 直播间关注提醒方法、装置、电子设备及存储介质
CN111714874B (zh) * 2020-06-18 2024-02-09 网易(杭州)网络有限公司 控件的状态切换方法、装置及电子设备
CN112218170B (zh) * 2020-10-12 2022-09-02 北京字节跳动网络技术有限公司 直播界面交互方法、装置、电子设备及计算机可读介质
CN113497951A (zh) * 2021-09-06 2021-10-12 北京达佳互联信息技术有限公司 直播互动方法、装置、存储介质和设备

Also Published As

Publication number Publication date
CN112218170A (zh) 2021-01-12
JP2023546834A (ja) 2023-11-08
WO2022078165A1 (zh) 2022-04-21
EP4216561A4 (en) 2024-02-28
US20230144560A1 (en) 2023-05-11
EP4216561A1 (en) 2023-07-26
US11863803B2 (en) 2024-01-02

Similar Documents

Publication Publication Date Title
CN112218170B (zh) 直播界面交互方法、装置、电子设备及计算机可读介质
US12008220B2 (en) Label display method and apparatus, electronic device, and computer-readable medium
US20240129591A1 (en) Video processing method and apparatus, electronic device, and storage medium
CN111757135A (zh) 直播互动方法、装置、可读介质及电子设备
CN111901658B (zh) 评论信息显示方法、装置、终端及存储介质
CN114697727B (zh) 直播间显示方法、装置、电子设备、存储介质
US11997356B2 (en) Video page display method and apparatus, electronic device and computer-readable medium
CN112953814B (zh) 多媒体信息处理方法、装置、电子设备和存储介质
CN107908447B (zh) 应用切换方法、设备及虚拟现实设备
EP4343544A1 (en) Interaction method and apparatus, electronic device, and storage medium
EP4333440A1 (en) Video interaction method and apparatus, electronic device, and storage medium
CN112887797B (zh) 控制视频播放的方法及相关设备
CN113225483B (zh) 图像融合方法、装置、电子设备和存储介质
US20230076754A1 (en) Method and apparatus for displaying interaction message for application, and readable storage medium
WO2023103956A1 (zh) 数据交互方法、装置、电子设备、存储介质和程序产品
CN114116101B (zh) 消息显示方法、装置、设备及存储介质
CN112737927A (zh) 信息展示方法、装置和电子设备
WO2024078486A1 (zh) 内容展示方法、装置、设备及存储介质
CN114679628B (zh) 一种弹幕添加方法、装置、电子设备和存储介质
US20240069706A1 (en) Method and apparatus for displaying co-hosting, electronic device and computer readable medium
CN115097984B (zh) 交互方法、装置、电子设备和存储介质
CN118051157A (zh) 媒体内容处理方法、装置、设备、可读存储介质及产品
CN112162686B (zh) 房源信息展示方法、装置、电子设备和计算机可读介质
CN112004049B (zh) 双屏异显方法、装置和电子设备
CN111294656B (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
GR01 Patent grant
GR01 Patent grant
CP01 Change in the name or title of a patent holder

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee before: Tiktok vision (Beijing) Co.,Ltd.

CP01 Change in the name or title of a patent holder