进入直播间页面的方法、装置、直播系统、设备和介质与流程

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.第二方面，本技术提供了一种直播系统。所述系统包括：终端、业务服务器和直播流服务器；其中，所述终端用于根据如上所述的进入直播间页面的方法从直播封面页面进入直播间页面，并在所述直播间页面展示来自所述业务服务器的直播业务信息以及所述直播流服务器的直播视频。
30.第三方面，本技术提供了一种进入直播间页面的装置。所述装置包括：
31.封面页显示模块，用于显示直播封面页面；
32.信息获取模块，用于响应于对所述直播封面页面中直播封面的触发操作，确定所述直播封面的封面形态对应的页面过渡处理信息，并向业务服务器请求获取所述直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取所述直播间的直播视频流；其中，所述页面过渡处理信息包括针对所述封面形态设置的内容保持形式以及替代内容显示尺寸和替代内容显示位置；
33.过渡处理模块，用于按照所述内容保持形式保持所述直播封面中封面内容的显示，并将所述封面内容的显示尺寸和显示位置渐变至所述替代内容显示尺寸和替代内容显示位置；
34.直播页显示模块，用于所述封面内容达到所述替代内容显示尺寸和替代内容显示位置时，显示直播间页面；
35.视频显示模块，用于若对来自所述直播流服务器的直播视频流的加载未完成，则在所述直播间页面中，将处于所述替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示；若对来自所述直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，显示相应的直播视频；
36.业务显示模块，用于接收到来自所述业务服务器的直播业务信息时，在直播间页面中展示所述直播业务信息。
37.第四方面，本技术提供了一种电子设备。所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
38.显示直播封面页面；响应于对所述直播封面页面中直播封面的触发操作，确定所述直播封面的封面形态对应的页面过渡处理信息，并向业务服务器请求获取所述直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取所述直播间的直播视频流；其中，所述页面过渡处理信息包括针对所述封面形态设置的内容保持形式以及替代内容显示尺寸和替代内容显示位置；按照所述内容保持形式保持所述直播封面中封面内容的显示，并将所述封面内容的显示尺寸和显示位置渐变至所述替代内容显示尺寸和替代内容显示位置；所述封面内容达到所述替代内容显示尺寸和替代内容显示位置时，显示直播间页面；若对来自所述直播流服务器的直播视频流的加载未完成，则在所述直播间页面中，将处于所述替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示；若对来自所述直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，显示相应的直播视频；接收到来自所述业务服务器的直播业务信息时，在直播间页面中展示所述直播业务信息。
39.第五方面，本技术还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
40.显示直播封面页面；响应于对所述直播封面页面中直播封面的触发操作，确定所
述直播封面的封面形态对应的页面过渡处理信息，并向业务服务器请求获取所述直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取所述直播间的直播视频流；其中，所述页面过渡处理信息包括针对所述封面形态设置的内容保持形式以及替代内容显示尺寸和替代内容显示位置；按照所述内容保持形式保持所述直播封面中封面内容的显示，并将所述封面内容的显示尺寸和显示位置渐变至所述替代内容显示尺寸和替代内容显示位置；所述封面内容达到所述替代内容显示尺寸和替代内容显示位置时，显示直播间页面；若对来自所述直播流服务器的直播视频流的加载未完成，则在所述直播间页面中，将处于所述替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示；若对来自所述直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，显示相应的直播视频；接收到来自所述业务服务器的直播业务信息时，在直播间页面中展示所述直播业务信息。
41.上述进入直播间页面的方法、装置、直播系统、电子设备和计算机可读存储介质，显示直播封面页面，响应于对该直播封面页面中直播封面的触发操作，确定该直播封面的封面形态对应的页面过渡处理信息，并分别向业务服务器、直播流服务器请求获取对应直播间的直播业务信息和直播视频流，其中，页面过渡处理信息包括针对上述封面形态设置的内容保持形式以及替代内容显示尺寸和替代内容显示位置，然后按照该内容保持形式保持直播封面中封面内容的显示，并将封面内容的显示尺寸和显示位置渐变至替代内容显示尺寸和替代内容显示位置，达到替代内容显示尺寸和替代内容显示位置时显示直播间页面，若未完成对来自直播流服务器的直播视频流的加载，则在直播间页面中将该处于替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示，若已完成加载则在直播间页面中显示相应的直播视频；另一方面，在直播间页面展示后，接收到来自业务服务器的直播业务信息时，在直播间页面中展示该直播业务信息。
42.本技术中，在用户触发终端从直播封面页面向直播间页面过渡时，进入页面间过渡第一阶段，在显示方面，因不同的封面形态对应设置有不同的页面过渡处理信息，由此终端按照与直播封面的封面形态对应的内容保持形式保持该直播封面中特定封面内容的显示，同时将该特定封面内容的显示尺寸和位置渐变至与该封面形态相关的替代内容显示尺寸和替代内容显示位置，从而在页面间过渡衔接时保持用户对其所关注内容的一致性，在信息获取方面，用户触发页面过渡时，终端便向业务服务器和直播流服务器请求获取对应直播间的直播业务信息和直播视频流，从而提高直播间相关信息的获取效率；当封面内容达到替代内容显示尺寸和替代内容显示位置时，进入页面间过渡第二阶段，终端显示直播间页面，对于直播业务信息，若终端已接收到直播业务信息便可直接显示在直播间页面使直播业务信息的显示衔接自然，对于直播视频，若终端暂未完成对直播视频流的加载，则终端将用户持续关注的处于替代内容显示尺寸和替代内容显示位置的前述封面内容作为待显示的直播视频的替代内容在直播间页面中进行显示，以维持页面显示内容的衔接，完成对直播视频流的加载时，终端将直播视频在直播间页面中进行显示，使直播间页面中直播视频的显示衔接自然。由此，本技术能够应对多样化的封面形态并进行相应的过渡处理，提高从直播封面页面向直播间页面过渡的适配性，提升从直播封面页面进入直播间页面的显示内容衔接效果。
附图说明
43.图1为本技术实施例中进入直播间页面的方法的应用场景图；
44.图2为传统技术中进入直播间页面的方法中页面变化的示意图；
45.图3为本技术实施例中进入直播间页面的方法的流程示意图；
46.图4(a)为本技术实施例中静态封面对应的页面变化的示意图；
47.图4(b)为本技术实施例中动态封面对应的页面变化的示意图；
48.图5(a)为本技术实施例中预览直播及全屏显示对应的页面变化的示意图；
49.图5(b)为本技术实施例中预览直播及非全屏显示对应的页面变化的示意图；
50.图6为直播间播放器原有的播放流程的示意图；
51.图7为本技术实施例中直播间播放器的播放流程的示意图；
52.图8为本技术实施例中直播系统的组成示意图；
53.图9为本技术实施例中直播系统的交互流程示意图；
54.图10为本技术实施例中进入直播间页面的装置的结构框图；
55.图11为本技术实施例中电子设备的内部结构图。
具体实施方式
56.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。
57.本技术实施例提供的进入直播间页面的方法，可以应用于如图1所示的应用场景中，其中包括：终端、直播流服务器和业务服务器，终端通过网络与直播流服务器和业务服务器进行通信。其中，终端用于为用户展示直播应用中的相关页面，包括直播封面页面和直播间页面，直播流服务器用于为终端提供直播视频流，业务服务器(或称频道服务器)用于为终端提供直播业务信息。其中，终端可以但不限于是各种个人计算机、笔记本电脑、智能手机和平板电脑，直播流服务器和业务服务器均可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
58.为更直观展示本技术提供的进入直播间页面的方法与传统技术所提供的进入直播间页面的方法的不同，先结合图2对传统技术所提供的进入直播间页面的方法进行介绍。如图2所示，在传统技术当中，第一步由终端展示直播封面页面，该直播封面页面可以是直播应用的首页，第二步由用户点击直播封面页面中的直播封面如点击直播封面3，此时为进入直播间的过程，终端直接展示直播间页面，且显示的是一个默认背景图，第三步由终端在直播间页面显示表示直播视频正在加载中的图像，第四步由终端根据获取到的直播视频的相关信息展示在相应位置以相应尺寸展示直播视频，直播视频可以是全屏播放或非全屏(如4：3)播放的，故终端所根据的前述相关信息中的相应位置可以包括全屏位置和非全屏位置，相关信息中的相应尺寸可以包括全屏尺寸和非全屏尺寸。由此可见，传统技术在上述四个步骤的页面跳转过程中，展示的内容频繁跳动，从直播封面页面跳转到直播间页面的显示内容的过渡衔接效果较差，导致交互效果不自然。
59.本技术实施例提供的进入直播间页面的方法，不仅能够实现从直播封面页面进入直播间页面的显示内容衔接自然，还能够应对多样化的封面形态并进行相应的过渡处理，
提高从直播封面页面向直播间页面过渡的适配性，进一步提升从直播封面页面进入直播间页面的显示内容衔接效果。
60.以下部分基于如图1所示的应用场景，结合各实施例及相应附图对本技术提供的进入直播间页面的方法进行说明。
61.在一个实施例中，提供了一种进入直播间页面的方法，该方法由如图1所示的终端执行，如图3所示，该方法可以包括以下步骤：
62.步骤s301，显示直播封面页面。
63.具体的，终端显示直播封面页面，该直播封面页面可以是直播应用中的首页，直播封面页面可以包括多个直播封面，每个直播封面可以对应不同主播的主播间，用户可以通过对某个直播封面施加触发操作来指示终端展示该直播封面对应的直播间的直播间页面，该触发操作可以是点击操作。
64.步骤s302，响应于对直播封面页面中直播封面的触发操作，确定直播封面的封面形态对应的页面过渡处理信息，并向业务服务器请求获取直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取直播间的直播视频流。
65.本步骤中，用户对直播封面页面中一直播封面施加触发操作时，进入页面间过渡第一阶段，此时，终端响应于该触发操作，在一方面，终端获取该直播封面的封面形态，并根据该直播封面的封面形态确定该直播封面的封面形态对应的页面过渡处理信息，在另一方面，终端向业务服务器请求获取该直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取该直播封面对应的直播间的直播视频流，终端可同时对该两方面的内容进行处理，即在获取封面形态对应的页面过渡处理信息的同时，分别向业务服务器、直播流服务器请求获取直播封面对应的直播间的直播业务信息以及直播视频流，以提高直播间相关信息的获取效率，进而加快直播间相关信息的显示过程。
66.具体的，在前一方面中，直播封面页面中可以展示有封面形态多样化的直播封面，封面形态可以包含两类，第一类为实时预览直播视频，第二类为非实时预览直播视频。对于第一类，封面形态为实时预览直播视频的直播封面中，其封面内容是用于供用户实时预览的对应直播间的直播视频；对于第二类，封面形态为非实时预览直播视频的直播封面中，其封面内容可以是用于供用户了解对应主播或其直播内容、风格的图像，示例性的，第二类封面形态即非实时预览直播视频可以进一步包括静态图和动态图。本步骤中，根据用户触发的直播封面的封面形态确定该直播封面的封面形态对应的页面过渡处理信息，该页面过渡处理信息是指进行从直播封面页面到直播间页面的过渡处理时所需要的信息，包括针对不同封面形态设置的内容保持形式，以及替代内容显示尺寸和替代内容显示位置。其中，内容保持形式是指在从直播封面页面向直播间页面过渡过程中，对该直播封面中封面内容进行保持显示的形式，具体可以是将何种内容作为在过渡过程中被保持的封面内容进行显示，不同封面形态可以对应不同的内容保持形式，以确保针对不同封面形态的直播封面进行页面间过渡时可保持用户对其所关注内容的一致性。除对封面内容进行保持显示外，被保持显示的封面内容的尺寸和位置也需要进行相应变化，页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置是对被保持显示的封面内容进行尺寸和位置进行变化后所需达到的目标尺寸和目标位置，而其中的替代内容是指该被保持显示的封面内容被改变尺寸和位置达到该目标尺寸和目标位置后，将在直播视频暂未加载完毕的情况下作为其替代内容
进行显示，以维持在这种情况下的页面显示内容的衔接，故替代内容显示尺寸和替代内容显示位置与封面形态相关，且可结合待显示的直播视频在直播间页面中原定显示尺寸和原定显示位置进行设置。
67.在后一方面中，用户触发直播封面时，终端可向业务服务器发送业务信息获取请求，以请求业务服务器返回该直播封面对应的直播间的直播业务信息，示例性的，直播业务信息可以包括直播间公屏、在线列表和主播头像等。同时，终端还可向直播流服务器发送直播流获取请求，以请求直播流服务器返回该直播封面对应的直播间的直播视频流，也即用户触发直播封面时，终端分别向业务服务器和直播流服务器获取直播业务信息和直播视频流，以提高直播间相关信息的获取效率，进而加快后续过程中对直播间相关信息的显示。
68.步骤s303，按照内容保持形式保持直播封面中封面内容的显示，并将封面内容的显示尺寸和显示位置渐变至替代内容显示尺寸和替代内容显示位置。
69.本步骤中，终端根据页面过渡处理信息中的内容保持形式保持直播封面中封面内容的显示，以保持用户对其所关注内容的一致性，同时将该封面内容的显示尺寸和显示位置从能封面显示尺寸和封面显示位置逐渐变化至页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置。具体的，终端可在直播封面页面中对该封面内容进行缩放位移操作，使其逐渐变化至替代内容显示尺寸和替代内容显示位置，对封面内容的尺寸和位置的渐变操作可以同步进行，最终使得被保持显示的封面内容达到替代内容显示尺寸和替代内容显示位置。
70.步骤s304，封面内容达到替代内容显示尺寸和替代内容显示位置时，显示直播间页面。
71.本步骤中，终端在直播封面页面中对被保持显示的封面内容进行缩放位移操作使其达到替代内容显示尺寸和替代内容显示位置时，进入页面间过渡第二阶段，此时，终端显示直播间页面。然后，终端将同步进行后续步骤s305和步骤s306。其中，步骤s305和步骤s306分别对应在直播间页面中的直播视频显示过程以及在直播间页面中的直播业务信息显示过程。
72.步骤s305，若对来自直播流服务器的直播视频流的加载未完成，则在直播间页面中，将处于替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示；若对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，显示相应的直播视频。
73.本步骤中，终端显示直播间页面后，若对来自直播流服务器的直播视频流的加载已完成，则直接在原定显示位置和原定显示尺寸显示相应的直播视频。需要说明的是，在本技术中，原定显示位置和原定显示尺寸是指在直播间页面中直播视频的显示位置和显示尺寸，如图1中示出的，直播视频可以是全屏播放或非全屏(如4：3)播放的，其原定显示位置可以是全屏位置或非全屏位置，相应的，其原定显示尺寸可以是全屏尺寸或非全屏尺寸。然而，终端显示直播间页面后，如果对来自直播流服务器的直播视频流的加载并未完成，则终端将前述处于替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示，从而维持在这种情况下的页面显示内容的衔接，直至终端对来自直播流服务器的直播视频流的加载完成时，可隐藏该替代内容并在原定显示尺寸和原定显示位置显示出直播视频，完成在直播间页面中直播视频的过渡显示。
74.步骤s306，接收到来自业务服务器的直播业务信息时，在直播间页面中展示直播业务信息。
75.本步骤中，终端接收到来自业务服务器的直播业务信息时直接在直播间页面中展示直播业务信息。
76.结合如上述步骤s305和s306，在直播间页面中涉及到直播视频和直播业务信息的展示，具体的，在终端展示直播间页面后，如果终端对直播视频流的加载完成时间早于直播业务信息的返回时间，则终端在直播间页面中先显示直播视频，再逐步显示直播间公屏、在线列表、主播头像等直播业务信息，如果直播业务信息的返回时间早于终端对直播视频流的加载完成时间，则先逐步显示直播间公屏、在线列表、主播头像等直播业务信息，再等待直播视频流的加载完成显示直播视频，由此能够避免直播视频加载较慢或者网络异常的场景下，平滑切换到直播间页面时，出现直播视频不显示，也没有直播业务信息，或者直播业务信息显示突兀等问题。
77.本实施例中，在用户触发终端从直播封面页面向直播间页面过渡时，进入页面间过渡第一阶段，在显示方面，因不同的封面形态对应设置有不同的页面过渡处理信息，由此终端按照与直播封面的封面形态对应的内容保持形式保持该直播封面中特定封面内容的显示，同时将该特定封面内容的显示尺寸和位置渐变至与该封面形态相关的替代内容显示尺寸和替代内容显示位置，从而在页面间过渡衔接时保持用户对其所关注内容的一致性，在信息获取方面，用户触发页面过渡时，终端便向业务服务器和直播流服务器请求获取对应直播间的直播业务信息和直播视频流，从而提高直播间相关信息的获取效率；当封面内容达到替代内容显示尺寸和替代内容显示位置时，进入页面间过渡第二阶段，终端显示直播间页面，对于直播业务信息，若终端已接收到直播业务信息便可直接显示在直播间页面使直播业务信息的显示衔接自然，对于直播视频，若终端暂未完成对直播视频流的加载，则终端将用户持续关注的处于替代内容显示尺寸和替代内容显示位置的前述封面内容作为待显示的直播视频的替代内容在直播间页面中进行显示，以维持页面显示内容的衔接，完成对直播视频流的加载时，终端将直播视频在直播间页面中进行显示，使直播间页面中直播视频的显示衔接自然。由此，本技术提供的方法能够应对多样化的封面形态并进行相应的过渡处理，提高从直播封面页面向直播间页面过渡的适配性，提升从直播封面页面进入直播间页面的显示内容衔接效果。
78.以下部分分别以封面形态为非实时预览直播视频、实时预览直播视频，对本技术提供的进入直播间页面的方法做进一步说明。
79.在其中一些实施例中，步骤s302中的确定直播封面的封面形态对应的页面过渡处理信息，可以包括：
80.封面形态为非实时预览直播视频的情况下，将页面过渡处理信息中的内容保持形式，确定为将封面内容保持显示为用于表示直播封面的一张或多张封面图像中的目标封面图像，以及，将页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置确定为全屏显示尺寸和全屏显示位置。
81.本实施例是封面形态为非实时预览直播视频的情况下确定页面过渡处理信息的方式。具体的，在封面形态为非实时预览直播视频的情况下，用于表示直播封面的是一张或多张封面图像，终端从该一张或多张封面图像中确定一目标封面图像，并将内容保持形式
确定为将直播封面的封面内容保持显示为该目标封面图像。对此，在一些实施例中，可以通过以下步骤选取目标封面图像，即上述方法还包括：
82.封面形态为非实时预览直播视频中的动态图的情况下，根据触发操作，确定用于表示直播封面的多张封面图像中的当前动画帧，将当前动画帧作为目标封面图像；封面形态为非实时预览直播视频中的静态图的情况下，将用于表示直播封面的封面图像作为目标封面图像。本实施例中，封面形态进一步包括动态图和静态图，在静态图的情况下，由于直播封面中封面内容一直是该静态图，故终端可直接将该用于表示直播封面的封面图像作为目标封面图像便可保持用户对其所关注内容的一致性。在动态图的情况下，用于表示直播封面的是多张封面图像，该多张封面图像构成动态封面，对此，终端根据步骤s302中的触发操作确定用于表示直播封面的多张封面图像中的当前动画帧，该当前动画帧为用户触发直播封面时该直播封面当前所展示的封面图像，终端将该当前动画帧作为目标封面图像，从而保持用户对其所关注内容的一致性。
83.另外，对于页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置，在封面形态为非实时预览直播视频的情况下，无论是静态图还是动态图，替代内容显示尺寸和替代内容显示位置均确定为全屏显示尺寸和全屏显示位置。
84.如图4(a)和4(b)展示了封面形态为非实时预览直播视频中静态图、动态图时，从直播封面页面过渡到直播间页面的页面变化效果。可见，在本技术提供的方案中，对于直播封面为静态封面以及动态封面这两种封面形态，在用户点击进入直播间页面的过程中，在直播封面页面上将静态封面或当前动画帧的显示尺寸渐变至全屏显示尺寸，将其显示位置渐变至全屏显示位置，在其到达全屏显示尺寸和全屏显示位置时展示直播间页面，在未完成直播视频加载时显示该静态封面或当前动画帧以维持在这种情况下的页面显示内容的衔接，直至直播视频加载完成时，便可将其进行隐藏并在原定显示尺寸和原定显示位置显示出直播视频。整个页面切换的交互过程中，统一呈现为直播封面页面的直播封面的封面内容，保持页面间过渡时动画效果画面一致。
85.在封面形态为非实时预览直播视频的情况下，进一步的，在一些实施例中，在步骤s304中的显示直播间页面之后，上述方法还包括以下步骤：
86.在显示直播间页面中，将处于替代内容显示尺寸和替代内容显示位置的目标封面图像作为直播视频的替代内容进行显示；在显示直播间页面中，创建直播间播放器布局后设置直播视频的显示尺寸为预设的视觉隐蔽尺寸，并对来自直播流服务器的直播视频流进行加载。
87.本实施例主要是在封面形态为非实时预览直播视频的情况下，对直播间页面中直播视频加载处理的方案。具体的，终端显示直播间页面之后，终端在显示直播间页面中，将处于替代内容显示尺寸和替代内容显示位置的目标封面图像作为直播视频的替代内容进行显示，此时，终端在显示直播间页面中，创建直播间播放器布局，并设置直播视频的显示尺寸为预设的视觉隐蔽尺寸，并对来自直播流服务器的直播视频流进行加载。也即，本实施例在将目标封面图像作为直播视频的替代内容进行显示的基础上，创建直播间播放器布局以对其进行初始化，此时终端将直播视频的显示尺寸设置为预设的视觉隐蔽尺寸，以达到在视觉上隐藏对直播间播放器中当前画面的显示效果，由此用户会维持其对目标封面图像的关注而忽略此时直播间播放器中显示的画面，在实际应用中，视觉隐蔽尺寸可以设为在
宽和高的维度上均小于预设的像素数量，例如视觉隐蔽尺寸可以设为宽为1像素、高为1像素。
88.作为一个示例，终端显示直播间页面之后，终端在显示直播间页面中，将处于替代内容显示尺寸和替代内容显示位置的目标封面图像作为直播视频的替代内容进行显示，终端在直播间页面中创建直播间播放器布局，同时设置直播视频的显示尺寸为宽1像素，高1像素，然后终端开始直播间播放器加载，直到直播视频完成加载缓存。
89.本实施例的方案，可以应对直播间播放器在初始化时会有黑屏的问题，在显示替代内容的基础上通过调整直播视频的显示尺寸达到显示布局同时看不出黑屏的技术效果。
90.再进一步的，在一个实施例中，步骤s305中的若对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，显示相应的直播视频，可以包括：
91.若对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，隐藏目标封面图像，并按照原定显示位置及原定显示尺寸显示直播视频。
92.承接如上所述实施例，终端显示直播间页面之后，显示目标封面图像作为直播视频的替代内容，终端在直播间页面中创建直播间播放器布局同时设置直播视频的显示尺寸为宽1像素，高1像素，然后终端开始直播间播放器加载，此时，若终端对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，隐藏前述作为替代内容的目标封面图像，并将直播视频的显示尺寸和显示位置重设为原定显示位置及原定显示尺寸，使直播视频在直播间页面中得以正常显示，实现在封面形态为非实时预览直播视频的情况下，从直播封面页面过渡至直播间页面并显示直播视频过程中不会因直播间播放器初始化产生的黑屏影响页面间显示内容的正常衔接过渡。
93.在另外一些实施例中，步骤s302中的确定直播封面的封面形态对应的页面过渡处理信息，可以包括：
94.封面形态为实时预览直播视频的情况下，将页面过渡处理信息中的内容保持形式，确定为将封面内容保持显示为用于表示直播封面的实时预览直播视频；以及，根据来自直播流服务器的预览直播视频流中的补充增强信息，得到直播视频在直播间页面中的原定显示位置和原定显示尺寸，将原定显示尺寸和原定显示位置作为页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置。
95.本实施例是封面形态为实时预览直播视频的情况下确定页面过渡处理信息的方式。具体的，在封面形态为实时预览直播视频的情况下，用于表示直播封面的是实时预览直播视频，为保持用户对其所关注内容的显示，终端将内容保持形式确定为将封面内容保持显示为该实时预览直播视频。其中，该实时预览直播视频由直播封面页面播放器展示，直播封面页面播放器对来自直播流服务器的预览直播视频流进行加载得到并显示该实时预览直播视频，由此，为在保持用户对其所关注内容的显示的同时实现对直播视频的无缝衔接，终端将直播视频在直播间页面中的原定显示位置和原定显示尺寸设为页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置，这样在被保持显示的实时预览直播视频达到原定显示位置和原定显示尺寸时，便可在该位置和尺寸下直接过渡为对直播视频的显示，实现直播视频的无缝衔接。对于直播视频在直播间页面中的原定显示位置和原定显示尺寸，终端可以根据来自直播流服务器的预览直播视频流中的补充增强信息(sei)得到，由此终端便可并将原定显示位置和原定显示尺寸作为页面过渡处理信息中的替代内容显示尺
寸和替代内容显示位置。
96.对此，在其中一些实施例中，原定显示尺寸为非全屏显示尺寸，原定显示位置为非全屏显示位置。在另外一些实施例中，原定显示尺寸为全屏显示尺寸，原定显示位置为全屏显示位置。
97.如图5(a)和5(b)展示了封面形态为实时预览直播视频以及直播视频为全屏显示、非全屏显示时，从直播封面页面过渡到直播间页面的页面变化效果。可见，在本技术提供的方案中，对于直播封面为实时预览直播视频的封面形态，在用户点击进入直播间页面的过程中，在直播封面页面上将实时预览直播视频的显示尺寸渐变至直播视频在直播间页面上对应的原定显示尺寸和原定显示位置，由此无论是在直播视频加载完成前还是完成后，终端为用户所呈现的直播画面都是一致的，也即在加载完成后将实时预览直播视频切换为直播视频进行显示时用户也是无感的，实现直播画面无缝衔接，且相比于传统技术中的四个步骤变为三个步骤，统一呈现为即将进入的直播间实时预览画面效果。
98.本实施例中，在封面形态为实时预览直播视频的情况下，终端可维持实时预览直播视频的显示并根据直播视频在直播间页面中的原定显示位置和原定显示尺寸设置对该实时预览直播视频进行渐变操作的替代内容显示尺寸和替代内容显示位置以在保持用户对其所关注内容的显示的同时实现直播视频的无缝衔接。
99.在封面形态为实时预览直播视频的情况下，进一步的，在一些实施例中，在步骤s304中的显示直播间页面之后，上述方法还包括以下步骤：
100.在直播间页面中，基于直播间播放器对封面播放器的视频流复用，按照原定显示位置和原定显示尺寸将实时预览直播视频作为直播视频的替代内容进行显示，并对来自直播流服务器的直播视频流进行加载。
101.具体的，直播间播放器在正常流程中，会有直播间播放器初始化、视频加载中、视频加载完成三个环节。本实施例中，在用户点击跳转进直播间页面时，在所展示的直播间页面中，终端将封面播放器缓存的实时预览直播视频流传入进来提供给直播间播放器进行复用，省去了直播间播放器初始化和视频加载两个环节便可直接呈现相同的直播视频画面，本实施例能避免视频加载等待过久，更快衔接上封面播放器的视频画面，从而达到更好的观看体验效果。
102.具体的，如图6示出了直播间播放器原有的播放流程。在原有的播放流程中，封面播放器开始播放流畅档位(720p)实时预览直播视频，用户点击封面时先暂停封面播放器播放，再执行进入直播间页面操作，进入直播间页面后，执行直播间播放器的初始化，直播间播放器初始化完成后，开始直播视频加载，这时显示直播视频加载中，直播视频加载完成后，显示直播视频的首帧，开始正常直播间播放流程。可见，该整个流程中，直播间播放器与封面播放器没有交互，每次进入直播间页面都重新创建新的直播间播放器，初始化速度较慢，视频画面的播放需要等直播视频加载。
103.对于本技术实施例的播放流程，如图7所示，封面播放器开始播放流畅档位(720p)实时预览直播视频，用户点击封面时进入直播间页面并保持封面播放器播放，直播间播放器复用封面播放器，按照原定显示位置和原定显示尺寸开始播放流畅档位(720p)实时预览直播视频，对来自直播流服务器的直播视频流进行加载，加载完成后便可显示直播视频首帧，开始正常直播间播放流程。可见，本技术实施例中，通过改进原有流程，复用封面播放
器，减少了直播间播放器的初始化与加载等待时间，加快了直播间页面中播放直播视频画面的加载速度。
104.再进一步的，在一个实施例中，步骤s305中的若对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，显示相应的直播视频，可以包括：
105.若对来自直播流服务器的直播视频流的加载已完成，则在直播间页面中，将实时预览直播视频替换为直播视频进行显示。
106.承接如上所述实施例，在直播间页面中，终端复用封面播放器播放实时预览直播视频同时对来自直播流服务器的直播视频流进行加载，若对来自直播流服务器的直播视频流的加载已完成，则终端可在直播间播放器中将实时预览直播视频替换为加载得到的直播视频进行显示，在加快直播间页面中播放直播视频画面的加载速度的情况下实现视频画面无缝衔接。
107.更进一步的，在一个实施例中，上述将实时预览直播视频替换为直播视频进行显示后，还包括以下步骤：将直播视频的清晰度从实时预览直播视频对应的第一清晰度提升为第二清晰度。
108.结合图7，具体的，视频加载完成后终端显示直播视频首帧，开始正常直播间播放流程，此时终端在直播间页面中所显示的直播视频的清晰度与实时预览直播视频对应，记为第一清晰度(如流畅档720p)，终端可进一步判断直播间是否有第二清晰度(如高清档1080p、蓝光档4k)。若有，则终端将直播视频的清晰度从第一清晰度提升为第二清晰度，完成视频播放流程；若无则可保持第一清晰度播放，完成视频播放流程。本实施例可实现在进入直播间后无缝切换至高清档1080p或蓝光档4k，在用户观看体验上的无感切换。
109.在一个实施例中，如图8所示，提供了一种直播系统，该系统包括：终端810、业务服务器820和直播流服务器830；其中，终端810通过网络与业务服务器820和直播流服务器830进行通信，用于根据如上任一实施例所述的进入直播间页面的方法从直播封面页面进入直播间页面，并在直播间页面展示来自业务服务器820的直播业务信息以及直播流服务器830的直播视频。
110.具体的，结合图9，终端810在直播封面页面的显示阶段向业务服务器820请求直播封面页面对应的封面数据和流信息，业务服务器820反馈直播封面页面的各直播封面及其流地址，业务服务器820根据流地址向直播流服务器830请求相应直播封面的视频流。当用户点击直播封面后，终端810根据如上实施例所述的进入直播间页面的方法从直播封面页面进入直播间页面。具体的，用户点击直播封面后，若终端810判断用户所点击的是非实时预览直播视频的封面，则对直播封面执行缩放位移操作，直到直播封面达到全屏显示的尺寸与位置；若终端810判断用户所点击的是实时预览直播视频的封面，则通过视频实时补充增强信息定位该封面对应直播间的直播视频的原定显示位置和原定显示尺寸，对该实时预览直播视频的封面执行缩放位移操作，直到实时预览直播视频的封面达到原定显示位置和原定显示尺寸，而在检测到用户点击直播封面时，终端810同步请求业务服务器820和直播流服务器830分别获取如公屏、在线列表、主播信息等直播业务信息以及直播视频的视频流。在对相应封面的缩放位移操作完成后，如果直播间播放器加载完成时间早于直播业务信息的返回时间，则先显示直播视频再逐步显示直播业务信息，如果直播业务信息的返回时间早于直播间播放器加载完成时间，则先逐步显示如公屏、在线列表、主播信息等直播业
务信息再等待视频加载完成后显示直播视频，从而使得从直播封面页面进直播间页面的交互体验更自然，过渡更顺畅，且进入直播间页面时直播视频画面显示出来的速度更快，性能更佳。
111.本实施例的直播系统可应对直播封面页面中各种封面形态的直播封面，预估不同形态下所跳转直播间的直播视频位置和尺寸，通过表现形式为过渡动画的对特定封面内容进行保持及尺寸与位置渐变处理，自适应地从直播封面页面过渡至直播间页面，并在跳转到直播间页面的时候，可复用封面播放器已拉取的直播流信息，封面播放器也可与直播间播放器公用一个播放器，以续播直播封面页面已缓存的数据，而不需要重新加载等待过程，从而达到更自然，以及更快的视频过渡显示效果。
112.应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
113.基于同样的发明构思，本技术实施例还提供了一种用于实现上述所涉及的进入直播间页面的方法的进入直播间页面的装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个进入直播间页面的装置实施例中的具体限定可以参见上文中对于进入直播间页面的方法的限定，在此不再赘述。
114.在一个实施例中，如图10所示，提供了一种进入直播间页面的装置，该装置1000包括：
115.封面页显示模块1001，用于显示直播封面页面；
116.信息获取模块1002，用于响应于对所述直播封面页面中直播封面的触发操作，确定所述直播封面的封面形态对应的页面过渡处理信息，并向业务服务器请求获取所述直播封面对应的直播间的直播业务信息以及向直播流服务器请求获取所述直播间的直播视频流；其中，所述页面过渡处理信息包括针对所述封面形态设置的内容保持形式以及替代内容显示尺寸和替代内容显示位置；
117.过渡处理模块1003，用于按照所述内容保持形式保持所述直播封面中封面内容的显示，并将所述封面内容的显示尺寸和显示位置渐变至所述替代内容显示尺寸和替代内容显示位置；
118.直播页显示模块1004，用于所述封面内容达到所述替代内容显示尺寸和替代内容显示位置时，显示直播间页面；
119.视频显示模块1005，用于若对来自所述直播流服务器的直播视频流的加载未完成，则在所述直播间页面中，将处于所述替代内容显示尺寸和替代内容显示位置的封面内容作为直播视频的替代内容进行显示；若对来自所述直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，显示相应的直播视频；
120.业务显示模块1006，用于接收到来自所述业务服务器的直播业务信息时，在直播间页面中展示所述直播业务信息。
121.在一个实施例中，信息获取模块1002，用于所述封面形态为非实时预览直播视频的情况下，将所述页面过渡处理信息中的内容保持形式，确定为将所述封面内容保持显示为用于表示所述直播封面的一张或多张封面图像中的目标封面图像，以及，将所述页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置确定为全屏显示尺寸和全屏显示位置。
122.在一个实施例中，信息获取模块1002，还用于所述封面形态为非实时预览直播视频中的动态图的情况下，根据所述触发操作，确定用于表示所述直播封面的多张封面图像中的当前动画帧，将所述当前动画帧作为所述目标封面图像；所述封面形态为非实时预览直播视频中的静态图的情况下，将用于表示所述直播封面的封面图像作为所述目标封面图像。
123.在一个实施例中，视频显示模块1005，还用于在所述显示直播间页面中，将处于所述替代内容显示尺寸和替代内容显示位置的目标封面图像作为所述直播视频的替代内容进行显示；在所述显示直播间页面中，创建直播间播放器布局后设置所述直播视频的显示尺寸为预设的视觉隐蔽尺寸，并对来自所述直播流服务器的直播视频流进行加载。
124.在一个实施例中，视频显示模块1005，进一步用于若对所述来自直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，隐藏所述目标封面图像，并按照原定显示位置及原定显示尺寸显示所述直播视频。
125.在一个实施例中，信息获取模块1002，用于所述封面形态为实时预览直播视频的情况下，将所述页面过渡处理信息中的内容保持形式，确定为将所述封面内容保持显示为用于表示所述直播封面的实时预览直播视频；以及，根据来自所述直播流服务器的预览直播视频流中的补充增强信息，得到所述直播视频在所述直播间页面中的原定显示位置和原定显示尺寸，将所述原定显示尺寸和原定显示位置作为所述页面过渡处理信息中的替代内容显示尺寸和替代内容显示位置。
126.在一个实施例中，所述原定显示尺寸为非全屏显示尺寸，所述原定显示位置为非全屏显示位置；或者，所述原定显示尺寸为全屏显示尺寸，所述原定显示位置为全屏显示位置。
127.在一个实施例中，视频显示模块1005，还用于在所述直播间页面中，基于直播间播放器对封面播放器的视频流复用，按照原定显示位置和原定显示尺寸将所述实时预览直播视频作为所述直播视频的替代内容进行显示，并对来自所述直播流服务器的直播视频流进行加载。
128.在一个实施例中，视频显示模块1005，进一步用于若对所述来自直播流服务器的直播视频流的加载已完成，则在所述直播间页面中，将所述实时预览直播视频替换为所述直播视频进行显示。
129.在一个实施例中，视频显示模块1005，还用于将所述直播视频的清晰度从所述实时预览直播视频对应的第一清晰度提升为第二清晰度。
130.上述进入直播间页面的装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于电子设备中的处理器中，也可以以软件形式存储于电子设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
131.在一个实施例中，提供了一种电子设备，该电子设备可以是终端，其内部结构图可
以如图11所示。该电子设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过wifi、移动蜂窝网络、nfc(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种进入直播间页面的方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
132.本领域技术人员可以理解，图11中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
133.在一个实施例中，还提供了一种电子设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
134.在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
135.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本技术所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(read-only memory，rom)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(reram)、磁变存储器(magnetoresistive random access memory，mram)、铁电存储器(ferroelectric random access memory，fram)、相变存储器(phase change memory，pcm)、石墨烯存储器等。易失性存储器可包括随机存取存储器(random access memory，ram)或外部高速缓冲存储器等。作为说明而非局限，ram可以是多种形式，比如静态随机存取存储器(static random access memory，sram)或动态随机存取存储器(dynamic random access memory，dram)等。本技术所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本技术所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。
136.以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
137.以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本技术专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术的保护范围应以所附权利要求为准。