1.本公开涉及互联网技术领域，尤其涉及一种页面显示方法、装置、电子设备及存储介质。
背景技术：2.目前，某一主播账户可以在其直播间与其他主播账户进行视频连线。当某一观众账户进入该直播间时，可以观看到该主播账户与该其他主播账户进行视频连线时的直播画面。
3.然而，在多主播连线场景中，观众无法在不失真的情况下，观看到想要着重关注或观看主播账户(或该其他主播账户)的直播细节。
技术实现要素：4.本公开提供一种页面显示方法、装置、电子设备及存储介质，解决了相关技术中在多主播连线场景中，观众无法在不失真的情况下，观看到想要关注或观看主播账户(或其他主播账户)的直播细节的技术问题。
5.本公开实施例的技术方案如下：
6.根据本公开实施例的第一方面，提供一种页面显示方法。该方法可以包括：显示第一视频流对应的第一互动页面，该第一互动页面包括至少两个互动账户对应的直播连线画面；响应于对该第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流，该目标互动账户为该至少两个互动账户中的至少一个，该预设触发操作用于缩放该目标互动账户的直播画面对应的显示区域；基于该第二视频流更新该第一互动页面，获得目标互动页面。
7.可选地，上述第一视频流包括第一对应关系，上述第一对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的第一位置信息，该页面显示方法还包括：获取第二对应关系，该第二对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户名称；根据该第一对应关系以及该第二对应关系，确定该至少两个互动账户中每个互动账户的第一显示区域，其中，一个互动账户的第一显示区域为该互动账户的账户标识对应的第一位置信息的显示区域；上述显示第一视频流对应的第一互动页面具体包括：在该每个互动账户的第一显示区域显示该每个互动账户的账户名称。
8.可选地，上述页面显示方法还包括：确定该目标互动账户的第二显示区域，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域；在该第二显示区域显示该目标互动账户的直播画面。
9.可选地，上述第一视频流包括第一时间戳，上述第二视频流包括第二时间戳，上述页面显示方法还包括：当该第一时间戳与该第二时间戳不相等时，对最小时间戳对应的视频流执行暂停处理，直到该第二时间戳等于该第一时间戳，该最小时间戳为该第一时间戳
以及该第二时间戳中的最小值。
10.可选地，上述页面显示方法还包括：当预设账户进入预设虚拟空间时，获取该第一视频流的地址，该预设虚拟空间为该至少两个互动账户各自对应的虚拟空间中的一个；基于该第一视频流的地址获取该第一视频流。
11.可选地，上述页面显示方法还包括：当该预设账户退出该预设虚拟空间时，删除该第一视频流以及该第二视频流。
12.可选地，上述响应于对该第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流具体包括：响应于对该第一互动页面中该目标互动账户的预设触发操作，确定该目标互动账户的第二显示区域的分辨率大小，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域；当该第二显示区域的分辨率大小大于分辨率阈值时，获取该第二视频流的地址；基于该第二视频流的地址获取该第二视频流。
13.可选地，上述页面显示方法还包括：当该第二显示区域的分辨率大小小于或等于该分辨率阈值时，删除该第二视频流。
14.根据本公开实施例的第二方面，提供一种页面显示装置。该装置可以包括：显示模块和获取模块；该显示模块，被配置为显示第一视频流对应的第一互动页面，该第一互动页面包括至少两个互动账户对应的直播连线画面；该获取模块，被配置为响应于对该第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流，该目标互动账户为该至少两个互动账户中的至少一个，该预设触发操作用于缩放该目标互动账户的直播画面对应的显示区域；该获取模块，还被配置为基于该第二视频流更新该第一互动页面，获得目标互动页面。
15.可选地，上述页面显示装置还包括确定模块，该第一视频流包括第一对应关系，该第一对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的第一位置信息；该获取模块，还被配置为获取第二对应关系，该第二对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户名称；该确定模块，被配置为根据该第一对应关系以及该第二对应关系，确定该至少两个互动账户中每个互动账户的第一显示区域，其中，一个互动账户的第一显示区域为该互动账户的账户标识对应的第一位置信息的显示区域；该显示模块，具体被配置为在该每个互动账户的第一显示区域显示该每个互动账户的账户名称。
16.可选地，该确定模块，还被配置为确定该目标互动账户的第二显示区域，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域；该显示模块，还被配置为在该第二显示区域显示该目标互动账户的直播画面。
17.可选地，上述页面显示装置还包括处理模块，该第一视频流包括第一时间戳，该第二视频流包括第二时间戳；该处理模块，被配置为当该第一时间戳与该第二时间戳不相等时，对最小时间戳对应的视频流执行暂停处理，直到该第二时间戳等于该第一时间戳，该最小时间戳为该第一时间戳以及该第二时间戳中的最小值。
18.可选地，该获取模块，还被配置为当预设账户进入预设虚拟空间时，获取该第一视频流的地址，该预设虚拟空间为该至少两个互动账户各自对应的虚拟空间中的一个；该获取模块，还被配置为基于该第一视频流的地址获取该第一视频流。
19.可选地，上述页面显示装置还包括删除模块；该删除模块，被配置为当该预设账户退出该预设虚拟空间时，删除该第一视频流以及该第二视频流。
20.可选地，该确定模块，被配置为响应于对该第一互动页面中该目标互动账户的预设触发操作，确定该目标互动账户的第二显示区域的分辨率大小，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域；该获取模块，具体被配置为当该第二显示区域的分辨率大小大于分辨率阈值时，获取该第二视频流的地址；该获取模块，具体还被配置为基于该第二视频流的地址获取该第二视频流。
21.可选地，该删除模块，被配置为当该第二显示区域的分辨率大小小于或等于该分辨率阈值时，删除该第二视频流。
22.根据本公开实施例的第三方面，提供一种电子设备，可以包括：处理器和被配置为存储处理器可执行指令的存储器；其中，处理器被配置为执行所述指令，以实现上述第一方面中任一种可选地页面显示方法。
23.根据本公开实施例的第四方面，提供一种计算机可读存储介质，计算机可读存储介质上存储有指令，当该计算机可读存储介质中的指令由电子设备执行时，使得该电子设备能够执行上述第一方面中任一种可选地页面显示方法。
24.根据本公开实施例的第五方面，提供一种计算机程序产品，该计算机程序产品包括计算机指令，当该计算机指令在电子设备上运行时，使得该电子设备执行如第一方面中任一种可选地页面显示方法。
25.本公开的实施例提供的技术方案至少带来以下有益效果：
26.基于上述任一方面，本公开中，电子设备可以显示第一视频流对应的第一互动页面，并且响应于对该第一互动页面中目标互动账户的预设触发操作，该电子设备可以获取与该目标互动账户的直播画面对应的第二视频流；然后该电子设备可以基于该第二视频流更新该第一互动页面，获得目标互动页面。本公开中，在至少两个互动账户之间进行视频连线的场景下，电子设备不仅可以显示该至少两个互动账户对应的直播连线画面，还可以获得观众更关注(更喜爱)的、想要缩放相应显示区域的目标互动账户的单独直播画面，既能使观众观看到直播细节，又可以保持足够的分辨率，保证缩放后的视频不失真，从而在展示目标互动账户对应的直播画面细节的同时，兼顾页面显示效果。
27.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
28.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
29.图1示出了本公开实施例提供的一种页面显示系统示意图；
30.图2示出了本公开实施例提供的一种页面显示方法的流程示意图；
31.图3示出了本公开实施例提供的又一种页面显示方法的流程示意图；
32.图4示出了本公开实施例提供的又一种页面显示方法的流程示意图；
33.图5示出了本公开实施例提供的又一种页面显示方法的流程示意图；
34.图6示出了本公开实施例提供的又一种页面显示方法的流程示意图；
35.图7示出了本公开实施例提供的又一种页面显示方法的流程示意图；
36.图8示出了本公开实施例提供的又一种页面显示方法的流程示意图；
37.图9示出了本公开实施例提供的又一种页面显示方法的流程示意图；
38.图10示出了本公开实施例提供的一种页面显示装置的结构示意图；
39.图11示出了本公开实施例提供的又一种页面显示装置的结构示意图。
具体实施方式
40.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
41.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
42.还应当理解的是，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其他特征、整体、步骤、操作、元素和/或组件的存在或添加。
43.本公开所涉及的数据可以为经用户授权或者经过各方充分授权的数据。
44.如背景技术中所描述，由于相关技术中，在多主播连线场景中，观众无法在不失真的情况下，观看到想要着重关注或观看主播账户(或其他主播账户)的直播细节。
45.基于此，本公开实施例提供一种页面显示方法，在至少两个互动账户之间进行视频连线的场景下，电子设备不仅可以显示该至少两个互动账户对应的直播连线画面，还可以获得观众更关注(更喜爱)的、想要缩放相应显示区域的目标互动账户的单独直播画面，既能使观众观看到直播细节，又可以保持足够的分辨率，保证缩放后的视频不失真，从而在展示目标互动账户对应的直播画面细节的同时，兼顾页面显示效果。
46.本公开实施例提供的页面显示方法、装置、电子设备及存储介质，应用于至少两个互动账户之间进行视频连线(具体可以包括显示该视频连线时的直播画面)的场景中。当电子设备响应于对第一互动页面中目标互动账户的预设触发操作时，可以依据本公开实施例提供的方法，获取与该目标互动账户的直播画面对应的第二视频流，并且基于该第二视频流更新该第一互动页面，获得目标互动页面。
47.以下结合附图对本公开实施例提供的页面显示方法进行示例性说明：
48.图1为本公开实施例提供的一种页面显示系统示意图，如图1所示，该页面显示系统中可以包括电子设备101和服务器102，电子设备101可以通过有线网络或无线网络与服务器102之间建立连接。
49.其中，电子设备101可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，umpc)、上网本，以及蜂窝电话、个人数字助理(personal digital assistant，pda)、增强现实(augmented reality，ar)\虚拟现实(virtual reality，vr)设备，本公开对电子设备的具体形态不作特殊限制。其可以与用户通过键盘、触摸板、触摸屏、遥控器、语音交互或手写设备等一种或多种方式
进行人机交互。
50.服务器102可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、网络加速服务(content delivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
51.具体的，电子设备101可以从服务器102中获取业务信息，该业务信息可以包括第二对应关系，该第二对应关系包括至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户名称。
52.本公开实施例中，电子设备还可以响应于对第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流，并且基于该第二视频流更新该第一互动页面，获得目标互动页面。
53.如图2所示，当页面显示方法应用于上述电子设备101时，该页面显示方法可以包括s101-s103。
54.s101、电子设备显示第一视频流对应的第一互动页面。
55.其中，该第一互动页面包括至少两个互动账户对应的直播连线画面。
56.应理解，该至少两个互动账户为相互之间正在进行视频连线(或连麦)的账户，该至少两个互动账户包括主播账户和/或观众账户。
57.具体的，该至少两个互动账户中的任一互动账户(例如第一互动账户，具体为该第一互动账户对应的直播设备)可以向该至少两个互动账户中的其他互动账户(包括第二互动账户，具体为该第二互动账户对应的直播设备)发送视频连线建立请求，该视频连线建立请求用于请求与该第二互动账户建立视频连线。该第二互动账户在接收到该视频连线建立请求之后，可以向该第一互动账户发送(或返回)视频连线建立响应，即指示与该第一互动账户成功建立视频连线。如此该第一互动账户与该第二互动账户处于视频连线状态下，该第一互动账户、该第二互动账户以及进入该第一互动账户对应的虚拟空间(或该第二互动账户对应的虚拟空间)的账户均可以获取并显示该两个互动账户之间的直播连线画面。
58.可选地，上述第一互动页面还可以包括至少两个互动账户对应的音频信息。
59.s102、电子设备响应于对第一互动页面中目标账户的预设触发操作，获取与目标互动账户的直播画面对应的第二视频流。
60.其中，该目标互动账户为上述至少两个互动账户中的至少一个，该预设触发操作用于缩放该目标互动账户的直播画面对应的显示区域
61.在本公开实施例的一种实现方式中，当某一账户进入到上述至少两个互动账户中任一互动账户对应的虚拟空间之后，该账户可能更关注(或更喜爱)该至少两个互动账户中的某一个或多个互动账户(即目标互动账户)，此时该账户可以对该第一互动页面中目标互动账户执行上述预设触发操作，以获取并观看到该目标互动账户更多的直播细节(或直播内容)等。
62.可以理解的是，上述缩放目标互动账户的直播画面对应的显示区域包括放大该目标互动账户的直播画面对应的显示区域以及缩小该目标互动账户的直播画面对应的显示区域。
63.s103、电子设备基于第二视频流更新第一互动页面，获得目标互动页面。
64.本公开实施例中，可以在该电子设备中部署音视频技术或者实时通信(real time communication，rtc)技术，该rtc技术相当于对音视频技术进行封装。在音视频技术或rtc技术部署完成之后，电子设备可以对该第一互动页面(具体为上述至少两个互动账户对应的直播连线画面)进行相关处理(例如裁剪、缩放等)，以使其可以满足某一账户的需求。具体的，至少可以满足该账户既可以正常观看上述目标互动账户的直播画面，又可以正常观看其他互动账户(即上述至少两个互动账户中除该目标互动账户以外的互动账户)的直播画面。
65.在一种可选的实现方式中，响应于上述对第一互动页面中目标互动账户的预设触发操作之后，该目标互动账户的直播画面对应的显示区域可能会被放大，此时该目标互动账户的直播画面对应的显示区域可能会遮挡其他互动账户的直播画面对应的显示区域，影响到了该其他互动账户的直播画面的展示。此时，电子设备可以对该第一互动页面进行相关处理，例如可以更新(或调整)该其他互动账户的直播画面对应的显示区域，以满足上述账户的需求，即可以获得上述目标互动页面。
66.在一种可选的实现方式中，本公开实施例提供的技术方案可以在该电子设备中部署两个播放器(例如第一播放器和第二播放器)，当电子设备获取到第一视频流之后可以通过该第一播放器显示并播放该第一视频流对应的第一互动页面；当该电子设备获取到与目标互动账户的直播画面对应的第二视频流，并且基于该第二视频流更新该第一互动页面获得目标互动页面之后，可以启动配对高性能播放模块(pair high performance play module，phppm)服务，进而通过该phppm服务器启动该第二播放器以显示并播放该目标互动页面。
67.可选地，当电子设备未接收到上述预设触发操作，或者电子设备无需显示并播放上述目标互动页面时，电子设备可以停止该phppm服务，即关闭该第二播放器，以降低电子设备的功耗及性能损失等。
68.上述实施例提供的技术方案至少能够带来以下有益效果：由s101-s103可知，电子设备可以显示第一视频流对应的第一互动页面，并且响应于对该第一互动页面中目标互动账户的预设触发操作，该电子设备可以获取与该目标互动账户的直播画面对应的第二视频流；然后该电子设备可以基于该第二视频流更新该第一互动页面，获得目标互动页面。本公开实施例中，在至少两个互动账户之间进行视频连线的场景下，电子设备不仅可以显示该至少两个互动账户对应的直播连线画面，还可以获得观众更关注(更喜爱)的、想要缩放相应显示区域的目标互动账户的单独直播画面，既能使观众观看到直播细节，又可以保持足够的分辨率，保证缩放后的视频不失真，从而在展示目标互动账户对应的直播画面细节的同时，兼顾页面显示效果。
69.结合图2，如图3所示，在本公开实施例的一种实现方式中，上述第一视频流包括第一对应关系，该第一对应关系包括上述至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的第一位置信息，本公开实施例提供的页面显示方法还包括s104-s105。
70.s104、电子设备获取第二对应关系。
71.其中，该第二对应关系包括上述至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户名称。
72.在一种可选的实现方式中，上述至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的第一位置信息可以是电子设备通过tspt技术添加(或写入)到上述第一视频流中的。
73.本公开实施例中，电子设备可以从服务端(例如上述图1示出的服务器102中)获取业务信息，该业务信息可以包括该第二对应关系，该业务信息为该服务端通过视频帧的方式发送的。
74.在一种情况下，该业务信息还可以包括上述至少两个互动账户中每个互动账户的账户状态(例如直播中、未开播等)以及该每个互动账户对应的虚拟资源的大小。
75.在另一种情况下，该业务信息还可以包括第三对应关系，该第三对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户状态；和/或该业务信息还可以包括第四对应关系，该第四对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的虚拟资源的大小。
76.s105、电子设备根据第一对应关系以及第二对应关系，确定至少两个互动账户中每个互动账户的第一显示区域。
77.其中，一个互动账户的第一显示区域为该互动账户的账户标识对应的第一位置信息的显示区域。
78.具体的，电子设备可以根据某一个互动账户(例如第一互动账户)的账户标识以及上述第一对应关系，确定出该第一互动账户的账户标识对应的第一位置信息(也可以理解为第一互动账户的第一位置信息)；并且根据该第一互动账户的账户标识以及上述第二对应关系，确定出该第一互动账户的账户标识对应的账户名称(即该第一互动账户的账户名称)。至此，该第一互动账户的账户标识对应的第一位置信息即为该第一互动账户的账户名称对应的第一位置信息。
79.另外，由于一个位置信息对应一个显示区域。本公开实施例中，电子设备可以确定该第一互动账户的第一显示区域即为该第一互动账户的账户标识对应的第一位置信息对应的显示区域。
80.示例性的，以下表1和表2分别为上述第一对应关系和第二对应关系的一种示例。
81.表1
82.互动账户的账户标识账户标识对应的第一位置信息标识1位置1标识2位置3标识3位置4标识4位置2
83.表2
84.互动账户的账户标识账户标识对应的账户名称标识1账户名称1标识2账户名称2标识3账户名称3标识4账户名称4
85.由表1和表2可知，账户名称1对应的第一位置信息为位置1，账户名称2对应的第一
位置信息为位置3，账户名称3对应的第一位置信息为位置4，账户名称4对应的第一位置信息为位置2。
86.又假设账户名称1对应的账户为互动账户1，账户名称2对应的账户为互动账户2，账户名称3对应的账户为互动账户3，账户名称4对应的账户为互动账户4。则电子设备确定互动账户1的第一显示区域为位置1对应的显示区域，互动账户2的第一显示区域为位置3对应的显示区域，互动账户3的第一显示区域为位置4对应的显示区域，互动账户4的第一显示区域为位置2对应的显示区域。
87.继续如图3所示，上述电子设备显示第一视频流对应的第一互动页面，具体可以包括s1011。
88.s1011、电子设备在每个互动账户的第一显示区域显示每个互动账户的主播名称。
89.在本公开实施例的一种实现方式中，电子设备还可以在该每个互动账户的第一显示区域显示该每个互动账户的账户状态以及该每个互动账户对应的虚拟资源大小等。
90.在本公开实施例的另一种实现方式中，电子设备也可以在该每个互动账户的第一显示区域显示该每个互动账户的直播画面。
91.可选地，电子设备在获取到该第一视频流之后，可以按照该至少两个互动账户的数量将该电子设备的屏幕大小平均分配，即该至少两个互动账户中每个互动账户的直播画面对应的显示区域的大小相同。
92.上述实施例提供的技术方案至少能够带来以下有益效果：由s104-s105，以及s1011可知，由于第一视频流包括第一对应关系，因此电子设备在获取到该第一视频流时可以获取到该第一对应关系；该电子设备还可以获取该第二对应关系，并且根据该第一对应关系以及该第二对应关系，确定至少两个互动账户中每个互动账户的第一显示区域。然后该电子设备可以在该每个互动账户的第一显示区域显示该每个互动账户的主播名称。本公开实施例中，由于第一对应关系以及第二对应关系中均包括至少两个互动账户的账户标识，如此电子设备可以根据每个互动账户的账户标识、该第一对应关系以及该第二对应关系确定出该每个互动账户的第一位置信息。又由于一个位置对应一个显示区域，如此电子设备可以方便、快捷地确定出每个互动账户的第一显示区域(也可以理解为该每个互动账户的主播名称对应的第一显示区域)。并且在该每个互动账户的第一显示区域显示该每个互动账户的主播名称，能够有效地显示出相关业务信息，提升了页面显示的有效性。
93.结合图3，如图4所示，本公开实施例提供的页面显示方法还包括s106-s107。
94.s106、电子设备确定目标互动账户的第二显示区域。
95.其中，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行上述预设触发操作后得到的显示区域。
96.结合上述实施例的描述，应理解，该预设触发操作用于缩放该目标互动账户的直播画面对应的显示区域。即在执行该预设触发操作之前该目标互动账户的直播画面对应的显示区域，相较于该第二显示区域可能更大，也可能更小。
97.在一种可选的实现方式中，电子设备可以确定当前剩余显示区域，该当前剩余显示区域为该电子设备的显示区域中除该目标互动账户的第二显示区域以外的显示区域。当上述其他互动账户的数量为1时，电子设备可以确定该当前剩余显示区域为该其他互动账户的第二显示区域；当该其他互动账户的数量大于1时，电子设备可以为该其他互动账户平
均分配该当前剩余显示区域，进而分别确定该其他互动账户中每个互动账户的第二显示区域。
98.s107、电子设备在目标互动账户的第二显示区域显示目标互动账户的直播画面。
99.在本公开实施例的一种实现方式中，电子设备还可以在上述其他互动账户的第二显示区域显示该其他互动账户的直播画面。
100.可选地，电子设备也可以在该目标互动账户的第二显示区域显示该目标互动账户的业务信息。业务信息具体可以包括账户名称、账户状态以及对应的虚拟资源的大小等。
101.上述实施例提供的技术方案至少能够带来以下有益效果：由s106-s107可知，电子设备可以确定目标互动账户的第二显示区域，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行预设触发操作后得到的显示区域；然后该电子设备可以在该第二显示区域显示该目标互动账户的直播画面。本公开实施例中，电子设备可以确定出在执行预设触发操作之后目标互动账户的直播画面对应的显示区域(即第二显示区域)，并且在该第二显示区域显示该目标互动账户的直播画面。能够准确、有效地确定出目标互动账户的直播画面，提升页面显示的有效性。
102.结合图2，如图5所示，在本公开实施例的一种实现方式中，上述第一视频流包括第一时间戳，上述第二视频流包括第二时间戳，本公开实施例提供的页面显示方法还包括s108。
103.s108、当第一时间戳与第二时间戳不相等时，电子设备对最小时间戳对应的视频流执行暂停处理，直到第二时间戳等于第一时间戳。
104.其中，该最小时间戳为该第一时间戳以及该第二时间戳中的最小值。
105.应理解，每个视频流中均包括一个时间戳。当该第一时间戳与该第二时间戳不相等时，说明该第一视频流的播放进度与该第二视频流的播放进度不相同。此时电子设备可以对最小时间戳(即第一时间戳以及第二时间戳中的最小值)对应的视频流执行暂停处理，即暂停该最小时间戳对应的视频流的播放过程，等待最大时间戳(即该第一时间戳与该第二时间戳中的最大值)对应的视频流的播放进度与该最小时间戳对应的视频流的播放进度相同(即该第二时间戳等于该第一时间戳)时，电子设备可以对该最小时间戳对应的视频流执行播放处理，即继续播放该最小时间戳对应的视频流。
106.可选地，当上述第一时间戳大于该第二时间戳时，电子设备可以对该第一视频流执行暂停处理，直到该第二时间戳等于该第一时间戳。并且在该第二时间戳等于该第一时间戳之后，该电子设备可以对该第一视频流执行播放处理。
107.在一种可选的实现方式中，当响应于对上述第一互动页面中目标互动账户的预设触发操作之后，可能会放大该目标互动账户的直播画面对应的显示区域。而该放大显示区域的过程可能会产生相应的时延，进而会影响到上述最大时间戳对应的视频流的播放进度。如此电子设备对最小时间戳对应的视频流执行暂停处理，以保证第一视频流的播放进度与第二视频流的播放进度是相同的，即保证上述至少两个互动账户对应的直播连线画面与目标互动账户对应的直播画面是同步的。
108.上述实施例提供的技术方案至少能够带来以下有益效果：由s108可知，当第一时间戳与第二时间戳不相等时，说明第一视频流的播放进度与第二视频流的播放进度不相同；此时电子设备可以对最小时间戳(即该第一时间戳与该第二时间戳中的最小值)对应的
视频流执行暂停处理，即暂停该最小时间戳对应的视频流的播放过程，直到最大时间戳(即第一时间戳与第二时间戳中的最大值)对应的视频流的播放进度与该最小时间戳对应的视频流的播放进度相同，即该第二时间戳等于该第一时间戳。进而，电子设备可以对该最小时间戳对应的视频流执行播放处理，即继续播放该最小时间戳对应的视频流。本公开实施例中，电子设备可以基于第一视频流和第二视频流中分别包括的时间戳，以保证第一视频流的播放进度与第二视频流的播放进度是相同的，也可以理解为保证至少两个互动账户的直播连线画面与目标互动账户的直播画面是同步的。能够提升视频流播放的一致性，提升用户体验。
109.结合图2，如图6所示，本公开实施例提供的页面显示方法还包括s109-s110。
110.s109、当预设账户进入预设虚拟空间时，电子设备获取第一视频流的地址。
111.其中，该预设虚拟空间为上述至少两个互动账户各自对应的虚拟空间中的一个。
112.应理解，当预设账户基于电子设备进入到该至少两个互动账户各自对应的虚拟空间中任一虚拟空间(即预设虚拟空间)时，该电子设备均可以获取到该第一视频流的地址。
113.可选地，该第一视频流的地址可以为该第一视频流的统一资源定位符(uniform resource locator，url)。
114.本公开实施例中，一个互动账户对应的虚拟空间可以为该互动账户对应的直播间。
115.s110、电子设备基于第一视频流的地址获取第一视频流。
116.具体的，电子设备(具体可以为上述播放器)在接收到该第一视频流的地址之后，会解析该第一视频流的地址，以获取到该第一视频流。进而，该播放器可以对该第一视频流对应的画面进行渲染，并且显示该第一视频流。
117.上述实施例提供的技术方案至少能够带来以下有益效果：由s109-s110可知，当预设账户进入预设虚拟空间(即至少两个互动账户各自对应的虚拟空间中的一个)时，电子设备可以获取第一视频流的地址，并且基于该第一视频流的地址获取第一视频流。本公开实施例中，电子设备可以基于某一视频流的地址获取该视频流，能够提升视频流的获取效率，进而提升视频流对应的互动页面的显示效率。
118.结合图6，如图7所示，本公开实施例提供的页面显示方法还可以包括s111。
119.s111、当预设账户退出预设虚拟空间时，电子设备删除第一视频流以及第二视频流。
120.应理解，当该预设账户退出该预设虚拟空间时，说明该电子设备无需显示上述第一互动页面以及目标互动页面，此时电子设备可以删除该第一视频流以及该第二视频流。
121.上述实施例提供的技术方案至少能够带来以下有益效果：由s111可知，当预设账户退出预设虚拟空间(即至少两个互动账户各自对应的虚拟空间中的一个)时，说明该电子设备无需显示第一互动页面以及目标互动页面，即电子设备可以删除第一视频流以及第二视频流。本公开实施例中，当预设账户退出预设虚拟空间时，电子设备可以通过删除相关视频流的方式释放电子设备的资源，能够提升资源利用率。
122.结合图2，如图8所示，在本公开实施例的一种实现方式中，上述电子设备响应于对第一互动页面中目标账户的预设触发操作，获取与目标互动账户的直播画面对应的第二视频流，具体可以包括s1021-s1023。
123.s1021、电子设备响应于对第一互动页面中目标互动账户的预设触发操作，确定目标互动账户的第二显示区域的分辨率大小。
124.其中，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行上述预设触发操作后得到的显示区域。
125.结合上述实施例的描述，应理解，该目标互动账户的第二显示区域可以显示该目标互动账户的直播画面。
126.s1022、当第二显示区域的分辨率大于分辨率阈值时，电子设备获取第二视频流的地址。
127.可以理解的是，当该第二显示区域的分辨率大于该分辨率阈值时，说明该第二显示区域的分辨率较大，上述预设账户可能更想观看目标互动账户的直播画面，此时电子设备可以获取该第二视频流的地址。
128.结合上述实施例的描述，应理解，该第二视频流的地址可以为该第二视频流的url。
129.可选地，上述分辨率阈值可以为360p。
130.s1023、电子设备基于第二视频流的地址获取第二视频流。
131.需要说明的是，电子设备基于第二视频流的地址获取第二视频流的解释说明与上述电子设备基于第一视频流的地址获取第一视频流的过程是相同或类似的，此处不再赘述。
132.上述实施例提供的技术方案至少能够带来以下有益效果：由s1021-s1023可知，电子设备响应于对第一互动页面中目标互动账户的预设触发操作，可以确定该目标互动账户的第二显示区域的分辨率大小；当该第二显示区域的分辨率大小大于分辨率阈值时，说明该第二显示区域的分辨率较大，预设账户可能更想观看该目标互动账户的直播画面，此时电子设备可以获取该第二视频流的地址，并且基于该第二视频流的地址获取该第二视频流。本公开实施例中，当目标互动账户的第二显示区域的分辨率较大时，电子设备可以获取第二视频流的地址以及该第二视频流，能够提升第二视频流的获取效率。
133.在相关技术中，手机屏幕的分辨率可能为720p，在多主播连线(例如主播账户的数量为6个)的场景中，每个主播账户的直播画面的分辨率为240p。若一个目标主播账户的直播画面在该240p下被拉伸(或者放大)为720p去渲染展示，在视觉效果上会产生明显的失真或者清晰度效果不佳，影响着观看体验。而基于本公开实施例提供的页面显示方法，具体为当上述第二显示区域的分辨率大于分辨率阈值(例如360p)时，电子设备获取第二视频流的地址并且基于该地址获取该第二视频流，进而该电子设备可以基于该第二视频流更新上述第一互动页面，以获得目标互动页面，不仅可以显示上述至少两个互动账户对应的直播连线画面，还可以获得观众更关注(更喜爱)的、想要缩放相应显示区域的目标互动账户的单独直播画面，既能使观众观看到直播细节，又可以保持足够的分辨率，保证缩放后的视频不失真，从而在展示目标互动账户对应的直播画面细节的同时，兼顾页面显示效果。
134.结合图8，如图9所示，本公开实施例提供的页面显示方法还包括s112。
135.s112、当第二显示区域的分辨率大小小于或等于分辨率阈值时，电子设备删除第二视频流。
136.应理解，当该第二显示区域的分辨率大小小于或等于该分辨率阈值时，说明该第
二显示区域的分辨率大小较小，预设账户可能更想观看上述至少两个互动账户对应的直播连线画面，此时电子设备可以删除第二视频流，减少资源浪费，提升资源利用率。
137.可以理解的，在实际实施时，本公开实施例所述的电子设备可以包含有用于实现前述对应页面显示方法的一个或多个硬件结构和/或软件模块，这些执行硬件结构和/或软件模块可以构成一个电子设备。本领域技术人员应该很容易意识到，结合本文中所公开的实施例描述的各示例的算法步骤，本公开能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开的范围。
138.基于这样的理解，本公开实施例还对应提供一种页面显示装置，图10示出了本公开实施例提供的页面显示装置的结构示意图。如图10所示，该页面显示装置20可以包括：显示模块201和获取模块202。
139.显示模块201，被配置为显示第一视频流对应的第一互动页面，该第一互动页面包括至少两个互动账户对应的直播连线画面。
140.获取模块202，被配置为响应于对该第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流，该目标互动账户为该至少两个互动账户中的至少一个，该预设触发操作用于缩放该目标互动账户的直播画面对应的显示区域。
141.获取模块202，还被配置为基于该第二视频流更新该第一互动页面，获得目标互动页面。
142.可选地，上述页面显示装置20还包括确定模块203，该第一视频流包括第一对应关系，该第一对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的第一位置信息。
143.获取模块202，还被配置为获取第二对应关系，该第二对应关系包括该至少两个互动账户的账户标识以及该至少两个互动账户的账户标识各自对应的账户名称。
144.确定模块203，被配置为根据该第一对应关系以及该第二对应关系，确定该至少两个互动账户中每个互动账户的第一显示区域，其中，一个互动账户的第一显示区域为该互动账户的账户标识对应的第一位置信息的显示区域。
145.显示模块201，具体被配置为在该每个互动账户的第一显示区域显示该每个互动账户的账户名称。
146.可选地，确定模块203，还被配置为确定该目标互动账户的第二显示区域，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域。
147.显示模块201，还被配置为在该第二显示区域显示该目标互动账户的直播画面。
148.可选地，上述页面显示装置20还包括处理模块204，该第一视频流包括第一时间戳，该第二视频流包括第二时间戳。
149.处理模块204，被配置为当该第一时间戳与该第二时间戳不相等时，对最小时间戳对应的视频流执行暂停处理，直到该第二时间戳等于该第一时间戳，该最小时间戳为该第一时间戳以及该第二时间戳中的最小值。
150.可选地，获取模块202，还被配置为当预设账户进入预设虚拟空间时，获取该第一视频流的地址，该预设虚拟空间为该至少两个互动账户各自对应的虚拟空间中的一个。
151.获取模块202，还被配置为基于该第一视频流的地址获取该第一视频流。
152.可选地，上述页面显示装置20还包括删除模块205。
153.删除模块205，被配置为当该预设账户退出该预设虚拟空间时，删除该第一视频流以及该第二视频流。
154.可选地，确定模块203，被配置为响应于对该第一互动页面中该目标互动账户的预设触发操作，确定该目标互动账户的第二显示区域的分辨率大小，该第二显示区域为对该目标互动账户的直播画面对应的显示区域执行该预设触发操作后得到的显示区域。
155.获取模块202，具体被配置为当该第二显示区域的分辨率大小大于分辨率阈值时，获取该第二视频流的地址。
156.获取模块202，具体还被配置为基于该第二视频流的地址获取该第二视频流。
157.可选地，删除模块205，被配置为当该第二显示区域的分辨率大小小于或等于该分辨率阈值时，删除该第二视频流。
158.如上所述，本公开实施例可以根据上述方法示例对页面显示装置进行功能模块的划分。其中，上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。另外，还需要说明的是，本公开实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。
159.关于上述实施例中的页面显示装置，其中各个模块执行操作的具体方式、以及具备的有益效果，均已经在前述方法实施例中进行了详细描述，此处不再赘述。
160.图11是本公开提供的另一种页面显示装置的结构示意图。如图11，该页面显示装置30可以包括至少一个处理器301以及用于存储处理器可执行指令的存储器303。其中，处理器301被配置为执行存储器303中的指令，以实现上述实施例中的页面显示方法。
161.另外，页面显示装置30还可以包括通信总线302以及至少一个通信接口304。
162.处理器301可以是一个处理器(central processing units，cpu)，微处理单元，asic，或一个或多个用于控制本公开方案程序执行的集成电路。
163.通信总线302可包括一通路，在上述组件之间传送信息。
164.通信接口304，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如以太网，无线接入网(radio access network，ran)，无线局域网(wireless local area networks，wlan)等。
165.存储器303可以是只读存储器(read-only memory，rom)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，ram)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory，eeprom)、只读光盘(compact disc read-only memory，cd-rom)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理单元相连接。存储器也可以和处理单元集成在一
起。
166.其中，存储器303用于存储执行本公开方案的指令，并由处理器301来控制执行。处理器301用于执行存储器303中存储的指令，从而实现本公开方法中的功能。
167.在具体实现中，作为一种实施例，处理器301可以包括一个或多个cpu，例如图11中的cpu0和cpu1。
168.在具体实现中，作为一种实施例，页面显示装置30可以包括多个处理器，例如图11中的处理器301和处理器307。这些处理器中的每一个可以是一个单核(single-cpu)处理器，也可以是一个多核(multi-cpu)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。
169.在具体实现中，作为一种实施例，页面显示装置30还可以包括输出设备305和输入设备306。输出设备305和处理器301通信，可以以多种方式来显示信息。例如，输出设备305可以是液晶显示器(liquid crystal display，lcd)，发光二级管(light emitting diode，led)显示设备，阴极射线管(cathode ray tube，crt)显示设备，或投影仪(projector)等。输入设备306和处理器301通信，可以以多种方式接受用户的输入。例如，输入设备306可以是鼠标、键盘、触摸屏设备或传感设备等。
170.本领域技术人员可以理解，图11中示出的结构并不构成对页面显示装置30的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
171.另外，本公开还提供一种计算机可读存储介质，包括指令，当指令由电子设备执行时，使得电子设备执行如上述实施例所提供的页面显示方法。
172.另外，本公开还提供一种计算机程序产品，包括指令，当指令由电子设备执行时，使得电子设备执行如上述实施例所提供的页面显示方法。
173.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。
技术特征：1.一种页面显示方法，其特征在于，包括：显示第一视频流对应的第一互动页面，所述第一互动页面包括至少两个互动账户对应的直播连线画面；响应于对所述第一互动页面中目标互动账户的预设触发操作，获取与所述目标互动账户的直播画面对应的第二视频流，所述目标互动账户为所述至少两个互动账户中的至少一个，所述预设触发操作用于缩放所述目标互动账户的直播画面对应的显示区域；基于所述第二视频流更新所述第一互动页面，获得目标互动页面。2.根据权利要求1所述的页面显示方法，其特征在于，所述第一视频流包括第一对应关系，所述第一对应关系包括所述至少两个互动账户的账户标识以及所述至少两个互动账户的账户标识各自对应的第一位置信息，所述方法还包括：获取第二对应关系，所述第二对应关系包括所述至少两个互动账户的账户标识以及所述至少两个互动账户的账户标识各自对应的账户名称；根据所述第一对应关系以及所述第二对应关系，确定所述至少两个互动账户中每个互动账户的第一显示区域，其中，一个互动账户的第一显示区域为所述互动账户的账户标识对应的第一位置信息的显示区域；所述显示第一视频流对应的第一互动页面，包括：在所述每个互动账户的第一显示区域显示所述每个互动账户的账户名称。3.根据权利要求2所述的页面显示方法，其特征在于，所述方法还包括：确定所述目标互动账户的第二显示区域，所述第二显示区域为对所述目标互动账户的直播画面对应的显示区域执行所述预设触发操作后得到的显示区域；在所述第二显示区域显示所述目标互动账户的直播画面。4.根据权利要求1所述的页面显示方法，其特征在于，所述第一视频流包括第一时间戳，所述第二视频流包括第二时间戳，所述方法还包括：当所述第一时间戳与所述第二时间戳不相等时，对最小时间戳对应的视频流执行暂停处理，直到所述第二时间戳等于所述第一时间戳，所述最小时间戳为所述第一时间戳以及所述第二时间戳中的最小值。5.根据权利要求1-4中任一项所述的页面显示方法，其特征在于，所述方法还包括：当预设账户进入预设虚拟空间时，获取所述第一视频流的地址，所述预设虚拟空间为所述至少两个互动账户各自对应的虚拟空间中的一个；基于所述第一视频流的地址获取所述第一视频流。6.根据权利要求5所述的页面显示方法，其特征在于，所述方法还包括：当所述预设账户退出所述预设虚拟空间时，删除所述第一视频流以及所述第二视频流。7.一种页面显示装置，其特征在于，包括：显示模块和获取模块；所述显示模块，被配置为显示第一视频流对应的第一互动页面，所述第一互动页面包括至少两个互动账户对应的直播连线画面；所述获取模块，被配置为响应于对所述第一互动页面中目标互动账户的预设触发操作，获取与所述目标互动账户的直播画面对应的第二视频流，所述目标互动账户为所述至少两个互动账户中的至少一个，所述预设触发操作用于缩放所述目标互动账户的直播画面
对应的显示区域；所述获取模块，还被配置为基于所述第二视频流更新所述第一互动页面，获得目标互动页面。8.一种电子设备，其特征在于，所述电子设备包括：处理器；被配置为存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如权利要求1-6中任一项所述的页面显示方法。9.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，当所述计算机可读存储介质中的指令由电子设备执行时，使得所述电子设备能够执行如权利要求1-6中任一项所述的页面显示方法。10.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-6中任一项所述的页面显示方法。
技术总结本公开关于一种页面显示方法、装置、电子设备及存储介质，涉及互联网技术领域。该方法包括：显示第一视频流对应的第一互动页面；响应于对该第一互动页面中目标互动账户的预设触发操作，获取与该目标互动账户的直播画面对应的第二视频流；基于该第二视频流更新该第一互动页面，获得目标互动页面。本公开应用于至少两个互动账户之间的视频连线场景，在展示目标互动账户对应的直播画面细节的同时，兼顾页面显示效果。面显示效果。面显示效果。
技术研发人员：李墨 钱海超 张晓波
受保护的技术使用者：北京达佳互联信息技术有限公司
技术研发日：2022.07.01
技术公布日：2022/11/1
