Page switching method and device, equipment and storage medium

Abstract

The embodiment of the invention provides a page switching method and device, equipment and a storage medium. In response to a page switching operation triggered by a user, obtaining first content corresponding to the first page and second content corresponding to the second page; wherein the page switching is to switch from the first page to the second page; the first content and the second content are rendered; in the process of displaying the first content, obtaining the rendering progress of the second content; and switching the first page to the second page based on the rendering progress. According to the page switching method provided by the embodiment of the invention, the problem of abnormal display caused by switching from the first page to the second page due to the fact that the content of the second page is not completely rendered can be prevented, smooth page switching can be ensured, and the page switching reliability and the page display effect can be improved.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the technical field of front-end page processing, and in particular to a page switching method, apparatus, device and storage medium. Background Art

[0002] In the operating system of the terminal device, one page corresponds to one page component. When switching pages, it is actually switching page components. In the related art, when switching pages, the old page is directly closed and the new page is opened. When opening a new page, since the page component of the new page needs to be created, abnormal display (such as black screen) may occur during the page switching process, affecting the page switching and display effect. Summary of the invention

[0003] The embodiments of the present disclosure provide a page switching method, apparatus, device and storage medium, which can improve the reliability of page switching and the page display effect.

[0004] In a first aspect, an embodiment of the present disclosure provides a page switching method, including:

[0005] In response to a page switching operation triggered by a user, obtaining first content corresponding to a first page and second content corresponding to a second page; wherein the page switching is switching from the first page to the second page;

[0006] Rendering the first content and the second content;

[0007] In the process of displaying the first content, obtaining the rendering progress of the second content;

[0008] The first page is switched to the second page based on the rendering progress.

[0009] In a second aspect, an embodiment of the present disclosure further provides a page switching device, characterized in that it includes:

[0010] A page content acquisition module, used to acquire first content corresponding to a first page and second content corresponding to a second page in response to a page switching operation triggered by a user; wherein the page switching is switching from the first page to the second page;

[0011] A rendering module, used for rendering the first content and the second content;

[0012] A rendering progress acquisition module, used to acquire the rendering progress of the second content during the process of displaying the first content;

[0013] A page switching module is used to switch the first page to the second page based on the rendering progress.

[0014] In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

[0015] one or more processors;

[0016] a storage device for storing one or more programs,

[0017] When the one or more programs are executed by the one or more processors, the one or more processors implement the page switching method as described in the embodiment of the present disclosure.

[0018] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer executable instructions, wherein the computer executable instructions, when executed by a computer processor, are used to execute the page switching method as described in the embodiment of the present disclosure.

[0019] The disclosed embodiments disclose a page switching method, apparatus, device and storage medium, which, in response to a page switching operation triggered by a user, obtains first content corresponding to a first page and second content corresponding to a second page; wherein the page switching is switching from the first page to the second page; the first content and the second content are rendered; in the process of displaying the first content, the rendering progress of the second content is obtained; and the first page is switched to the second page based on the rendering progress. The page switching method provided by the disclosed embodiments renders the contents corresponding to the first page and the second page respectively, and in the process of displaying the contents of the first page, switches the first page to the second page based on the rendering progress of the contents of the second page, which can prevent abnormal display problems caused by switching from the first page to the second page when the contents of the second page have not been completely rendered, can ensure smooth and fluent switching of pages, and can improve the reliability of page switching and page display effects. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 is a flow chart of a page switching method provided by an embodiment of the present disclosure;

[0022] Figure 2 is an example diagram of a method for rendering page content provided by an embodiment of the present disclosure;

[0023] Figure 3 is a structural schematic diagram of a page switching device provided by an embodiment of the present disclosure;

[0024] Figure 4 It is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0025] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0026] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0027] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0028] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0029] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0030] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0031] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0032] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0033] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0034] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0035] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

[0036] In the related art, when switching pages, the old page is directly closed and the new page is opened. When opening a new page, it is necessary to create a page component for the new page, and the content of the new page is rendered into the page component before the new page is displayed. Creating the page component and rendering the page content will consume a certain amount of time. During this time, the page switching process may display abnormally (such as a black screen), resulting in unsmooth page switching.

