CN113342248A - 直播显示方法、装置、存储介质及电子设备 - Google Patents
直播显示方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN113342248A CN113342248A CN202110704046.1A CN202110704046A CN113342248A CN 113342248 A CN113342248 A CN 113342248A CN 202110704046 A CN202110704046 A CN 202110704046A CN 113342248 A CN113342248 A CN 113342248A
- Authority
- CN
- China
- Prior art keywords
- window
- target video
- splicing
- video
- live
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 102
- 230000004044 response Effects 0.000 claims description 19
- 230000008569 process Effects 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 9
- 230000003213 activating effect Effects 0.000 claims description 4
- 238000001514 detection method Methods 0.000 claims description 4
- 230000002452 interceptive effect Effects 0.000 abstract description 8
- 238000005516 engineering process Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 27
- 230000006870 function Effects 0.000 description 21
- 230000003993 interaction Effects 0.000 description 10
- 238000007667 floating Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000004913 activation Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 230000015572 biosynthetic process Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000003786 synthesis reaction Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000002860 competitive effect Effects 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本公开涉及直播技术领域,具体涉及一种直播显示方法、装置、存储介质及电子设备。该直播显示方法包括响应于针对第一窗口的拖动操作,控制第一窗口在图形用户界面移动,且在图形用户界面显示第二窗口,第二窗口用于显示目标视频的标识;当检测到第一窗口的位置与第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足预设条件的目标视频,且根据第一窗口的当前位置与选中的目标视频的标识的位置关系确定拼合样式;响应于拖动操作的结束,根据确定的拼合样式确定拼合窗口,拼合窗口用于显示直播画面和选中的目标视频的的画面;在图形用户界面显示拼合窗口。本公开提供的直播显示方法能够简化多视频同屏浏览的交互操作。
Description
技术领域
本公开涉及直播技术领域,具体涉及一种直播显示方法、装置、存储介质及电子设备。
背景技术
目前在直播平台中的直播观看场景内,用户存在着同时观看多个直播视频流的需求,例如赛事直播中,用户需要同时看到一个导播画面+以某个选手为视角的操作画面。
然而,目前在直播间内由于仅支持同时播放一个视频流,无法支持用户在同一直播间内观看多个视频流,并进行一些便捷的交互操作。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种直播显示方法、装置、存储介质及电子设备,旨在解决简化多视频同屏浏览的交互操作问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开实施例的一个方面,提供了一种直播显示方法,通过图形用户界面提供用于显示直播画面的第一窗口,包括:响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;在所述图形用户界面显示所述拼合窗口。
根据本公开的一些实施例,基于前述方案,在所述图形用户界面显示所述拼合窗口之前,所述方法还包括:对所述直播画面和选中的所述目标视频的画面进行拼合,得到拼合视频;所述在所述图形用户界面显示所述拼合窗口,包括:在所述图形用户界面显示播放所述拼合视频的拼合窗口。
根据本公开的一些实施例,基于前述方案,所述拼合窗口包括所述第一窗口和第三窗口,所述第三窗口用于显示选中的所述目标视频的画面。
根据本公开的一些实施例,基于前述方案,所述方法还包括:确定所述直播画面对应的用户账号;根据所述用户账号对应的历史观看数据确定关联视频;从所述关联视频中确定所述目标视频。
根据本公开的一些实施例,基于前述方案,所述方法还包括:根据所述直播画面对应的直播间账号确定关联视频;从所述关联视频中确定所述目标视频。
根据本公开的一些实施例,基于前述方案,所述从所述关联视频中确定所述目标视频,包括:根据所述关联视频的关联度或产生时间,从所述关联视频中选择预设数量的视频作为目标视频;其中,所述关联度是指所述关联视频与用户账号的关联程度,或所述关联视频与所述直播画面对应的直播内容的关联程度。
根据本公开的一些实施例,基于前述方案,在所述响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面的移动之前,所述方法还包括:响应于针对所述第一窗口的长按操作,激活多视频同屏浏览功能。
根据本公开的一些实施例,基于前述方案,在激活多视频同屏浏览功能时,所述方法还包括:缩小所述第一窗口的尺寸。
根据本公开的一些实施例,基于前述方案,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:在所述第一窗口向所述第二窗口移动的过程中,缩小所述第一窗口的尺寸。
根据本公开的一些实施例,基于前述方案,所述缩小所述第一窗口的尺寸,包括:根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸;根据所述当前待缩小的尺寸缩小所述第一窗口的尺寸。
根据本公开的一些实施例,基于前述方案,所述根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸,包括:根据所述第一窗口的当前位置的纵坐标和所述第二窗口的位置的纵坐标,计算所述第一窗口当前待缩小的尺寸。
根据本公开的一些实施例,基于前述方案,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:在所述第一窗口向所述第二窗口移动的过程中,调整所述第一窗口的样式。
根据本公开的一些实施例,基于前述方案,所述调整所述第一窗口的样式,包括:根据所述第一窗口的当前样式和所述第二窗口中目标视频的标识的样式,以及所述第一窗口当前位置,计算所述第一窗口当前待显示的样式;根据计算得到的所述当前待显示的样式显示所述第一窗口。
根据本公开的一些实施例,基于前述方案,所述目标视频为直播间视频,所述目标视频的标识包括对应的直播间的主播头像。
根据本公开的一些实施例,基于前述方案,所述方法还包括:在所述目标视频的标识关联的区域显示对应的直播间的主播昵称。
根据本公开的一些实施例,基于前述方案,所述控制所述第一窗口在所述图形用户界面移动时,所述方法还包括:将所述图形用户界面中除所述第一窗口和所述第二窗口所在区域外的其他区域的透明度降低。
根据本公开的一些实施例,基于前述方案,所述拼合样式包括纵向拼合和横向拼合;所述当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式,包括:获取代表所述第一窗口的位置的第一坐标,以及代表所述目标视频的标识的位置的第二坐标;计算所述第一坐标与所述第二窗口中目标视频的标识的差值,将对应的差值小于预设阈值的目标视频选中;计算目标直线与水平方向的夹角,所述目标直线为由所述第一坐标与选中的目标视频的标识的第二坐标确定的直线;当所述夹角在预设夹角范围,则确定拼合样式为纵向拼合,若所述夹角不在所述预设夹角范围,则确定拼合样式为横向拼合。
根据本公开的一些实施例,基于前述方案,在所述图形用户界面显示所述拼合窗口时,所述方法还包括:将选中的所述目标视频的标识替换为目标标识,所述目标标识由所述直播画面对应的图标与所述目标视频的标识组成。
根据本公开的一些实施例,基于前述方案,所述目标标识包括第一目标标识和第二目标标识;所述将选中的所述目标视频的标识替换为目标标识包括:当确定拼合样式为横向拼合时,将选中的所述目标视频的标识替换为第一目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以横向排列方式组成;当确定拼合样式为纵向拼合时,将选中的所述目标视频的标识替换为第二目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以纵向排列方式组成。
根据本公开的一些实施例,基于前述方案,所述方法还包括:响应针对所述拼合窗口的音频选择操作,控制输出所述直播画面对应的音频源或选中的所述目标视频的音频源。
根据本公开的一些实施例,基于前述方案,所述方法还包括:响应针对所述拼合窗口的弹幕选择操作,控制输出所述直播画面对应的弹幕源和/或选中的所述目标视频对应的弹幕源。
根据本公开实施例的第二个方面,提供了一种直播显示装置,通过图形用户界面提供用于显示直播画面的第一窗口,包括:控制模块,用于响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;检测模块,用于当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;拼合模块,用于响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;显示模块,用于在所述图形用户界面显示所述拼合窗口。
根据本公开实施例的第三个方面,提供了一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如上述实施例中的直播显示方法。
根据本公开实施例的第四个方面,提供了一种电子设备,其特征在于,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如上述实施例中的直播显示方法。
本公开示例性实施例可以具有以下部分或全部有益效果:
在本公开的一些实施例所提供的技术方案中,在图形界面上提供显示直播画面的第一窗口,并且图形界面上支持对第一窗口进行拖动操作,不仅可以控制第一窗口在图形用户界面上的移动,还可以同时显示目标视频的标识对应的第二窗口;在显示了第二窗口之后,还可以在第一窗口和第二窗口的位置满足预设条件时,将直播画面和选中的目标视频的的画面进行拼合,并显示在拼合窗口。本公开提供的直播显示方法,支持在图形界面上以对第一窗口的拖动操作来控制第一窗口的移动,从而可以控制第一窗口和第二窗口的位置关系来将两个窗口对应的画面进行拼合,通过简单的交互形式,提供一个简单、快捷、方便的能够在当前直播间唤起、选择并拼合视频流的技术方案,进而增强用户观看直播的体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1示意性示出本公开示例性实施例中一种直播显示方法的流程示意图;
图2示意性示出本公开示例性实施例中一种图形用户界面中第二窗口的示意图;
图3示意性示出本公开示例性实施例中另一种图形用户界面中第二窗口的示意图;
图4示意性示出本公开示例性实施例中一种图形用户界面中拖动中的第一窗口的示意图;
图5示意性示出本公开示例性实施例中一种图形用户界面中拼合样式的示意图;
图6示意性示出本公开示例性实施例中另一种图形用户界面中拼合样式的示意图;
图7示意性示出本公开示例性实施例中一种图形用户界面中拼合窗口的示意图;
图8示意性示出本公开示例性实施例中另一种图形用户界面中拼合窗口的示意图;
图9示意性示出本公开示例性实施例中一种图形用户界面中拖动中的目标视频的标识的示意图;
图10示意性示出本公开示例性实施例中一种直播显示装置的组成示意图;
图11示意性示出本公开示例性实施例中一种计算机可读存储介质的示意图;
图12示意性示出本公开示例性实施例中一种电子设备的计算机系统的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解,而有的操作/步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
目前在直播平台中的直播观看场景内,用户存在着同时观看多个直播视频流的需求,如:赛事直播中,用户需要同时看到一个导播画面+以某个选手为视角的操作画面。
然而,目前在直播间内由于仅支持同时播放一个视频流,且未同步用户的历史观看数据、潜在观看数据等,没有一个功能交互方式或技术支持用户在同一直播间内观看多个视频流,并进行其他便捷操作,无法满足用户诉求。
据此,本公开提供一种直播显示方法,通过长按、拖拽等简单的交互形式,为用户提供一个简单、快捷、方便的在当前直播间唤起、选择并拼合视频流的方案,允许其在一个直播间内同时浏览多个视频,将能够有效的增强用户观看直播的体验。
以下对本公开实施例的技术方案的实现细节进行详细阐述。
图1示意性示出本公开示例性实施例中一种直播显示方法的流程示意图。如图1所示,该直播显示方法包括步骤S1至步骤S4:
步骤S1,响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;
步骤S2,当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;
步骤S3,响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;
步骤S4,在所述图形用户界面显示所述拼合窗口。
在本公开的一些实施例所提供的技术方案中,在图形界面上提供显示直播画面的第一窗口,并且图形界面上支持对第一窗口进行拖动操作,不仅可以控制第一窗口在图形用户界面上的移动,还可以同时显示目标视频的标识对应的第二窗口;在显示了第二窗口之后,还可以在第一窗口和第二窗口的位置满足预设条件时,将直播画面和选中的目标视频的的画面进行拼合,并显示在拼合窗口。本公开提供的直播显示方法,支持在图形界面上以对第一窗口的拖动操作来控制第一窗口的移动,从而可以控制第一窗口和第二窗口的位置关系来将两个窗口对应的画面进行拼合,通过简单地交互形式,提供一个简单、快捷、方便的能够在当前直播间唤起、选择并拼合视频流的技术方案,进而增强用户观看直播的体验。
下面,将结合附图及实施例对本示例实施方式中的直播显示方法的各个步骤进行更详细的说明。
步骤S1,响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识。
其中,第一窗口位于图形用户界面中,并可以显示直播画面。图形用户界面可以是终端的显示界面,例如手机或电脑的屏幕区域。第二窗口是响应于拖动操作之后创建的,也位于图形用户界面上,第二窗口是用于显示目标视频的标识,标识可以有一个或多个,具体的数量时根据确定的目标视频的数量确定的,具体内容在之后有详细介绍。
在本公开的一个实施例中,并不是任何时候都可以响应针对所述第一窗口的拖动操作,只有在满足拼合条件之后,激活第一窗口的拼合状态之后,在该状态下,第一窗口才能响应于用户的拖动操作,对第一窗口进行拖动,进而将第一窗口和第二窗口对应的画面进行拼合。
具体而言,当根据直播画面确定存在相应的目标视频时,才激活拼合状态。因此,在步骤S1之前,该方法还包括确定目标视频。
在确定是否存在目标视频时,可以根据基于用户信息来判断目标视频是否存在。具体地,所述方法还包括:确定所述直播画面对应的用户账号;根据所述用户账号对应的历史观看数据确定关联视频;从所述关联视频中确定所述目标视频。
首先通过正在播放的直播画面获取对应的用户账号,然后根据获取的用户账号查询该用户的历史观看数据,从历史观看中提取一些与直播画面相关的关联视频,进而通过关联视频来确定目标视频。
也可以根据直播画面的信息确定是否存在目标视频。具体地,所述方法还包括:根据所述直播画面对应的直播间账号确定关联视频;从所述关联视频中确定所述目标视频。
可以获取直播画面的直播间账号,并根据该直播间的相关信息推荐相关的视频。例如相关信息可以是直播内容、主播、该直播间观众的历史观看数据,相关视频可以是与该直播内容相似的,与该直播的主播相同的,或者看过该直播还观看过的其他直播等等,最后再从关联视频中确定目标视频。
在本公开的一个实施例中,通过用户账号和直播间账号可以确定一些关联视频,但最终确定的目标视频将用于创建第二窗口并显示,由于图形用户界面的展示空间有限,所以确定的目标视频的数量也有所限制,所以需要从关联视频中选择预设数量的目标视频。
具体地,所述从所述关联视频中确定所述目标视频,包括:根据所述关联视频的关联度或产生时间,从所述关联视频中选择预设数量的视频作为目标视频;其中,所述关联度是指所述关联视频与用户账号的关联程度,或所述关联视频与所述直播画面对应的直播内容的关联程度。
在选择视频时,可以根据关联度由高到低进行选择,也可以根据产生时间,由近至远,当然也可以综合考虑这两个因素,选择关联度高且时间较近的视频作为目标视频。
其中,关联度可以是评分系统基于评价规则计算的两个视频的相关度,可以是与用户账号,也可以是与直播内容的关联程度得到的。
具体来说,初始状态下,用户在某一主播直播间内,直播视频流正常推送并在第一窗口播放直播画面,直播平台客户端读取用户ID以及用户当前所在的直播间ID,发送至后台服务器,后台服务器接收用户ID与直播间ID后,根据用户ID,读取用户最近观看的10个视频流ID,并根据直播间ID,根据预设关联逻辑,读取全部关联视频流ID,然后按照目标视频的选取规则,选取10个视频流ID发送回直播客户端。此时,视为激活拼合状态。
如果根据用户ID和直播间ID没有找到满足条件的视频流,则不激活拼合状态,用户无法通过交互手势进入后续流程。这样也能避免如果没有满足条件而触发多视频同屏浏览所造成的资源浪费。
需要说明的是,也可以根据直播画面的相关信息,利用推荐算法进行计算,进而得到关联视频或目标视频,在得到关联视频还需要从中确定目标视频。本公开对如何确定目标视频的过程不做具体限定,本实施例只是对该过程进行示例性的描述,并不能限制本公开。
在确定存在目标视频时,激活拼合状态,在拼合状态下,可执行步骤S1,响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识。
在本公开的一个实施例中,在针对第一窗口的拖动操作之前,所述方法还包括:响应于针对所述第一窗口的长按操作,激活多视频同屏浏览功能。
具体地,在拼合状态下,需要用户给定一个指令,才能激活多视频同屏浏览功能,进而实现多视频同屏浏览的功能。这个指令可以是用户对第一窗口的长按操作,也可以是压力按压操作,当然也可以是用户点击第一窗口周围出现的控件。本申请对启动多视频同屏浏览功能的形式不做具体限定。
另外,在激活多视频同屏浏览功能时,所述方法还包括:缩小所述第一窗口的尺寸。由于第一窗口是用于播放直播画面,通常显示面积较大,为了便于用户进行拖动控制,可以在长按之后将第一窗口的窗体尺寸进行缩小,变为可拖动的浮层。
在步骤S1中,当响应于针对所述第一窗口的拖动操作,需要执行以下两个环节:一、控制所述第一窗口在所述图形用户界面移动;二、在所述图形用户界面显示第二窗口。
对于环节一:控制所述第一窗口在所述图形用户界面移动。当用户进行拖动操作时,可以获取到在图形用户界面上的触控点,根据触控点位置的变化实时变化第一窗口的位置。在控制过程中,可以将第一窗口的中心视为第一窗口的位置,或者选定其左上角、右上角等作为第一窗口的位置。
对于环节二:在所述图形用户界面显示第二窗口。此时,需要在图形用户界面中创建第二窗口并显示。其中,创建的第二窗口也位于图形用户界面中,第二窗口可以与第一窗口处于同一层级,也可以浮于第一窗口之上。
在本公开的一个实施例中,第二窗口的位置与目标视频的标识的排列方式与直播画面的播放模式有关。
图2示意性示出本公开示例性实施例中一种图形用户界面中第二窗口的示意图。参考图2所示,在图形用户界面中,第一窗口位于界面的顶部,对于整个图形用户界面来说,直播画面在第一窗口的播放是竖屏播放模式,那么创建的第二窗口可以位于控件较大的界面底部,第一窗口与第二窗口的位置之间不存在相互重叠的部分,这样可以避免信息显示的遮挡。并且目标视频的标识是从左至右横向均匀排列。
图3示意性示出本公开示例性实施例中另一种图形用户界面中第二窗口的示意图。参考图3所示,直播画面在第一窗口的播放是横屏播放模式,同样,为了减少第一窗口和第二窗口重叠的部分,创建的第二窗口可以位于图形用户界面的右侧部分,第二窗口是浮于第一窗口之上的,目标视频的标识是从上至下纵向均匀排列。
第二窗口用于显示目标视频的标识,因此可以根据确定的目标视频的数量来配置目标视频的标识的数量。当目标视频是直播间视频时,目标视频的标识可以是该直播间视频对应直播间的主播头像,也可以是直播画面的缩略信息等内容。两个标识之间的距离可以是预设距离,或者是可以自定义设置。
同时,除了在第二窗口显示目标视频的标识,还可以在第二窗口的周围,也就是目标视频的标识关联的区域显示对应的昵称,能够获得更好的展示效果,方便用户选择目标视频进行拼合交互。参见图2,将昵称显示在主播头像的正下方,而参见图3,可以将昵称显示在主播头像的正右方。
举例而言,直播平台客户端根据后台服务器返回的目标视频的视频流ID,读取其对应的直播间头像与昵称,然后在界面的底部弹出同屏浏览选择交互浮层,也就是第二窗口,并在第二窗口上展示直播间对应的主播头像与主播昵称。
需要说明的是,显示第二窗口时,可以在长按之后显示,以方便用户通过显示的目标视频的标识来选择目标视频进行同屏浏览,但也可以在用户执行了拖动操作之后再进行显示。
另外,当第二窗口未能将全部的目标视频的标识显示完全时,可以向用户提供第二窗口的滑动功能,用户在第二窗口内进行滑动,以将待拼合的标识移动到第二窗口中,进而方便后续操作。
本公开的直播显示方式是将第一窗口对应的直播画面和目标视频标识对应的目标视频画面进行拼合,因此,在用户进行多视频同屏浏览下的交互过程中,需要通过拖动操作使第一窗口与标识触碰后进行匹配。但一般情况下,第一窗口与目标视频标识的尺寸或样式存在差异,例如第一窗口尺寸较大,或者第一窗口为矩形,而标识为圆形等等,因此为了使用户有更好的交互体验,可以在第一窗口移动的过程中,逐渐调整第一窗口的尺寸及样式,直至最终与标识相同。
在本公开的一个实施例中,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:在所述第一窗口向所述第二窗口移动的过程中,缩小所述第一窗口的尺寸。
其中,在第一窗口的移动过程中,需要进一步缩小第一窗口的尺寸,具体地,所述缩小所述第一窗口的尺寸,包括:根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸;根据所述当前待缩小的尺寸缩小所述第一窗口的尺寸。也就是说,当前待缩小的尺寸可以根据第一窗口的位置与第二窗口的位置插值计算而得。
需要说明的是,在计算当前待缩小的尺寸时根据目标视频标识的排列方式不同,计算的方式也存在些许差异。
当目标视频的标识是横向排列时,例如图2,同一纵坐标的标识具有相同的样式,因此待显示的样式是根据第一窗口与标识的横坐标的差值计算而来,即可以获取第一窗口的当前位置的纵坐标和第二窗口的位置的纵坐标,并根据纵坐标差值按比例缩小,以计算第一窗口当前待缩小的尺寸。
而当目标视频的标识是纵向排列时,例如图3,则可以获取第一窗口的当前位置的纵坐标和第二窗口的位置的纵坐标,并根据纵坐标差值按比例缩小,以计算第一窗口当前待缩小的尺寸。
图4示意性示出本公开示例性实施例中一种图形用户界面中拖动中的第一窗口的示意图,如图4所示的展示效果,不同位置的直播视频,具有不同的尺寸,插值越小,浮层越小且圆角越大,直至缩小至与底部的直播间头像尺寸相同。
在本公开的一个实施例中,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:在所述第一窗口向所述第二窗口移动的过程中,调整所述第一窗口的样式。
其中,所述调整所述第一窗口的样式,包括:根据所述第一窗口的初始样式,所述第二窗口中目标视频的标识的样式,以及所述第一窗口当前位置,计算所述第一窗口当前待显示的样式;根据计算得到的所述当前待显示的样式显示所述第一窗口。
具体而言,当前待显示的样式可以根据第一窗口的当前样式与目标视频的标识的样式的插值计算而得,按照第一窗口当前位置逐渐变化。样式可例如窗口的形状、颜色、线条等,可例如在拖动过程中从矩形变为圆角矩形,或者边框逐渐由实线变为虚线等等。
在本公开的一个实施例中,所述控制所述第一窗口在所述图形用户界面移动时,所述方法还包括:将所述图形用户界面中除所述第一窗口和所述第二窗口所在区域外的其他区域的透明度降低,这样能够突出正在移动的窗口,为用户提供更良好的交互体验。
步骤S2,当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式。
其中,预设条件可以是第一窗口的边缘与标识的边缘存在触碰,也可以根据标识的样式来设计一个坐标差值的阈值,在小于该阈值时,视为第一窗口与标识触碰,即满足预设条件。
具体地,在第一窗口移动的过程中,当第一窗口和目标视频的标识位置满足预设条件时,直播平台客户端可以将二者坐标点数据、当前视频流数据(也就是第一窗口对应的直播画面数据)、拟拼合直播间视频流数据(也就是选中的目标视频对应的画面数据)发送至后台服务器,然后服务器根据接收到的数据按照上述方法确定拼合样式,以用于后续视频的拼合。
在本公开的一个实施例中,拼合的视频可以有两种相对位置,一种为纵向拼合,另一种为横向拼合,相对应的拼合样式也就有两种,可以用于后台服务器根据拼合样式来进行视频画面的拼合。
因此,拼合样式包括纵向拼合和横向拼合,所述当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式,包括:
获取代表所述第一窗口的位置的第一坐标,以及代表所述目标视频的标识的位置的第二坐标;
计算所述第一坐标与所述第二窗口中目标视频的标识的差值,将对应的差值小于预设阈值的目标视频选中;
计算目标直线与水平方向的夹角,所述目标直线为由所述第一坐标与选中的目标视频的标识的第二坐标确定的直线;
当所述夹角在预设夹角范围,则确定拼合样式为纵向拼合,若所述夹角不在所述预设夹角范围,则确定拼合样式为横向拼合。
其中,拼合的方式主要有两种,一种是将两个画面进行纵向拼接,即画面显示时一上一下排列,另一种是将两个画面进行横向拼接,即画面显示时一左一右排列。
在选定目标视频的标识时,是通过第一窗口对应的坐标和标识对应的坐标之间的差值来确定的,当差值小于预设阈值时,将距离相近的标识选中以获取对应的目标视频进行拼合。
在判断使用何种拼合样式时,是根据两者之间的夹角所处的范围,具体来说,计算第一窗口和选中的目标视频的标识两者与水平正方向之间的夹角,如果夹角在45°-225°之间,则为纵向拼合,若夹角在其他角度之间,则为横向,预设夹角范围可以根据需求进行自定义设置,本公开对此不做具体限定。
步骤S3,响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面。
其中,拖动操作的结束可以是用户按动拖住后手指松开,也可以是点击式结束拖动操作。在拖动操作结束时,将当前时刻的拼合样式作为确定的拼合样式,用来指示画面的拼合。
举例来说,当用户松手时,直播平台客户端将确定的拼合样式发送至后台服务器,后台服务器根据确定的所述拼合样式、当前视频流数据、拟拼合直播间视频流数据,进行拼合。
在本公开的一个实施例中,在进行画面拼合时,可以是将两个画面对应的视频流数据拼合成一个完整的视频流得到拼合视频,然后创建用于播放该拼合视频的拼合窗口。即该拼合窗口内嵌一个视频,这个视频是由两个视频画面拼合而来。
因此,在所述图形用户界面显示所述拼合窗口之前,所述方法还包括:对所述直播画面和选中的所述目标视频的画面进行拼合,得到拼合视频;所述在所述图形用户界面显示所述拼合窗口,包括:在所述图形用户界面显示播放所述拼合视频的拼合窗口。
具体来说,直播平台的后台服务器根据直播平台客户端发送的确定的所述拼合样式、当前视频流数据、拟拼合直播间视频流数据进行拼合,拼合完成后,返回一个完整的视频流至对应用户的直播平台客户端,直播平台客户端根据返回数据,计算所需容器尺寸,并对应调整布局。例如在纵向拼合模式下,将视频流区域扩大,即拼合窗口,将公屏区域对应压缩,即除拼合窗口之外的区域。
由于视频流的播放尺寸不同,比如有的视频画面是16:9,而有的视频画面是9:16,因此在进行视频拼合时,需要适当对视频画面的尺寸进行适应性裁剪、缩放、放大等形式,以达到拼合美观的效果,提升用户的观看体验。
在本公开的一个实施例中,在进行画面拼合时,可以在原有第一窗口的基础上再创建一个新的第三窗口,即确定的拼合窗口包括所述第一窗口和第三窗口,第三窗口用于显示选中的目标视频的画面。这样也同样达到了视频画面拼合的同屏浏览功能。
需要说明的是,由于新的拼合窗口包括两个部分,且同时显示直播画面,因此可以将原有的第一窗口进行适应性缩小,从而保证两个窗口拼合之后显示画面的和谐性。类似地,由于用于显示画面的窗口尺寸变化了,那么视频画面的尺寸也需要根据对应的窗口尺寸进行适应性调整。
另外,在显示两个视频的画面时,两个视频画面并不一定是需要将显示空间平分,可以根据需求设置不同的画面占比。例如,当用户在观看演唱会时,左边的部分用于播放演唱会整体的镜头画面,可以分配较宽幅的尺寸,右边的部分可以用于选定某一人的直拍画面,可以分配竖屏的尺寸,进而为用户提供更好的视频观看体验。与之类似的还可例如观看竞技类体育比赛,用户可以同时浏览赛场的整体画面和单个球员的画面。
在本公开的一个实施例中,所述方法还包括:将选中的所述目标视频的标识替换为目标标识,所述目标标识由所述直播画面对应的图标与所述目标视频的标识组成。
其中,所述目标标识包括第一目标标识和第二目标标识;所述将选中的所述目标视频的标识替换为目标标识包括:当确定拼合样式为横向拼合时,将选中的所述目标视频的标识替换为第一目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以横向排列方式组成;当确定拼合样式为纵向拼合时,将选中的所述目标视频的标识替换为第二目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以纵向排列方式组成。
图5示意性示出本公开示例性实施例中一种图形用户界面中拼合样式的示意图,如图5所示,被选中的目标视频(左一)的标识替换成了横向拼合时的第一目标标识。
图6示意性示出本公开示例性实施例中另一种图形用户界面中拼合样式的示意图,如图6所示,被选中的目标视频(左一)的标识替换成了纵向拼合时的第二目标标识。
值得说明的是,替换目标标识可以是在拖动操作结束后,也可以是在未结束时,生成拼合样式时进行替换,也就是用户未松手且二者坐标满足预设条件时,实时将更新的拼合样式进行显示,使得用户可以预览拼合的形式,交互更加简单方便,避免误操作。
步骤S4,在所述图形用户界面显示所述拼合窗口。
在确定了拼合窗口之后,在图形用户界面显示该拼合窗口,同时嵌入相应的视频流数据,完成多个视频的同屏浏览功能。
图7示意性示出本公开示例性实施例中一种图形用户界面中拼合窗口的示意图,如图7所示,是将两个视频画面按照横向拼合方式进行拼合,直播视频1是之前第一窗口显示的直播画面,直播视频2是选中的目标视频的画面,两个画面一左一右拼合排列。而图8示意性示出本公开示例性实施例中另一种图形用户界面中拼合窗口的示意图,如图8所示,是将两个视频画面按照纵向拼合方式进行拼合,两个画面一上一下拼合排列。
在本公开的一个实施例中,在多视频同屏浏览功能下,除了可以拖动第一窗口的移动,也可以控制目标视频的标识的移动。图9示意性示出本公开示例性实施例中一种图形用户界面中拖动中的目标视频的标识的示意图,参考图9所示,用户可以选择待拼合的目标视频的标识,将其移动至正在播放的视频流中,进而实现视频画面的拼合。
在本公开的一个实施例中,所述方法还包括:响应针对所述拼合窗口的音频选择操作,控制输出所述直播画面对应的音频源或选中的所述目标视频的音频源。
具体地,在同屏浏览模式下,用户可以选择接收的音频源,由于两个直播画面的音频源存在干扰互斥,所以音频源可以支持单选。
在本公开的一个实施例中,所述方法还包括:响应针对所述拼合窗口的弹幕选择操作,控制输出所述直播画面对应的弹幕源和/或选中的所述目标视频对应的弹幕源。
类似的,在同屏浏览模式下,用户可以选择接收的弹幕源,弹幕源可以多选,因此,用户可以选择只接受其中一个视频的弹幕,也可以同时接受两个视频的弹幕源。
基于上述方法,直播平台能够分析进入直播间用户的历史观看数据、当前观看视频流的关联数据,从而激活拼合状态;直播平台客户端能够在拼合状态下根据用户手势操作,对特定手势进行响应,进而实现多视频同屏浏览功能;直播平台客户端能够在响应手势操作后,唤起同屏浏览选择交互浮层,供用户选择标识拼合,用户可以通过“长按->拖拽->触碰方向(控制拼合方式)->松手(开始拼合)->完成视频流合成并展示”这一交互手势,选择拼合模式,触发服务端视频流拼合,并最终看到拼合后的视频流,通过简单的交互行为就可以在同一直播间内同时浏览多个直播视频流,从而增强直播观看体验;直播平台客户端能够根据视频流浮层与底部浮层的插值,控制视频流浮层的样式,增强用户的交互体验;直播平台客户端能够支持用户针对拼合的视频流进行操作,选择接收的音频源(单选)与弹幕源(可多选)等。
图10示意性示出本公开示例性实施例中一种直播显示装置的组成示意图,如图10所示,该直播显示装置1000可以包括控制模块1001、检测模块1002、拼合模块1003以及显示模块1004。其中:
控制模块1001,用于响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;
检测模块1002,用于当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;
拼合模块1003,用于响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;
显示模块1004,用于在所述图形用户界面显示所述拼合窗口。
根据本公开的示例性实施例,所述显示模块1004还包括拼合单元,所述拼合单元用于在所述图形用户界面显示所述拼合窗口之前对所述直播画面和选中的所述目标视频的画面进行拼合,得到拼合视频;所述在所述图形用户界面显示所述拼合窗口,包括:在所述图形用户界面显示播放所述拼合视频的拼合窗口。
根据本公开的示例性实施例,所述拼合窗口包括所述第一窗口和第三窗口,所述第三窗口用于显示选中的所述目标视频的画面。
根据本公开的示例性实施例,所述直播显示装置1000还包括第一目标视频模块(图中未示出),所述第一目标视频模块用于确定所述直播画面对应的用户账号;根据所述用户账号对应的历史观看数据确定关联视频;从所述关联视频中确定所述目标视频。
根据本公开的示例性实施例,所述直播显示装置1000还包括第二目标视频模块(图中未示出),所述第二目标视频模块用于根据所述直播画面对应的直播间账号确定关联视频;从所述关联视频中确定所述目标视频。
根据本公开的示例性实施例,所述从所述关联视频中确定所述目标视频,包括:根据所述关联视频的关联度或产生时间,从所述关联视频中选择预设数量的视频作为目标视频;其中,所述关联度是指所述关联视频与用户账号的关联程度,或所述关联视频与所述直播画面对应的直播内容的关联程度。
根据本公开的示例性实施例,所述直播显示装置1000还包括激活模块(图中未示出),所述激活模块用于在所述响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面的移动之前,响应于针对所述第一窗口的长按操作,激活多视频同屏浏览功能。
根据本公开的示例性实施例,所述激活模块还用于在激活多视频同屏浏览功能时,缩小所述第一窗口的尺寸。
根据本公开的示例性实施例,控制模块1001还包括尺寸单元,所述尺寸单元用于在所述第一窗口向所述第二窗口移动的过程中,缩小所述第一窗口的尺寸。
根据本公开的示例性实施例,所述尺寸单元还用于根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸;根据所述当前待缩小的尺寸缩小所述第一窗口的尺寸。
根据本公开的示例性实施例,所述尺寸单元还用于根据所述第一窗口的当前位置的纵坐标和所述第二窗口的位置的纵坐标,计算所述第一窗口当前待缩小的尺寸。
根据本公开的示例性实施例,所述控制模块1001还包括样式单元,所述样式单元用于在所述第一窗口向所述第二窗口移动的过程中,调整所述第一窗口的样式。
根据本公开的示例性实施例,所述样式单元还用于根据所述第一窗口的当前样式和所述第二窗口中目标视频的标识的样式,以及所述第一窗口当前位置,计算所述第一窗口当前待显示的样式;根据计算得到的所述当前待显示的样式显示所述第一窗口。
根据本公开的示例性实施例,所述目标视频为直播间视频,所述目标视频的标识包括对应的直播间的主播头像。
根据本公开的示例性实施例,所述方法还包括:在所述目标视频的标识关联的区域显示对应的直播间的主播昵称。
根据本公开的示例性实施例,所述控制模块1001还包括透明单元,所述透明单元用于在所述控制所述第一窗口在所述图形用户界面移动时,将所述图形用户界面中除所述第一窗口和所述第二窗口所在区域外的其他区域的透明度降低。
根据本公开的示例性实施例,所述拼合样式包括纵向拼合和横向拼合,所述检测模块1002用于获取代表所述第一窗口的位置的第一坐标,以及代表所述目标视频的标识的位置的第二坐标;计算所述第一坐标与所述第二窗口中目标视频的标识的差值,将对应的差值小于预设阈值的目标视频选中;计算目标直线与水平方向的夹角,所述目标直线为由所述第一坐标与选中的目标视频的标识的第二坐标确定的直线;当所述夹角在预设夹角范围,则确定拼合样式为纵向拼合,若所述夹角不在所述预设夹角范围,则确定拼合样式为横向拼合。
根据本公开的示例性实施例,所述显示模块1004还包括替换单元,所述替换单元用于在所述图形用户界面显示所述拼合窗口时,所述方法还包括:将选中的所述目标视频的标识替换为目标标识,所述目标标识由所述直播画面对应的图标与所述目标视频的标识组成。
根据本公开的示例性实施例,所述目标标识包括第一目标标识和第二目标标识,所述替换单元还用于当确定拼合样式为横向拼合时,将选中的所述目标视频的标识替换为第一目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以横向排列方式组成;当确定拼合样式为纵向拼合时,将选中的所述目标视频的标识替换为第二目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以纵向排列方式组成。
根据本公开的示例性实施例,所述显示模块1004还包括音频单元,所述音频单元用于响应针对所述拼合窗口的音频选择操作,控制输出所述直播画面对应的音频源或选中的所述目标视频的音频源。
根据本公开的示例性实施例,所述显示模块1004还包括弹幕单元,所述弹幕单元用于响应针对所述拼合窗口的弹幕选择操作,控制输出所述直播画面对应的弹幕源和/或选中的所述目标视频对应的弹幕源。
上述的直播显示装置1000中各模块的具体细节已经在对应的直播显示方法中进行了详细的描述,因此此处不再赘述。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
在本公开的示例性实施例中,还提供了一种能够实现上述方法的存储介质。图11示意性示出本公开示例性实施例中一种计算机可读存储介质的示意图,如图11所示,描述了根据本公开的实施方式的用于实现上述方法的程序产品1100,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如手机上运行。然而,本公开的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
在本公开的示例性实施例中,还提供了一种能够实现上述方法的电子设备。图12示意性示出本公开示例性实施例中一种电子设备的计算机系统的结构示意图。
需要说明的是,图12示出的电子设备的计算机系统1200仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图12所示,计算机系统1200包括中央处理单元(Central Processing Unit,CPU)1201,其可以根据存储在只读存储器(Read-Only Memory,ROM)1202中的程序或者从存储部分1208加载到随机访问存储器(Random Access Memory,RAM)1203中的程序而执行各种适当的动作和处理。在RAM 1203中,还存储有系统操作所需的各种程序和数据。CPU1201、ROM 1202以及RAM 1203通过总线1204彼此相连。输入/输出(Input/Output,I/O)接口1205也连接至总线1204。
以下部件连接至I/O接口1205:包括键盘、鼠标等的输入部分1206;包括诸如阴极射线管(Cathode Ray Tube,CRT)、液晶显示器(Liquid Crystal Display,LCD)等以及扬声器等的输出部分1207;包括硬盘等的存储部分1208;以及包括诸如LAN(Local AreaNetwork,局域网)卡、调制解调器等的网络接口卡的通信部分1209。通信部分1209经由诸如因特网的网络执行通信处理。驱动器1210也根据需要连接至I/O接口1205。可拆卸介质1211,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器1210上,以便于从其上读出的计算机程序根据需要被安装入存储部分1208。
特别地,根据本公开的实施例,下文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分1209从网络上被下载和安装,和/或从可拆卸介质1211被安装。在该计算机程序被中央处理单元(CPU)1201执行时,执行本公开的系统中限定的各种功能。
需要说明的是,本公开实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read Only Memory,EPROM)、闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现,所描述的单元也可以设置在处理器中。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定。
作为另一方面,本公开还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该电子设备执行时,使得该电子设备实现上述实施例中所述的方法。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本公开实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (24)
1.一种直播显示方法,通过图形用户界面提供用于显示直播画面的第一窗口,其特征在于,包括:
响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;
当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;
响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;
在所述图形用户界面显示所述拼合窗口。
2.根据权利要求1所述的直播显示方法,其特征在于,在所述图形用户界面显示所述拼合窗口之前,所述方法还包括:
对所述直播画面和选中的所述目标视频的画面进行拼合,得到拼合视频;
所述在所述图形用户界面显示所述拼合窗口,包括:在所述图形用户界面显示播放所述拼合视频的拼合窗口。
3.根据权利要求1所述的直播显示方法,其特征在于,所述拼合窗口包括所述第一窗口和第三窗口,所述第三窗口用于显示选中的所述目标视频的画面。
4.根据权利要求1所述的直播显示方法,其特征在于,所述方法还包括:
确定所述直播画面对应的用户账号;
根据所述用户账号对应的历史观看数据确定关联视频;
从所述关联视频中确定所述目标视频。
5.根据权利要求1所述的直播显示方法,其特征在于,所述方法还包括:
根据所述直播画面对应的直播间账号确定关联视频;
从所述关联视频中确定所述目标视频。
6.根据权利要求4或5所述的直播显示方法,所述从所述关联视频中确定所述目标视频,包括:
根据所述关联视频的关联度或产生时间,从所述关联视频中选择预设数量的视频作为目标视频;其中,所述关联度是指所述关联视频与用户账号的关联程度,或所述关联视频与所述直播画面对应的直播内容的关联程度。
7.根据权利要求1所述的直播显示方法,其特征在于,在所述响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面的移动之前,所述方法还包括:
响应于针对所述第一窗口的长按操作,激活多视频同屏浏览功能。
8.根据权利要求7所述的直播显示方法,其特征在于,在激活多视频同屏浏览功能时,所述方法还包括:
缩小所述第一窗口的尺寸。
9.根据权利要求1所述的直播显示方法,其特征在于,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:
在所述第一窗口向所述第二窗口移动的过程中,缩小所述第一窗口的尺寸。
10.根据权利要求9所述的直播显示方法,其特征在于,所述缩小所述第一窗口的尺寸,包括:
根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸;
根据所述当前待缩小的尺寸缩小所述第一窗口的尺寸。
11.根据权利要求10所述的直播显示方法,其特征在于,所述根据所述第一窗口的当前位置以及所述第二窗口的位置,计算所述第一窗口当前待缩小的尺寸,包括:
根据所述第一窗口的当前位置的纵坐标和所述第二窗口的位置的纵坐标,计算所述第一窗口当前待缩小的尺寸。
12.根据权利要求1所述的直播显示方法,其特征在于,所述控制所述第一窗口在所述图形用户界面的移动时,所述方法还包括:
在所述第一窗口向所述第二窗口移动的过程中,调整所述第一窗口的样式。
13.根据权利要求12所述的直播显示方法,其特征在于,所述调整所述第一窗口的样式,包括:
根据所述第一窗口的初始样式,所述第二窗口中目标视频的标识的样式,以及所述第一窗口当前位置,计算所述第一窗口当前待显示的样式;
根据计算得到的所述当前待显示的样式显示所述第一窗口。
14.根据权利要求1所述的直播显示方法,其特征在于,所述目标视频为直播间视频,所述目标视频的标识包括对应的直播间的主播头像。
15.根据权利要求14所述的直播显示方法,其特征在于,所述方法还包括:
在所述目标视频的标识关联的区域显示对应的直播间的主播昵称。
16.根据权利要求1所述的直播显示方法,其特征在于,在所述控制所述第一窗口在所述图形用户界面移动时,所述方法还包括:
将所述图形用户界面中除所述第一窗口和所述第二窗口所在区域外的其他区域的透明度降低。
17.根据权利要求1所述的直播显示方法,其特征在于,所述拼合样式包括纵向拼合和横向拼合;
所述当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式,包括:
获取代表所述第一窗口的位置的第一坐标,以及代表所述目标视频的标识的位置的第二坐标;
计算所述第一坐标与所述第二窗口中目标视频的标识的差值,将对应的差值小于预设阈值的目标视频选中;
计算目标直线与水平方向的夹角,所述目标直线为由所述第一坐标与选中的目标视频的标识的第二坐标确定的直线;
当所述夹角在预设夹角范围,则确定拼合样式为纵向拼合,若所述夹角不在所述预设夹角范围,则确定拼合样式为横向拼合。
18.根据权利要求17所述的直播显示方法,其特征在于,在所述图形用户界面显示所述拼合窗口时,所述方法还包括:
将选中的所述目标视频的标识替换为目标标识,所述目标标识由所述直播画面对应的图标与所述目标视频的标识组成。
19.根据权利要求18所述的直播显示方法,其特征在于,所述目标标识包括第一目标标识和第二目标标识;
所述将选中的所述目标视频的标识替换为目标标识包括:
当确定拼合样式为横向拼合时,将选中的所述目标视频的标识替换为第一目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以横向排列方式组成;
当确定拼合样式为纵向拼合时,将选中的所述目标视频的标识替换为第二目标标识,所述第一目标标识为由所述直播画面对应的图标与所述目标视频的标识以纵向排列方式组成。
20.根据权利要求1所述的直播显示方法,其特征在于,所述方法还包括:
响应针对所述拼合窗口的音频选择操作,控制输出所述直播画面对应的音频源或选中的所述目标视频的音频源。
21.根据权利要求1所述的直播显示方法,其特征在于,所述方法还包括:
响应针对所述拼合窗口的弹幕选择操作,控制输出所述直播画面对应的弹幕源和/或选中的所述目标视频对应的弹幕源。
22.一种直播显示装置,通过图形用户界面提供用于显示直播画面的第一窗口,其特征在于,包括:
控制模块,用于响应于针对所述第一窗口的拖动操作,控制所述第一窗口在所述图形用户界面移动,且在所述图形用户界面显示第二窗口,所述第二窗口用于显示目标视频的标识;
检测模块,用于当检测到所述第一窗口的位置与所述第二窗口中任一目标视频的标识的位置满足预设条件时,选中满足所述预设条件的目标视频,且根据所述第一窗口的当前位置与选中的所述目标视频的标识的位置关系确定拼合样式;
拼合模块,用于响应于所述拖动操作的结束,根据确定的所述拼合样式确定拼合窗口,所述拼合窗口用于显示所述直播画面和选中的所述目标视频的的画面;
显示模块,用于在所述图形用户界面显示所述拼合窗口。
23.一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如权利要求1至21任一项所述的直播显示方法。
24.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1至21任一项所述的直播显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110704046.1A CN113342248A (zh) | 2021-06-24 | 2021-06-24 | 直播显示方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110704046.1A CN113342248A (zh) | 2021-06-24 | 2021-06-24 | 直播显示方法、装置、存储介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113342248A true CN113342248A (zh) | 2021-09-03 |
Family
ID=77478405
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110704046.1A Pending CN113342248A (zh) | 2021-06-24 | 2021-06-24 | 直播显示方法、装置、存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113342248A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113873311A (zh) * | 2021-09-09 | 2021-12-31 | 北京都是科技有限公司 | 一种直播控制方法、装置及存储介质 |
CN113867861A (zh) * | 2021-09-23 | 2021-12-31 | 深圳市道通智能航空技术股份有限公司 | 一种无人机图传窗口显示方法、装置、设备及存储介质 |
CN114416227A (zh) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | 窗口切换方法、电子设备及可读存储介质 |
CN115037964A (zh) * | 2022-06-06 | 2022-09-09 | 深圳市前海多晟科技股份有限公司 | 基于弹幕的视频组合方法、装置、计算机设备及存储介质 |
WO2023197679A1 (zh) * | 2022-04-12 | 2023-10-19 | Oppo广东移动通信有限公司 | 视频播放方法、装置、电子设备及存储介质 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106534959A (zh) * | 2016-10-11 | 2017-03-22 | 北京小米移动软件有限公司 | 直播视频的处理方法及装置 |
WO2017101392A1 (zh) * | 2015-12-15 | 2017-06-22 | 乐视控股(北京)有限公司 | 一种直播显示方法及装置 |
KR20170075579A (ko) * | 2015-12-23 | 2017-07-03 | 엘지전자 주식회사 | 이동 단말기 및 그 제어방법 |
CN107181967A (zh) * | 2017-04-01 | 2017-09-19 | 北京潘达互娱科技有限公司 | 一种视频显示方法及装置 |
CN108156468A (zh) * | 2017-09-30 | 2018-06-12 | 上海掌门科技有限公司 | 一种观看主播直播的方法与设备 |
US20190109937A1 (en) * | 2011-11-04 | 2019-04-11 | Remote TelePointer, LLC | Method and system for user interface for interactive devices using a mobile device |
CN110062252A (zh) * | 2019-04-30 | 2019-07-26 | 广州酷狗计算机科技有限公司 | 直播方法、装置、终端及存储介质 |
US20190250798A1 (en) * | 2014-03-02 | 2019-08-15 | Onesnaps Technology Pvt Ltd | Communications devices and methods for single-mode and automatic media capture |
CN112218113A (zh) * | 2020-10-16 | 2021-01-12 | 广州博冠信息科技有限公司 | 视频播放方法、装置、计算机可读存储介质和电子装置 |
US20210127171A1 (en) * | 2017-12-13 | 2021-04-29 | Guangzhou Huya Information Technology Co., Ltd. | Display Method for Live Broadcast Screen of Live Broadcast Room, Storage Device and Computer Device |
WO2021098677A1 (zh) * | 2019-11-20 | 2021-05-27 | 维沃移动通信有限公司 | 显示方法及电子设备 |
-
2021
- 2021-06-24 CN CN202110704046.1A patent/CN113342248A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20190109937A1 (en) * | 2011-11-04 | 2019-04-11 | Remote TelePointer, LLC | Method and system for user interface for interactive devices using a mobile device |
US20190250798A1 (en) * | 2014-03-02 | 2019-08-15 | Onesnaps Technology Pvt Ltd | Communications devices and methods for single-mode and automatic media capture |
WO2017101392A1 (zh) * | 2015-12-15 | 2017-06-22 | 乐视控股(北京)有限公司 | 一种直播显示方法及装置 |
KR20170075579A (ko) * | 2015-12-23 | 2017-07-03 | 엘지전자 주식회사 | 이동 단말기 및 그 제어방법 |
CN106534959A (zh) * | 2016-10-11 | 2017-03-22 | 北京小米移动软件有限公司 | 直播视频的处理方法及装置 |
CN107181967A (zh) * | 2017-04-01 | 2017-09-19 | 北京潘达互娱科技有限公司 | 一种视频显示方法及装置 |
CN108156468A (zh) * | 2017-09-30 | 2018-06-12 | 上海掌门科技有限公司 | 一种观看主播直播的方法与设备 |
US20210127171A1 (en) * | 2017-12-13 | 2021-04-29 | Guangzhou Huya Information Technology Co., Ltd. | Display Method for Live Broadcast Screen of Live Broadcast Room, Storage Device and Computer Device |
CN110062252A (zh) * | 2019-04-30 | 2019-07-26 | 广州酷狗计算机科技有限公司 | 直播方法、装置、终端及存储介质 |
WO2021098677A1 (zh) * | 2019-11-20 | 2021-05-27 | 维沃移动通信有限公司 | 显示方法及电子设备 |
CN112218113A (zh) * | 2020-10-16 | 2021-01-12 | 广州博冠信息科技有限公司 | 视频播放方法、装置、计算机可读存储介质和电子装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113873311A (zh) * | 2021-09-09 | 2021-12-31 | 北京都是科技有限公司 | 一种直播控制方法、装置及存储介质 |
CN113873311B (zh) * | 2021-09-09 | 2024-03-12 | 北京都是科技有限公司 | 一种直播控制方法、装置及存储介质 |
CN113867861A (zh) * | 2021-09-23 | 2021-12-31 | 深圳市道通智能航空技术股份有限公司 | 一种无人机图传窗口显示方法、装置、设备及存储介质 |
CN114416227A (zh) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | 窗口切换方法、电子设备及可读存储介质 |
WO2023088068A1 (zh) * | 2021-11-16 | 2023-05-25 | 华为技术有限公司 | 窗口切换方法、电子设备及可读存储介质 |
WO2023197679A1 (zh) * | 2022-04-12 | 2023-10-19 | Oppo广东移动通信有限公司 | 视频播放方法、装置、电子设备及存储介质 |
CN115037964A (zh) * | 2022-06-06 | 2022-09-09 | 深圳市前海多晟科技股份有限公司 | 基于弹幕的视频组合方法、装置、计算机设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113342248A (zh) | 直播显示方法、装置、存储介质及电子设备 | |
CN109246464B (zh) | 用户界面显示方法、装置、终端及存储介质 | |
CN109164964B (zh) | 内容分享方法、装置、终端及存储介质 | |
CN111866423B (zh) | 用于电子终端的录屏方法及相应设备 | |
US11825177B2 (en) | Methods, systems, and media for presenting interactive elements within video content | |
CN111510788B (zh) | 一种双屏双系统屏幕切换动画的显示方法及显示设备 | |
CN110446110B (zh) | 视频的播放方法、视频播放设备及存储介质 | |
CN112887797B (zh) | 控制视频播放的方法及相关设备 | |
JP2015099248A (ja) | 表示装置、表示方法およびプログラム | |
CN110764859A (zh) | 一种对屏幕可视区域进行自动调整及优化显示的方法 | |
CN110971953B (zh) | 视频播放方法、装置、终端及存储介质 | |
CN113082696A (zh) | 显示控制方法、装置和电子设备 | |
CN112616078A (zh) | 投屏处理方法、装置、电子设备和存储介质 | |
JP2007074603A (ja) | 電子番組ガイド表示装置 | |
US20210326010A1 (en) | Methods, systems, and media for navigating user interfaces | |
CN112783380A (zh) | 显示设备和方法 | |
CN113596561B (zh) | 视频流播放方法、装置、电子设备和计算机可读存储介质 | |
CN115460448A (zh) | 一种媒体资源编辑方法、装置、电子设备以及存储介质 | |
WO2020248682A1 (zh) | 一种显示设备及虚拟场景生成方法 | |
CN107743710A (zh) | 显示装置及其控制方法 | |
CN112788387A (zh) | 显示设备、方法和存储介质 | |
TW201546655A (zh) | 映射投影之控制系統及其控制方法 | |
CN112784137A (zh) | 显示设备、显示方法及计算设备 | |
KR20130124816A (ko) | 전자 장치 및 가상 터치스크린을 제공하는 방법 | |
CN115243093B (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 |