Page switching methods, devices, equipment, and storage media
By synchronously rendering and monitoring the progress of second page content during first page display, the method ensures seamless page transitions, addressing display abnormalities in terminal devices.
Patent Information
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- BEIJING ZITIAO NETWORK TECH CO LTD
- Filing Date
- 2024-08-26
- Publication Date
- 2026-07-29
AI Technical Summary
Existing page-switching technologies in terminal devices often result in abnormal displays, such as black screens, due to the time-consuming processes of creating and rendering new page components, leading to unreliable and poor display effects during transitions.
A method and device that synchronously or in parallel render first and second page contents, monitor the rendering progress of the second content while displaying the first, and switch pages based on this progress to ensure seamless transitions.
This approach prevents display malfunctions during page switching by ensuring complete rendering of the new page before transitioning, resulting in smooth and reliable page transitions with improved display effects.
Smart Images
Figure 2026525244000001_ABST
Abstract
Description
Technical Field
[0004] , , ,
[0005] , ,
[0001] (Cross - Reference to Related Applications) This application claims priority to a Chinese patent application for invention with application number 202311118620.0 and title "Method, Apparatus, Device, and Storage Medium for Page Switching" filed on August 31, 2023. The entire content of the said application is incorporated herein by reference.
[0002] (Field of the Invention) Embodiments of the present disclosure relate to the technical field of front - end page processing, and in particular, to a method, apparatus, device, and storage medium for page switching.
Background Art
[0003] In the operating system of a terminal device, a page corresponds to page components. When the page is switched, the page components are switched. In related technologies, when switching a page, the old page is directly closed and a new page is opened. When opening a new page, it is necessary to create the page components of the new page, and there may be abnormal display (such as a black screen) during the page - switching process, which affects the page - switching and display effects.
Summary of the Invention
Problems to be Solved by the Invention
[0004] Embodiments of the present disclosure provide a page - switching method, apparatus, device, and storage medium that can improve the reliability of page switching and the page display effect.
Means for Solving the Problems
[0005] In a first embodiment, an embodiment of the present disclosure provides a page-switching method that, in response to a page-switching operation triggered by a user, retrieves first content corresponding to a first page and second content corresponding to a second page, the page-switching including switching from the first page to the second page, rendering the first content and the second content, obtaining rendering progress of the second content in the process of displaying the first content, and switching the first page to the second page based on the rendering progress.
[0006] In a second embodiment, an embodiment of the present disclosure provides a page-switching device, the device comprising a page content acquisition module for acquiring 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 includes a page content acquisition module for switching from the first page to the second page, a rendering module for rendering the first content and the second content, a rendering progress acquisition module for acquiring the rendering progress of the second content in the process of displaying the first content, and a page-switching module for switching the first page to the second page based on the rendering progress.
[0007] In a third embodiment, an embodiment of the present disclosure provides an electronic device comprising one or more processors and a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the page-switching method described in the embodiment of the present disclosure.
[0008] In a fourth embodiment, embodiments of the present disclosure further provide a storage medium containing computer-executable instructions used to perform a page-turning method described in embodiments of the present disclosure when executed by a computer processor. [Brief explanation of the drawing]
[0009] The aforementioned and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent in conjunction with the accompanying drawings and by referring to the embodiments for carrying out the invention described below. In the accompanying drawings, identical or similar accompanying marks represent identical or similar elements. Please understand that the accompanying drawings are schematic diagrams and the original drawings and elements are not necessarily drawn to scale. [Figure 1] This is a flowchart of the page switching method provided by the embodiments of this disclosure. [Figure 2] This is an illustrative diagram of a method for rendering page content provided by embodiments of this disclosure. [Figure 3] This is a schematic diagram showing the structure of a page switching device provided by an embodiment of this disclosure. [Figure 4] This is a schematic diagram showing the structure of an electronic device provided by an embodiment of this disclosure. [Modes for carrying out the invention]
[0010] Embodiments of this disclosure will be described in more detail below with reference to the accompanying drawings. While specific embodiments of this disclosure are illustrated in the accompanying drawings, this disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments should be understood as being provided for the purpose of providing a more thorough and complete understanding of this disclosure. The accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.
[0011] It should be understood that the individual steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, embodiments of this method may include additional steps and / or omit the execution of illustrated steps. The scope of this disclosure is not limited in this respect.
[0012] In this specification, the term “including” and its variations are used to mean “including but not limited to.” The term “based on” means “based at least in part.” The term “one embodiment” means “at least one embodiment,” the term “another embodiment” means “at least one additional embodiment,” and the term “several embodiments” means “at least several embodiments.” Relevant definitions of other terms are given below.
[0013] It should be noted that the concepts such as “first,” “second,” etc., as used in this disclosure are used solely to distinguish different devices, modules, or units, and are not used to define the order or interdependence of the functions performed by these devices, modules, or units.
[0014] It should be noted that the modifications “one” and “multiple” as used in this disclosure are schematic and not restrictive, and should be understood by those skilled in the art to mean “one or more” unless the context explicitly indicates otherwise.
[0015] The names of messages or information exchanged between multiple devices in embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
[0016] Before using the technical solutions disclosed in each embodiment of this disclosure, please understand that, in accordance with applicable laws and regulations, it is necessary to notify users of the types, scope, and scenarios of use of personal information related to this disclosure and to obtain their consent in an appropriate manner.
[0017] For example, in response to receiving a spontaneous request from a user, prompt information is sent to the user, explicitly prompting the user that the request operation requires obtaining and using the user's personal information. Thereby, based on the prompt information, the user can independently choose whether to provide personal information to software or hardware such as an electronic device, an application, a server, a storage medium, etc. that executes the operation of the technical solution of the present disclosure.
[0018] As an optional but non-limiting embodiment, in response to receiving a spontaneous request from a user, the prompt information is sent to the user in the form of, for example, a pop-up window in which the prompt information is presented in text form. Further, the pop-up window can include option controls for the user to select "agree" or "disagree" to provide personal information to the electronic device.
[0019] It should be understood that the above notification and user authorization acquisition process is only schematic and does not limit the implementation manners of the present disclosure. In the implementation manners of the present disclosure, other methods that comply with relevant laws and regulations can also be applied.
[0020] The data related to the present technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of the corresponding laws and regulations and related provisions.
[0021] In related technologies, 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 render the content of the new page to the page component before displaying the new page. However, since creating the page component and rendering the page content consume a certain amount of time, during that period, the page switching process may not be correctly displayed (such as the screen going completely black), and the page switching may not work well.
[0022] FIG. 1 is a flowchart of a page switching method according to an embodiment of the present disclosure. The embodiment of the present disclosure is applicable to the case of page switching. This method may be executed by a page switching device, and this device may be implemented in the form of software and / or hardware. Optionally, it is implemented by an electronic device, and this electronic device may be a mobile terminal, a PC terminal, a server, or the like.
[0023] As shown in FIG. 1, the method includes the following steps.
[0024] S110. In response to a page switching operation triggered by a user, obtain a first content corresponding to a first page and a second content corresponding to a second page.
[0025] Here, page switching is to switch from the first page to the second page. The page may be a switch between any pages in a mobile terminal application program (Application, APP). The content displayed in the page may include any format, such as text, static images, dynamic images (such as videos), and various controls, etc., which are not limited here. In a certain application scenario, for a video-based APP, such as a live streaming APP or a short video APP, page switching may be to switch from a preview page to a playback page, or to switch from the playback page of one live streaming room to the playback page of another live streaming room. In a certain 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 triggering the page switching operation, the first content and the second content are obtained. The first content may be the (N + 1)th frame to be played, and the second content may be the (N + 1)th frame to be played. That is, the first page continues to play the first content until the rendering of the second content is completed, and then switches from the first page to the second page.
[0026] Here, the first content and the second content may be the same or different. In this embodiment, a transition scene in which the first and second content are the same may be a transition from the video preview page to the playback page. A transition scene in which the first and second content are the same may be any two transitions between pages displaying different content.
[0027] In this embodiment, the content displayed on each page is already configured during the APP development or upgrade process, meaning that there is a correspondence between the pages and their content. Specifically, the method for obtaining the first content corresponding to the first page and the second content corresponding to the second page may involve obtaining the page identifiers for the first and second pages, and then obtaining the content for the first and second pages based on the page identifiers.
[0028] S120 renders the first and second contents.
[0029] Here, rendering the first and second content may be understood as rendering the first and second content synchronously or in parallel. In a configured operating system, page display and user interaction are implemented by a page component, and a view component within the page component is used to implement page display, and the view component contains a content buffer. The process of rendering the page content may be understood as writing the page content to the content buffer of the view component, and then the view component displays the page based on the written content, thereby achieving the rendering of the page content. Rendering the first content may be understood as writing the first content to the view component corresponding to the first page, and rendering the second content may be understood as writing the second content to the view component corresponding to the second content.
[0030] A method for selectively rendering the first and second content may involve creating a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page, rendering the first content to the first view component corresponding to the first page using the first rendering channel, and rendering the second content to the second view component corresponding to the second page using the second rendering channel.
[0031] Here, a rendering channel may be understood as a rendering thread created to render the page content, i.e., a first rendering channel may further be understood as a first rendering thread, and a second rendering channel may further be understood as a second rendering thread. The process of creating a first rendering channel corresponding to a first page and a second rendering channel corresponding to a second page may also be the process of creating a first rendering thread corresponding to a first page and a second rendering thread corresponding to a second page. The process of rendering the first content to the first view component corresponding to the first page by the first rendering channel may be the process of writing the first content to the content buffer in the first view component corresponding to the first page by the first rendering thread, and when the writing of the first content to the content buffer is complete, it may be indicated that the rendering of the first content is complete. The process of rendering the second content to the second view component corresponding to the second page by the second rendering channel may also involve writing the second content to the content buffer of the corresponding second view component of the second page by the second rendering thread, and the rendering of the second content is indicated as complete when the writing of the second content to the content buffer is finished.
[0032] In this embodiment, the first page is the page before the switch, i.e., the old page, and since the page component and the view component within the page component corresponding to the first page have already been created, the content of the first page can be directly rendered to the first view component corresponding to the first page. The second page is the switched page, i.e., the new page, and since the page component and the view component within the page component corresponding to the second page need to be newly created, first the page component and the view component within the page component corresponding to the second page must be created, and then the content of the second page must be rendered to the second view component corresponding to the second page. Therefore, rendering the content of the second page will be slower than rendering the content of the first page.
[0033] A method for selectively rendering second content to a second view component corresponding to a second page using a second rendering channel may involve creating a page component corresponding to the second page, creating a second view component within the page component, and rendering the second content to the second view component using the second rendering channel.
[0034] Here, there is a one-to-one correspondence between the page component and the page. In this embodiment, the process of creating the page component and the second view component can refer to conventional page development methods and is not limited thereto. Specifically, after creating the page component and the second view component corresponding to the second page, the second content is written to the content buffer in the second view component by the second rendering channel to achieve rendering of the second content.
[0035] If selectively, the first content is the content of the first video frame and the second content is the content of the second video frame, the method of rendering the first content to the first view component corresponding to the first page using the first rendering channel may be to control the player to render the first video frame content to the first view component corresponding to the first page using the first rendering channel, and the method of rendering the second content to the second view component corresponding to the second page using the second rendering channel may be to control the player to render the second video frame content to the second view component corresponding to the second page using the second rendering channel.
[0036] Here, the player is used to play the video. The player renders video frames sequentially to the view components corresponding to the pages to achieve video playback. The player in this embodiment has multi-channel rendering capabilities, meaning it can simultaneously render the same content to multiple view components and render different content to their respective view components. Specifically, if both the first and second contents are video content, the player renders the first video frame content to the first view component corresponding to the first page using the first rendering channel, and renders the second content to the second view component corresponding to the second page using the second rendering channel. Exemplarily, Figure 2 is an example of rendering page content in this embodiment. As shown in Figure 2, after obtaining the first and second video frame contents, the player renders the first video frame content to the first view component corresponding to the first page using the first rendering channel, and renders the second video frame content to the second view component corresponding to the second page using the second rendering channel.
[0037] This further includes selectively setting the window attribute of the second page to transparent / invisible.
[0038] Here, the window attribute includes two cases: transparent / invisible and opaque / visible. When the window attribute of the second page is set to transparent / invisible, the content of the first page and the content of the second page displayed in the interface at that time are being rendered and do not affect the display of the first page.
[0039] S130, while displaying the first content, obtains the rendering progress of the second content.
[0040] Here, the process of displaying the first content may be understood as the process of displaying the content corresponding to the first page. Rendering progress includes rendering incomplete and rendering complete. In this embodiment, the window attribute of the second page is set to transparent / invisible, so the interface still displays the content of the first page, i.e., the first content. Specifically, the method for obtaining the rendering progress of the second content may be that if rendering completion feedback information is received from the page component of the second page, the rendering progress is rendering complete, and if rendering completion feedback information is not received from the page component of the second page, the rendering progress is rendering incomplete.
[0041] S140 switches from the first page to the second page based on the rendering progress.
[0042] In this embodiment, when the rendering progress of the second content is incomplete, the window attribute of the second page is always transparent and invisible to prevent problems with page display caused by directly switching pages. When the rendering progress is complete, the window attribute of the second page is adjusted from transparent and invisible to opaque and visible.
[0043] Specifically, the process of switching from the first page to the second page based on rendering progress may involve, if rendering is complete, adjusting the window attribute of the second page from transparent / invisible to opaque / visible, closing the first page, and switching from the first page to the second page; or, if rendering is not complete, continuing to display the content of the first page and maintaining the window attribute of the second page as transparent / invisible.
[0044] In this embodiment, once the rendering of the second content is complete, the window attribute of the second page is adjusted to opaque / visible, allowing the second page to be displayed normally, thus realizing the process of switching from the first page to the second page after closing the first page. If the second content is the content of the second video frame, after switching to the second page, the player renders the content of the second video frame sequentially to the view component of the second page, thereby enabling playback of the video content on the second page. If the rendering progress is incomplete, the display of the first content continues, and the window attribute of the second page is kept opaque to prevent problems with page display caused by directly switching pages.
[0045] In one application scenario, the first page is a live streaming preview page, and the second page is a live streaming room playback page. In other words, the user switches from the live streaming preview page to the live streaming room playback page, and the content displayed on both the live streaming preview page and the live streaming room playback page is the same video stream.
[0046] Accordingly, retrieving the first content corresponding to the first page and the second content corresponding to the second page may be understood as retrieving the target content.
[0047] Here, the target content is the same content corresponding to the live streaming preview page and the live streaming room playback page. That is, the content of both the live streaming preview page and the live streaming room playback page is the content of the next frame to be played.
[0048] Accordingly, the method for rendering the first and second content may be to render the target content to a first view component corresponding to the live streaming preview page using the first rendering channel, and to render the target content to a second view component corresponding to the live streaming room playback page using the second rendering channel.
[0049] In this embodiment, once rendering the target content to a second view component corresponding to the live streaming room playback page is complete, the page is switched from the live streaming preview page to the live streaming room playback page to ensure smooth page transitions.
[0050] In the technical proposal of the embodiment of this disclosure, in response to a page switching operation triggered by the user, the first content corresponding to the first page and the second content corresponding to the second page are obtained, where the page switching is a switch from the first page to the second page, the first content and the second content are rendered, and 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. In the page switching method according to the embodiment of this disclosure, by rendering the content corresponding to the first page and the second page respectively, and in the process of displaying the content on the first page, the first page is switched to the second page based on the rendering progress of the content of the second page, it is possible to prevent display malfunctions caused by the switch from the first page to the second page before the content of the second page is fully rendered, ensuring a smooth and seamless page transition, and improving the reliability of page switching and the page display effect.
[0051] Figure 3 is a schematic diagram showing the structure of a page switching device provided by an embodiment of the present disclosure, as shown in Figure 3, the device includes a page content acquisition module 210 for acquiring 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 includes the page content acquisition module 210 for switching from the first page to the second page, a rendering module 220 for rendering the first content and the second content, a rendering progress acquisition module 230 for acquiring the rendering progress of the second content in the process of displaying the first content, and a page switching module 240 for switching the first page to the second page based on the rendering progress.
[0052] Selectively, the rendering module 220 is used to create a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page, to render the first content to a first view component corresponding to the first page using the first rendering channel, and to render the second content to a second view component corresponding to the second page using the second rendering channel.
[0053] Selectively, the rendering module 220 is used to render the second content to a second view component corresponding to the second page by the second rendering channel, to create a page component corresponding to the second page, to create a second view component on the page component, and to render the second content to the second view component by the second rendering channel.
[0054] If the first content is the content of a first video frame and the second content is the content of a second video frame, the rendering module 220 is used to control the player to render the first video frame content to a first view component corresponding to the first page using the first rendering channel, and rendering the second content to a second view component corresponding to the second page using the second rendering channel includes controlling the player to render the second video frame content to a second view component corresponding to the second page using the second rendering channel.
[0055] Selectively, the rendering module 220 further includes a window attribute setting module for setting the window attribute of the second page to transparent or invisible.
[0056] Selectively, the rendering progress includes rendering incomplete and rendering complete, and the page switching module 240 is further used to adjust the window attribute of the second page from transparent invisible to opaque visible, close the first page, and switch from the first page to the second page if the rendering progress is rendering complete, and to continue displaying the content of the first page and to maintain the window attribute of the second page in transparent invisible if the rendering progress is rendering incomplete.
[0057] Selectively, the first page is a live streaming preview page, the second page is a live streaming room playback page, the page content acquisition module 210 is further used to acquire target content which is the same content corresponding to the live streaming preview page and the live streaming room playback page, and the rendering module 220 is further used to render the target content to a first view component corresponding to the live streaming preview page by the first rendering channel, and to render the target content to a second view component corresponding to the live streaming room playback page by the second rendering channel.
[0058] The page-switching device provided in the embodiments of this disclosure is capable of performing the page-switching method provided in any embodiment of this disclosure and has functional modules and beneficial effects corresponding to the method of performance.
[0059] It should be noted that the various units and modules included in the above-mentioned device are merely divided according to functional logic and are not limited to the above division as long as they can realize the corresponding functions, and furthermore, the specific names of the various functional units are for the purpose of facilitating their distinction from one another and are not used to limit the scope of protection of the embodiments of this disclosure.
[0060] Figure 4 is a schematic diagram showing the structure of an electronic device provided by embodiments of the present disclosure. Hereinafter, Figure 4 will be used to show a schematic diagram of the structure of an electronic device (e.g., a terminal device or server in Figure 4) 500 suitable for use in implementing embodiments of the present disclosure. Terminal devices in embodiments of the present disclosure may include, but are not limited to, mobile devices such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), and in-vehicle terminals (e.g., in-vehicle navigation terminals), as well as stationary devices such as digital televisions and desktop computers. The electronic devices illustrated in Figure 4 are merely examples and should not impose limitations on the functionality and scope of use of embodiments of the present disclosure.
[0061] As shown in Figure 4, the electronic device 500 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 501 that can perform various appropriate operations and processes according to a program stored in a read-only memory (ROM) 502 or according to a program loaded from a storage device 508 into a random access memory (RAM) 503. The RAM 503 also stores various programs and data necessary for the operation of the electronic device 500. The processing unit 501, ROM 502, and RAM 503 are connected to each other via a bus 504. An input / output (I / O) interface 505 is also connected to the bus 504.
[0062] Typically, the following devices may be connected to the I / O interface 505: input devices 506, including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 507, including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 508, including, for example, magnetic tape, hard drive, etc.; and communication devices 509. The communication devices 509 can enable the electronic device 500 to communicate with other devices wirelessly or via wired connections to exchange data. Figure 4 illustrates the electronic device 500 with various devices, but it should be understood that not all of the illustrated devices must be implemented or have been included. Devices may be implemented alternatively or present to a greater or lesser extent.
[0063] In particular, according to embodiments of the present disclosure, the process described above with reference to the flowchart may be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product which includes a computer program carried on a non-temporary computer-readable medium, the computer program which includes program code for performing the method shown in the flowchart. In such embodiments, the computer program may be downloaded and installed from a network via a communication device 509, or from a storage device 508, or from a ROM 502. When this computer program is executed by the processing unit 501, the above-described functions as defined in the method of embodiments of the present disclosure are performed.
[0064] The names of messages or information exchanged between multiple devices in embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
[0065] The electronic devices provided in the embodiments of this disclosure belong to the same inventive concept as the page-switching method provided in the above embodiments, and technical details not comprehensively described in these embodiments can be found in the above embodiments, and these embodiments have the same beneficial effects as the above embodiments.
[0066] Embodiments of this disclosure provide a computer storage medium on which a computer program is stored that, when executed by a processor, performs the page-switching method provided in the above embodiment.
[0067] It should be noted that the computer-readable media described above in this disclosure may be computer-readable signal media, computer-readable storage media, or any combination thereof. Computer-readable storage media include, but are not limited to, electrical, magnetic, optical, electromagnetic, infrared, semiconductor systems, devices, equipment, or combinations thereof. More specific examples of computer-readable storage media include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, compact disk read-only memory for portability (CD-ROM), optical storage devices, magnetic storage devices, or appropriate combinations thereof. In this disclosure, computer-readable storage media may be any tangible medium that contains or stores programs that may be used by or in combination with an instruction execution system, device, or device. On the other hand, in this disclosure, a computer-readable signal medium may include data signals propagated in the baseband or data signals propagated as part of a carrier carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. The computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that transmits, disseminates, or transmits a program used by or with an executable system, device, or apparatus. The program code contained in the computer-readable medium may be transmitted by any suitable medium, including but not limited to wired, fiber optic cable, RF (radio frequency), or any suitable combination thereof.
[0068] In some embodiments, clients and servers may communicate using any currently known or future-developed network protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with digital data communications (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks ("LANs"), wide area networks ("WANs"), internetworks (e.g., the Internet), end-to-end networks (e.g., ad-hoc end-to-end networks), and currently known or future-developed networks.
[0069] The computer-readable medium may be included in the electronic device, or it may exist separately and not be incorporated into the electronic device.
[0070] The computer-readable medium carries one or more programs, and when the one or more programs are executed by an electronic device, it responds to a page-switching operation triggered by a user to obtain a first content corresponding to a first page and a second content corresponding to a second page, wherein the page-switching causes the electronic device to switch from the first page to the second page, render the first content and the second content, obtain the rendering progress of the second content in the process of displaying the first content, and switch the first page to the second page based on the rendering progress.
[0071] Computer program code for performing the operations of this 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, and C++) and conventional procedural programming languages (such as the "C" language). The program code may run entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In situations involving a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or wide area network (WAN), or it may be connected to an external computer (for example, connected via the Internet using an Internet Service Provider (ISP)).
[0072] The flowcharts and block diagrams in the drawings illustrate the implementable system architecture, functions, and operations of the systems, methods, and computer program products of each embodiment of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or part of code, and a module, program segment, or part of code may contain one or more executable instructions for implementing a defined logical function. Note that in some alternative implementations, the functions represented in a block may occur in a different order than that shown in the drawings. For example, two consecutive blocks may actually be executed almost in parallel, or in reverse order depending on the related functions. Note that each block in a block diagram and / or flowchart, and combinations of blocks in a block diagram and / or flowchart, may be implemented in a dedicated, hardware-based system that performs the functions or operations defined in the block diagram and / or flowchart, or in a combination of dedicated hardware and computer instructions.
[0073] Units described as being involved in embodiments of this disclosure may be implemented in software or in hardware. The name of a unit may not constitute the qualification of the unit itself; for example, the first acquisition unit may also be described as "a unit for acquiring at least two Internet Protocol addresses."
[0074] The functions described herein may be performed, at least partially, by one or more hardware logic components. Exemplary types of hardware logic components that may be used include, but are not limited to, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standards (ASSPs), systems-on-a-chip (SOCs), and composite programmable logic devices (CPLDs).
[0075] In the context of this disclosure, a machine-readable medium is a tangible medium that can contain or store programs for use by or with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The contents of a machine-readable medium include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, semiconductor systems, apparatus, devices, or any suitable combination thereof. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, convenient compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
[0076] The above description is merely illustrative of preferred embodiments and applicable technical principles of the present disclosure. Those skilled in the art will understand that the scope of the disclosure is not limited to technical solutions formed by specific combinations of the above technical features, but also includes other technical solutions formed by any combination of the above technical features or equivalent features, without departing from the disclosed concepts. For example, (but not limited to) technical solutions formed by replacing the above features with similarly functional technical features disclosed herein.
[0077] Furthermore, although the operations are described using a specific order, this should not be interpreted as requiring that the operations be performed in a specific order shown or in a sequential execution order. Multitasking and parallel processing may be advantageous in certain environments. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of this disclosure. Certain features described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment can also be implemented in multiple embodiments, individually or in any preferred subcombination.
[0078] While this topic has been described using language specific to structural features and / or methodological operations, it should be understood that the topic as defined in the attached claims is not necessarily limited to the specific features or operations described above. Rather, the specific features and operations described above are merely illustrative forms of implementing the claims.
Claims
1. This is a method for switching pages. In response to a page switching operation triggered by the user, the system retrieves the first content corresponding to the first page and the second content corresponding to the second page, wherein the page switching involves 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, the rendering progress of the second content is obtained, A page switching method, which includes switching the first page to the second page based on the rendering progress.
2. Rendering the first content and the second content is Creating a first rendering channel corresponding to the first page and a second rendering channel corresponding to the second page, The first rendering channel renders the first content to a first view component corresponding to the first page, The method according to claim 1, further comprising rendering the second content to a second view component corresponding to the second page using the second rendering channel.
3. Rendering the second content to the second view component corresponding to the second page using the second rendering channel is: Creating a page component corresponding to the second page mentioned above, Creating a second view component in the aforementioned page component, The method according to claim 2, further comprising rendering the second content to the second view component using the second rendering channel.
4. If the content of the first video frame is the content of the first video frame, and the content of the second video frame is the content of the second video frame, Rendering the first content to a first view component corresponding to the first page by the first rendering channel includes controlling the player to render the first video frame content to a first view component corresponding to the first page by the first rendering channel, The method according to claim 2, wherein rendering the second content to a second view component corresponding to the second page by the second rendering channel includes controlling the player to render the second video frame content to a second view component corresponding to the second page by the second rendering channel.
5. Before obtaining the rendering progress of the second item described above, The method according to claim 1, further comprising setting the window attribute of the second page to transparent or invisible.
6. The rendering progress includes rendering incomplete and rendering complete, and switching the first page to the second page based on the rendering progress is: If the rendering progress is complete, adjust the window attribute of the second page from transparent / invisible to opaque / visible, close the first page, switch from the first page to the second page, and / or The method according to claim 5, further comprising continuing to display the first content and maintaining the window attribute of the second page as transparent or invisible if the rendering progress is incomplete.
7. The first page is a live streaming preview page, and the second page is a live streaming room playback page. Retrieving the first content corresponding to the first page and the second content corresponding to the second page is: This includes obtaining target content that is identical to the live streaming preview page and the live streaming room playback page, Rendering the first content and the second content is The first rendering channel renders the target content to the first view component corresponding to the live streaming preview page, The method according to claim 2, further comprising rendering the target content to a second view component corresponding to the live streaming room playback page using the second rendering channel.
8. A page switching device, A page content acquisition module for acquiring 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 includes a page content acquisition module that switches from the first page to the second page, A rendering module for rendering the first content and the second content, In the process of displaying the first content, a rendering progress acquisition module for obtaining the rendering progress of the second content, A page switching device, including a page switching module for switching the first page to the second page based on the rendering progress.
9. One or more processors, An electronic device comprising a memory device for storing one or more programs, An electronic device that, when the one or more programs are executed by the one or more processors, causes the one or more processors to implement the page switching method described in any one of claims 1 to 7.
10. A storage medium containing computer-executable instructions, wherein the computer-executable instructions are used to perform the page-switching method described in any one of claims 1 to 7 when executed by a computer processor.