[0037] Figure 1 A flow chart of a page switching method provided in an embodiment of the present disclosure is provided. The embodiment of the present disclosure is applicable to the situation of page switching. The method can be executed by a page switching device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0038] like Figure 1 As shown, the method includes:

[0039] S110, in response to a page switching operation triggered by a user, obtaining first content corresponding to a first page and second content corresponding to a second page.

[0040] Among them, the page switching is switching from the first page to the second page. The page can be a switch between any pages in a mobile terminal application (Application, APP), and the content displayed in the page can include any format, such as: text, static images, dynamic images (such as: video) and various controls, etc., which are not limited here. In an application scenario, for video APPs, such as: live broadcast APPs or small video APPs, the page switching can be switching from a preview page to a playback page, or switching from a playback page of a live broadcast room to a playback page of another live broadcast room. In an application scenario, the first page and the second page can display the same video. Before the page switching operation, the first page is displayed, and the Nth frame of the video is displayed on the first page. After the page switching operation is triggered, the first content and the second content are obtained. The first content can be the N+1th frame to be played, and the second content can also be the N+1th frame to be played; that is, the first page continues to play the first content until the second content is rendered, and the first page is switched to the second page.

[0041] The first content and the second content are the same or different. In this embodiment, the switching scene where the first content and the second content are the same can be switching from the preview page of the video to the playback page. The switching scene where the first content and the second content are the same can be switching between any two pages displaying different contents.

[0042] In this embodiment, the content to be displayed on each page has been configured during the APP development process or the upgrade process, that is, there is a corresponding relationship between the page and the content. Specifically, the method for obtaining the first content corresponding to the first page and the second content corresponding to the second page can be: obtaining the page identifiers of the first page and the second page, and obtaining the content of the first page and the second page according to the page identifiers.

[0043] S120: Render the first content and the second content.

[0044] Among them, rendering the first content and the second content can be understood as synchronously or parallelly rendering the first content and the second content. In the set operating system, the display of the page and the interaction with the user are implemented by the page component. The view component in the page component is used to realize the page display, and the view component includes a content cache area. The process of rendering the content of the page can be understood as: writing the content of the page into the content cache area of ​​the view component, and then the view component displays the page according to the written content, thereby realizing the rendering of the page content. Rendering the first content can be understood as: writing the first content into the view component corresponding to the first page; rendering the second content can be understood as: writing the second content into the view component corresponding to the second content.

[0045] Optionally, the method of rendering the first content and the second content may be: establishing a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page; rendering the first content to a first view component corresponding to the first page through the first rendering channel; rendering the second content to a second view component corresponding to the second page through the second rendering channel.

[0046] Among them, the rendering channel can be understood as a rendering thread created for rendering page content, that is, the first rendering channel can also be understood as the first rendering thread, and the second rendering channel can also be understood as the second rendering thread. The process of establishing the first rendering channel corresponding to the first page and the second rendering channel corresponding to the second page can be: establishing the first rendering thread corresponding to the first page and the second rendering thread corresponding to the second page. The process of rendering the first content to the first view component corresponding to the first page through the first rendering channel can be: writing the first content to the content cache area in the first view component corresponding to the first page through the first rendering thread, when the first content is written to the content cache area, it indicates that the rendering of the first content is completed. The process of rendering the second content to the second view component corresponding to the second page through the second rendering channel can be: writing the second content to the content cache area of ​​the second view component corresponding to the second page through the second rendering thread, when the second content is written to the content cache area, it indicates that the rendering of the second content is completed.

[0047] In this embodiment, the first page is the page before switching, that is, the old page. The page component corresponding to the first page and the view component in the page component have been created. Therefore, the first content can be directly rendered to the first view component corresponding to the first page. The second page is the page after switching, that is, the new page. The page component corresponding to the second page and the view component in the page component need to be newly created. Therefore, it is necessary to first create the page component corresponding to the second page and the view component in the page component, and then render the second content to the second view component corresponding to the second page. Therefore, the rendering of the second content is slower than the rendering of the first content.

[0048] Optionally, the method of rendering the second content into the second view component corresponding to the second page through the second rendering channel may be: creating a page component corresponding to the second page; creating a second view component in the page component; and rendering the second content into the second view component through the second rendering channel.

[0049] Among them, the page component and the page are in a one-to-one correspondence. In this embodiment, the process of creating the page component and the second view component can refer to the existing page development solution, which is not limited here. Specifically, after the page component and the second view component corresponding to the second page are created, the second content is written into the content cache area in the second view component through the second rendering channel to achieve the rendering of the second content.

[0050] Optionally, when the first content is the first video frame content and the second content is the second video frame content, the method of rendering the first content to the first view component corresponding to the first page through the first rendering channel may be: controlling the player to render the first video frame content to the first view component corresponding to the first page through the first rendering channel; the method of rendering the second content to the second view component corresponding to the second page through the second rendering channel may be: controlling the player to render the second video frame content to the second view component corresponding to the second page through the second rendering channel.

[0051] Among them, the player is used to play the video. The player renders the video frames in sequence to the view component corresponding to the page to achieve video playback. The player in this embodiment has multi-channel rendering capabilities, that is, it can render the same content to multiple view components at the same time, and can also render different contents to corresponding view components respectively. Specifically, when the first content and the second content are both video content, the player renders the first video frame content to the first view component corresponding to the first page through the first rendering channel, and renders the second content to the second view component corresponding to the second page through the second rendering channel. Exemplarily, Figure 2 This is an example diagram of rendering page content in this embodiment. Figure 2 As shown, after the player obtains the first video frame content and the second video frame content, it renders the first video frame content to the first view component corresponding to the first page through the first rendering channel, and renders the second video frame content to the second view component corresponding to the second page through the second rendering channel.

[0052] Optionally, the method further includes: setting the window attribute of the second page to be transparent and invisible.

[0053] The window attributes include transparent invisible and non-transparent visible. When the window attribute of the second page is set to transparent invisible, the interface displays the content of the first page, and the content of the second page is being rendered, and does not affect the display of the first page.

[0054] S130: Acquire rendering progress of second content during displaying the first content.

[0055] Among them, the process of displaying the first content can be understood as: in the process of displaying the content corresponding to the first page. Rendering progress includes incomplete rendering and completed rendering. In this embodiment, since the window properties of the second page are set to transparent and invisible, the content of the first page, that is, the first content, is still displayed in the interface at this time. Specifically, the method of obtaining the rendering progress of the second content can be: if the feedback information of the rendering completion returned by the page component of the second page is received, the rendering progress is rendering completed; if the feedback information of the rendering completion returned by the page component of the second page is not received, the rendering progress is rendering incomplete.

[0056] S140: Switch the first page to the second page based on the rendering progress.

[0057] In this embodiment, when the rendering progress of the second content is rendering incomplete, the window attribute of the second page is always transparent and invisible to prevent the problem of abnormal page display caused by direct page switching. When the rendering progress is rendering completed, the window attribute of the second page is adjusted from transparent and invisible to non-transparent and visible.

[0058] Specifically, the process of switching the first page to the second page based on the rendering progress can be: when the rendering progress is rendering completed, the window attributes of the second page are adjusted from transparent and invisible to non-transparent and visible, and the first page is closed to switch from the first page to the second page; when the rendering progress is rendering incomplete, the first content continues to be displayed and the window attributes of the second page are kept transparent and invisible.

[0059] In this embodiment, when the rendering of the second content is completed, the window attribute of the second page is adjusted to non-transparent and visible, and the second page can be displayed normally. After the first page is closed, the process of switching from the first page to the second page is realized. If the second content is the second video frame content, after switching to the second page, the player renders the second video frame content in sequence to the view component of the second page, thereby playing the video content on the second page. When the rendering progress is not completed, the first content continues to be displayed and the window attribute of the second page is kept transparent and invisible to prevent the problem of abnormal page display caused by directly switching pages.

[0060] In one application scenario, the first page is the live preview page, and the second page is the live broadcast room playback page, that is, switching from the live preview page to the live broadcast room playback page, the content displayed on the live preview page and the live broadcast room playback page is the same video stream.

[0061] Correspondingly, acquiring the first content corresponding to the first page and the second content corresponding to the second page can be understood as: acquiring the target content.

[0062] The target content is the same content corresponding to the live preview page and the live broadcast room playback page. That is, the content of the live preview page and the live broadcast room playback page are both the next frame of content to be played.

[0063] Correspondingly, the method of rendering the first content and the second content can be: rendering the target content to the first view component corresponding to the live preview page through the first rendering channel; rendering the target content to the second view component corresponding to the live broadcast room playback page through the second rendering channel.

[0064] In this embodiment, when the target content is rendered to the second view component corresponding to the live broadcast room playback page, the page is switched from the live broadcast preview page to the live broadcast room playback page to ensure smooth page switching.

[0065] The technical solution of the embodiment of the present disclosure, in response to a page switching operation triggered by a user, obtains the first content corresponding to the first page and the second content corresponding to the second page; wherein the page switching is switching from the first page to the second page; the first content and the second content are rendered; in the process of displaying the first content, the rendering progress of the second content is obtained; and the first page is switched to the second page based on the rendering progress. The page switching method provided by the embodiment of the present disclosure renders the contents corresponding to the first page and the second page respectively, and in the process of displaying the contents of the first page, switches the first page to the second page based on the rendering progress of the contents of the second page, which can prevent the abnormal display problem caused by the switching from the first page to the second page when the contents of the second page have not been completely rendered, can ensure smooth and fluent switching of pages, and can improve the reliability of page switching and page display effects.

[0066] Figure 3 A schematic diagram of a page switching device provided by an embodiment of the present disclosure is shown in FIG. Figure 3 As shown, the device comprises:

[0067] The page content acquisition module 210 is used to acquire the first content corresponding to the first page and the second content corresponding to the second page in response to the page switching operation triggered by the user; wherein the page switching is switching from the first page to the second page;

[0068] A rendering module 220, configured to render the first content and the second content;

[0069] A rendering progress acquisition module 230, configured to acquire a rendering progress of the second content during display of the first content;

[0070] The page switching module 240 is configured to switch the first page to the second page based on the rendering progress.

[0071] Optionally, the rendering module 220 is further configured to:

[0072] Establishing a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page;

[0073] Rendering the first content into a first view component corresponding to the first page through the first rendering channel;

[0074] The second content is rendered into a second view component corresponding to the second page through the second rendering channel.

[0075] Optionally, the rendering module 220 is further configured to:

[0076] Creating a page component corresponding to the second page;

[0077] Creating a second view component in the page component;

[0078] Render the second content into the second view component through the second rendering channel.

[0079] Optionally, when the first content is a first video frame content and the second content is a second video frame content, the rendering module 220 is further configured to:

[0080] Controlling the player to render the first video frame content into a first view component corresponding to the first page through the first rendering channel;

[0081] Rendering the second content to a second view component corresponding to the second page through the second rendering channel includes:

[0082] Control the player to render the second video frame content into the second view component corresponding to the second page through the second rendering channel.

[0083] Optionally, it also includes: a window attribute setting module, which is used to:

[0084] The window property of the second page is set to be transparent and invisible.

[0085] Optionally, the rendering progress includes rendering incomplete and rendering completed, and the page switching module 240 is further used to:

[0086] When the rendering progress is rendering completed, adjusting the window attribute of the second page from transparent and invisible to non-transparent and visible, and closing the first page to switch from the first page to the second page;

[0087] When the rendering progress is that the rendering is not completed, the first content continues to be displayed and the window attribute of the second page is kept transparent and invisible.

[0088] Optionally, the first page is a live preview page, and the second page is a live broadcast room playback page; the page content acquisition module 210 is also used to:

[0089] Obtain target content; wherein the target content is the same content corresponding to the live preview page and the live broadcast room playback page;

[0090] The rendering module 220 is further used for:

[0091] Rendering the target content to the first view component corresponding to the live preview page through the first rendering channel;

[0092] The target content is rendered into the second view component corresponding to the live broadcast room playback page through the second rendering channel.

[0093] The page switching device provided in the embodiments of the present disclosure can execute the page switching method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0094] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0095] Figure 4 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Figure 4 , which shows an electronic device (eg, Figure 4 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 4 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0096] like Figure 4As shown, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An edit / output (I / O) interface 505 is also connected to the bus 504.

[0097] Typically, the following devices may be connected to the I / O interface 505: an input device 506 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 4 The electronic device 500 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0098] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 509, or installed from a storage device 508, or installed from a ROM 502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0099] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0100] The electronic device provided by the embodiment of the present disclosure and the page switching method provided by the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0101] An embodiment of the present disclosure provides a computer storage medium on which a computer program is stored. When the program is executed by a processor, the page switching method provided by the above embodiment is implemented.

[0102] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0103] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0104] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0105] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0106] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: in response to a page switching operation triggered by a user, obtains first content corresponding to a first page and second content corresponding to a second page; wherein the page switching is switching from the first page to the second page; renders the first content and the second content; in the process of displaying the first content, obtains the rendering progress of the second content; and switches the first page to the second page based on the rendering progress.

[0107] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0108] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0109] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, the first acquisition unit may also be described as a "unit for acquiring at least two Internet Protocol addresses".

[0110] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0111] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0112] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0113] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0114] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page switching method, characterized in that: include: In response to a page switching operation triggered by a user, obtaining first content corresponding to a first page and second content corresponding to a second page; wherein the page switching is switching from the first page to the second page; Rendering the first content and the second content; In the process of displaying the first content, obtaining the rendering progress of the second content; The first page is switched to the second page based on the rendering progress.

2. The method according to claim 1, characterized in that Rendering the first content and the second content includes: Establishing a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page; Rendering the first content into a first view component corresponding to the first page through the first rendering channel; The second content is rendered into a second view component corresponding to the second page through the second rendering channel.

3. The method according to claim 2, characterized in that Rendering the second content to a second view component corresponding to the second page through the second rendering channel includes: Creating a page component corresponding to the second page; Creating a second view component in the page component; Render the second content into the second view component through the second rendering channel.

4. The method according to claim 2, characterized in that: When the first content is the first video frame content, and the second content is the second video frame content, Rendering the first content to a first view component corresponding to the first page through the first rendering channel includes: controlling the player to render the first video frame content to the first view component corresponding to the first page through the first rendering channel; Rendering the second content to the second view component corresponding to the second page through the second rendering channel includes: controlling the player to render the second video frame content to the second view component corresponding to the second page through the second rendering channel.

5. The method according to claim 1, characterized in that Before obtaining the rendering progress of the second content, the method further includes: The window property of the second page is set to be transparent and invisible.

6. The method according to claim 5, characterized in that The rendering progress includes rendering incomplete and rendering completed; Switching the first page to the second page based on the rendering progress includes: When the rendering progress is rendering completed, adjusting the window attribute of the second page from transparent and invisible to non-transparent and visible, and closing the first page to switch from the first page to the second page; and / or When the rendering progress indicates that rendering is not completed, the first content continues to be displayed and the window attribute of the second page is kept transparent and invisible.

7. The method according to any one of claim 2, characterized in that: The first page is a live preview page, and the second page is a live broadcast room playback page; obtaining first content corresponding to the first page and second content corresponding to the second page includes: Obtain target content; wherein the target content is the same content corresponding to the live preview page and the live broadcast room playback page; Rendering the first content and the second content includes: Rendering the target content into a first view component corresponding to the live preview page through the first rendering channel; The target content is rendered into the second view component corresponding to the live broadcast room playback page through the second rendering channel.

8. A page switching device, characterized in that: include: A page content acquisition module, used to acquire first content corresponding to a first page and second content corresponding to a second page in response to a page switching operation triggered by a user; wherein the page switching is switching from the first page to the second page; A rendering module, used for rendering the first content and the second content; A rendering progress acquisition module, used to acquire the rendering progress of the second content during the process of displaying the first content; A page switching module is used to switch the first page to the second page based on the rendering progress.

9. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page switching method as described in any one of claims 1-7.

10. A storage medium comprising computer executable instructions, wherein the computer executable instructions are used to execute the page switching method according to any one of claims 1 to 7 when executed by a computer processor.

Images