Media resource preloading method, apparatus, electronic device, and media
The method and device enhance page rendering by preloading media resources based on a profile, addressing the challenge of non-fixed content sources and improving display efficiency.
Patent Information
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- BEIJING ZITIAO NETWORK TECH CO LTD
- Filing Date
- 2024-08-13
- Publication Date
- 2026-04-15
AI Technical Summary
Existing technologies are unable to preload content fixed and non-fixed information sources, leading to reduced rendering performance of pages.
A method and device for preloading media resources by acquiring a media content stream, determining preload conditions, and preloading general-purpose and awaiting media resources based on a profile, enabling faster page rendering.
Improves page rendering performance by preloading media resources before display, ensuring efficient rendering of dynamic content.
Smart Images

Figure 2026512315000001_ABST
Abstract
Description
Technical Field
[0001] (Cross - reference to related applications) This application claims priority to a Chinese invention patent application with an application number of 202311332615.X, titled "Media Resource Pre - loading Method, Device, Electronic Device, and Medium", filed on October 13, 2023, and all the contents of the said application are incorporated herein by reference.
[0002] (Field of the Invention) Embodiments of the present disclosure relate to computer technology, and particularly to a media resource pre - loading method, device, electronic device, and medium.
Background Art
[0003] Embodiments of the present disclosure relate to the field of computer technology, and particularly to a method, device, device, medium, and program product for displaying live streaming room data.
[0004] With the development of Internet technology, the types of application programs in electronic devices have increased. Application programs generally have a visible interaction interface, and users can realize content browsing through the interaction interface. The content presented by the interactive interface has diversity, including a content fixed information source and a content non - fixed information source. However, the content of the content non - fixed information source is not fixed.
[0005] In the prior art, it is impossible to pre - load the content fixed information source that can only be determined during the compilation period, and it is impossible to pre - load the content non - fixed information source, which reduces the rendering performance of the page.
Summary of the Invention
Problems to be Solved by the Invention
[0006] This disclosure provides a method, apparatus, electronic device, and medium for preloading media resources to improve page rendering performance. [Means for solving the problem]
[0007] According to a first aspect, an embodiment of the present disclosure provides a media resource preloading method that includes: acquiring a media content stream containing multiple media contents; if the media content stream contains a target media content and satisfies the preloading conditions for the target media content, acquiring a profile of the target media content, determining that the target media content includes a general-purpose media resource and media resources awaiting loading; determining load information for the media resources awaiting loading based on the profile; and preloading the media resources awaiting loading based on the load information.
[0008] According to a second aspect, an embodiment of the present disclosure further provides a media resource preloading device comprising: a first acquisition module for acquiring a media content stream containing multiple media contents; a second acquisition module used to acquire a profile of the target media content if the media content stream contains a target media content and satisfies preload conditions for the target media content, and to determine that the target media content includes a general-purpose media resource and a media resource awaiting loading; a determination module for determining load information for the awaiting loading media resource based on the profile; and a preload module for preloading the awaiting loading media resource based on the load information.
[0009] According to a third aspect, the present invention further provides an electronic device that includes one or more processors and a storage device in which one or more programs are stored, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the media resource preloading method according to the embodiments of the present disclosure.
[0010] In a fourth aspect, embodiments of the present disclosure further provide a storage medium used to perform a media resource preloading method according to embodiments of the present disclosure, which includes computer executable instructions, when executed by a computer processor. [Brief explanation of the drawing]
[0011] The above and other features, advantages and aspects of each embodiment of this disclosure will become apparent by referring to the following specific embodiments with reference to the drawings. Identical or similar reference numerals in the drawings indicate identical or similar elements. Note that the drawings are schematic and not necessarily drawn to scale.
[0012] [Figure 1] This is a flowchart of the media resource preloading method according to an embodiment of the present disclosure. [Figure 2] This is a schematic diagram of the system architecture according to an embodiment of the present disclosure. [Figure 3] This is a schematic diagram of a preview of target media content according to one embodiment of the present disclosure. [Figure 4] This is a flowchart of the media resource preloading method according to an embodiment of the present disclosure. [Figure 5] This is a flowchart of resources during preload execution according to an embodiment of the present disclosure. [Figure 6] This is a schematic diagram illustrating the loading of a template resource according to an embodiment of the present disclosure. [Figure 7] This is a schematic diagram illustrating the loading of image resources according to an embodiment of the present disclosure. [Figure 8]This is a schematic diagram of the master template and dynamic component resource loading according to an embodiment of the present disclosure. [Figure 9] This is a flowchart of the method for displaying irregularly shaped cards according to an embodiment of the present disclosure. [Figure 10] This is a schematic diagram of the structure of a media resource preloading device according to an embodiment of the present disclosure. [Figure 11] This is a schematic diagram of the structure of an electronic device according to an embodiment of the present disclosure. [Modes for carrying out the invention]
[0013] Preferred embodiments of the present disclosure will be described in detail below with reference to the drawings. While the drawings show several embodiments of the present disclosure, the disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are illustrative only and do not limit the scope of protection of the present disclosure.
[0014] Each step described in the embodiments of the method of this disclosure may be performed in a different order and / or in parallel. Furthermore, embodiments of the method may include additional steps and / or steps that may be omitted. The scope of this disclosure is not limited in this respect.
[0015] As used herein, the terms “including” and their variations are open inclusions meaning “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 other embodiment,” and the term “several embodiments” means “at least several embodiments.” Related definitions of other terms are as described below.
[0016] Note that the concepts such as "first", "second", etc. mentioned in the present disclosure are for distinguishing different devices, modules or units, and are not for limiting the order or interdependence of the functions executed by these devices, modules or units.
[0017] Note that the modifications of "one" and "a plurality" mentioned in the present disclosure are exemplary and not restrictive. It is clear that those skilled in the art should understand them as "one or a plurality" unless otherwise specified in the context.
[0018] The names of messages or information for interaction between multiple devices in the embodiments of the present disclosure are used only for the purpose of description and do not limit the scope of these messages or information.
[0019] FIG. 1 is a flowchart of a media resource preloading method according to an embodiment of the present disclosure. The embodiments of the present disclosure are applicable when performing media content preloading. The method may be executed by a media resource preloading device, and the device may be implemented in the form of software and / or hardware, and optionally, may be implemented by an electronic device, and the electronic device may be a mobile terminal, a PC side or a server terminal, etc.
[0020] As shown in FIG. 1, the method includes the following steps.
[0021] In S110, obtain a media content stream including a plurality of media contents.
[0022] A media content stream can be considered an information stream consisting of multiple media contents. A media content stream may also be a source of information for a user to view. Media content may be a source of information presented to the user, and media content may be multimedia content, such as video, graphics, and shape cards. Shape cards may be content displayed in card format. Shape cards may include a content presentation area and an operation area, and the content presentation area may present content provided by the content provider. The operation area may include negative feedback controls and operation controls. Negative feedback controls are considered controls where the feedback is of no interest. Operation controls may be controls that perform operations on shape cards, such as controls to increase the volume and controls to fast forward.
[0023] Here, the video may be a short video, for example, a video whose playback time is shorter than the set time. Unlike short videos, irregular cards have a fixed message source for each video, while irregular cards dynamically load different forms of irregular cards for different services based on the same base. Irregular cards of the same form also have different contents, and irregular cards are like a thousand faces, a resource that cannot be determined by the compiler but can be determined at runtime. In other words, irregular cards have many structures and their contents are dynamic. This invention reuses the general-purpose capabilities of the base while ensuring flexibility in the customized content of irregular cards. The base is considered to be the general content of the irregular card, and subprograms are called based on the base to realize the acquisition and rendering of customized content.
[0024] In one embodiment, the base general-purpose capability may include the capability to influence page switching, for example, the capability to slide pages up and down to switch between opposite-sex cards.
[0025] This operation allows you to retrieve a media content stream from the server terminal. The multiple media content items in the media content stream are the media content that will be displayed to the user.
[0026] For a modified card that implements the listening function, the policy distributed from the server terminal to the client terminal may be that, after a set time, the m-th bit of the media content stream requested from the client terminal to the server terminal for the nth time is audio / video related to sleep induction. When the transmitted policy is satisfied, the media content stream sent from the server terminal to the client terminal includes the modified card used to implement the auditory function, where m and n are positive integers.
[0027] In S120, if the media content stream includes target media content and satisfies the preload conditions for the target media content, a profile of the target media content is obtained, and the target media content includes general-purpose media resources and media resources waiting to be loaded.
[0028] Target media content can be considered media content that has customized content. Generic media resources may be generic media resources for all or some users, and the loading timing of generic media resources is not limited and may even be in advance of the loading timing of the page displaying the target media content.
[0029] Media resources waiting to load may be user-customized media resources, such as resources and dynamic components displayed on the first screen. Dynamic components may be media resources customized by different vendors. Media resources may be resources displayed in media content, such as data like controls, images, and videos.
[0030] The preload condition may also be a condition for preloading the target media content. Here, we do not limit the preload condition, but rather ensure that the electronic device finishes preloading the target media content before displaying it. For example, the preload condition can be considered to be met when, while currently displaying the x-th media content in the media content stream requested for the nth time, the media content stream is traversed to determine whether or not an abnormal card exists, and if it does, the preload condition is satisfied. x is a positive integer less than m.
[0031] For example, a server terminal includes a sleep-inducing variant card in a media content stream that it requests from a client terminal for the second time after 21:00. The variant card may be located in the sixth position in the media content stream. When displaying the first media content in the media content stream, the server can traverse the media content stream to determine whether or not the variant card is included, and if it is, it can pre-create a view and retrieve a profile to pre-load the target media content.
[0032] The profile may be a file containing information related to media resources waiting to be loaded in the target media content. The profile is read by analyzing the mode of the irregular card, i.e., its schema, and resources such as the irregular card base, dynamic components, video, audio, and pictures are preloaded based on the profile. Here, the dynamic components may be dynamically loaded components, such as components customized by the service provider.
[0033] In S130, the load information of the media resource waiting to be loaded is determined based on the profile.
[0034] Load information can be considered information used to obtain the information necessary to load media resources that are waiting to be loaded, such as the address of the media resource waiting to be loaded, the load mode of the media resource waiting to be loaded, and the storage address to which it was loaded.
[0035] The profile may be a file set up by the provider of the non-standard shaped card.
[0036] Load information may be stored in the profile, and after determining which media resources are waiting to be loaded, the load information for those media resources can be retrieved from the profile.
[0037] A profile may have multiple configuration items and may correspond to different media resources waiting to be loaded. This operation can traverse all configuration items and determine the load information for each configuration item when determining the load information.
[0038] In S140, the media resources awaiting loading are preloaded based on the load information.
[0039] After determining the load information, this operation can load media resources waiting to be loaded based on that information. For example, the path from which to retrieve the media resources waiting to be loaded is used to describe the media resources waiting to be loaded using the corresponding load method.
[0040] This operation enables preloading of target media content before it is displayed, allowing for faster page rendering at the time the target media content is displayed, thereby improving the rendering efficiency of the target media content.
[0041] The technical invention of the embodiment of this disclosure acquires a media content stream containing multiple media contents, and if the media content stream contains target media content and satisfies the preload conditions for the target media content, it acquires a profile of the target media content, the target media content includes general media resources and media resources awaiting loading, the load information of the media resources awaiting loading is determined based on the profile, the media resources awaiting loading are preloaded based on the load information, the preload problem of non-fixed content sources is solved, and the rendering performance of a page is improved by enabling preloading of media resources awaiting loading using the profile when the media content stream contains target media content and satisfies the preload conditions for the target media content, enabling preloading of non-fixed content sources, and enabling a preload operation before displaying the target media content.
[0042] Based on the above embodiment, a modified embodiment of the above embodiment is presented, and here, in order to simplify the explanation, only the differences between the modified embodiment and the above embodiment will be described.
[0043] In one embodiment, the load information includes a preload method and resource link data, and determining the load information of the media resources awaiting loading based on the profile includes traversing the pending items in the profile, determining the preload path and preload method corresponding to the pending items, and determining the resource link data corresponding to the preload path.
[0044] Items awaiting processing can be considered as configuration items awaiting processing in a profile. A preloading scheme may be considered a preloading scheme, and different media resources awaiting loading may correspond to different loading schemes.
[0045] The preload path can be considered as the path of the media resources to be loaded. Resource link data may be links that enable the preloading of media resources awaiting loading. The preload path and resource link data may have a correspondence, and this embodiment can retrieve resource link data corresponding to the preload path from a database. The database may be sent from the server terminal to the client terminal. The timing of transmission is not limited and may be included in the corresponding media content stream or transmitted synchronously with the corresponding media content stream. The corresponding media content stream may be a media content stream containing the target media content.
[0046] This method traverses each pending item in the profile and determines the preload method and preload path for each pending item. After determining the preload path, it determines the resource link data corresponding to the preload path.
[0047] In one embodiment, if the media content stream includes target media content and the preload conditions for the target media content are met, the local service layer creates a view of the target media content, and the view is used to visualize the target media content.
[0048] The local service layer, also known as the native layer, is the software layer that provides local services. In this embodiment, if the preload conditions are met, the local service layer creates a view of the target media content, switches to the target media content, and then associates the view with the target media content to make the target media content visible.
[0049] This implementation enables pre-creation of views, further improving the rendering efficiency of target media content.
[0050] Figure 2 is a schematic diagram of the system architecture according to an embodiment of the present disclosure. Referring to Figure 2, the system architecture includes a native layer, a container layer, a cross-end layer, and a platform layer. In this embodiment, the native layer enables the pre-creation of views; that is, the local service layer pre-creates views of target media content, and these views are used to visualize the target media content.
[0051] In one embodiment, after preloading the media resources awaiting loading based on the load information, the system further includes displaying a target page containing the target media content, receiving operation events for the target media content via the container layer, and responding to the operation events.
[0052] The container layer can be considered the network layer associated with the container in the network architecture. Operational events can be considered events that interact with the target media content, such as click events on controls within the target media content.
[0053] The target page may be a page that displays the target media content. After displaying the target media content, this embodiment can receive operation events of the target media content via the container layer. The method of responding to operation events is not limited, and different operation events correspond to different response means. For example, page adjustments can be implemented to adjust the volume, etc.
[0054] As shown in Figure 2, the container layer enables the redundancy of each service, along with performance optimization and analysis, providing a base of general-purpose capabilities. These basic container capabilities include data communication capabilities and event reception and communication capabilities, such as the ability to receive operation events on a target page, or the ability to slide the target page to switch the displayed content.
[0055] Performance optimization and analysis implement functions such as preloading and resource load status. Preloading may be a function that preloads load information for media resources waiting to be loaded. Resource load status is a function that determines and reports the resource load status, for example, including the load status of load information.
[0056] Span-end layers can implement cross-end layers. Span-end layers possess and are the common base capabilities. The base general-purpose capability class implements dynamic component rendering and bottom-up strategies. The platform layer can provide efficient tools with debug preview and event simulation.
[0057] Dynamic component rendering may involve rendering media resources that are awaiting loading. The bottom-up strategy checks the loading status of page resources in advance, and if the core content of the page fails to load, it removes the malformed card, does not count it as distributed, and can be distributed to client terminals the next time. The core content may be, but is not limited to, pre-configured content.
[0058] This disclosure implements management and control using the system architecture diagram shown in Figure 2, and supports operators in flexibly customizing personalized content within profile cards, such as pre-loaded media resources waiting to load, by using profiles.
[0059] In one embodiment, after preloading the media resources awaiting loading based on the load information, if the loading of a predetermined media resource in the media resources awaiting loading fails, the target media content is removed from the media content stream; and if the loading of the predetermined media resource is successful, a load success event for the media resources awaiting loading is triggered.
[0060] A pre-configured media resource may be considered a pre-configured media resource, and a pre-configured media resource may also be the core content of the target media content. If loading a pre-configured media resource fails, the target media content can be deleted to avoid inefficient display of the target media content, that is, to enable the deletion of an abnormal card.
[0061] If the recording of a specified media resource is successful, a media resource load success event can be triggered. This event indicates that the media resource has been successfully loaded, and the target media content can then be displayed.
[0062] For example, a media resource load success event indicates service core content such as pre-configured media resources, and once loading is complete, the target media content can be displayed.
[0063] In this embodiment, the timing for triggering a media resource load success event can be determined based on the priority of the media content. If the target media content is strongly dependent on a graph, the media resource load success event can be triggered after the loading of that graph is complete. If there are no strongly dependent objects, the media resource load success event can be triggered after determining that there are no abnormalities in the data, and the load status can be reported after the trigger.
[0064] The format of media content awaiting loading is not limited and may include, for example, base files, images, videos, application documents, dynamic components, audio / video, external JS files, arbitrary files, and video resources. The preloading method reduces the time required for a single resource load and improves the resource hit rate.
[0065] In one embodiment, a general-purpose media resource includes a negative feedback control, and an operation event includes a click event of the negative feedback control.
[0066] A click event may be an event that clicks a negative feedback control. The negative feedback control may be a generic media resource, and when the negative feedback control is clicked to close the variant card, information indicating the operation was successful can be popped up. If negative feedback is submitted to the server terminal, the variant card can also be removed from the screen. After clicking the negative feedback control, the opposite-type card or the same type of variant card can be prevented from being displayed for y days.
[0067] The general-purpose media resource may be mainframe-based. The mainframe-based backend can unify the negative feedback logic, manage negative feedback from multiple users unifiedly, and enable transmission to different variant cards. The mainframe-based can also collect click events of the negative feedback control and support events that allow the service side to dynamically expand the negative feedback.
[0068] In one embodiment, receiving operation events for the target media content via the container layer includes receiving operation events for negative feedback controls and / or operation controls in the target media content via the container layer, wherein the jump address, display style and display state corresponding to the operation control are custom items of the operation control.
[0069] A jump address can be considered the address to which the user jumped after clicking an operation control. The display mode can be considered the mode in which the operation control displays. The display state can be considered whether or not the display control is displayed, and the display state includes both displayed and hidden states. Custom items may be items that the service provider can customize.
[0070] There are two types of control layouts, including default control layouts and customized control layouts.
[0071] The default operation controls can detect click events, configuration control styles (controls only support jumps and are not limited to any protocol), custom click events, and hidden operation controls using an event tracking method.
[0072] Custom operation controls can enable click event detection by having the service provider report event tracking, thus avoiding the reporting of duplicate click events.
[0073] In one embodiment, the media resource preloading method further includes the service terminal scanning for preview patterns, which are patterns generated based on media resources associated with the target media content, and previewing the target media content.
[0074] A preview pattern can be considered a pre-pattern for realizing the target media content, and the target media content can be previewed by scanning the preview pattern.
[0075] The preview pattern may be a pattern displayed using a predetermined encoding scheme, such as a two-dimensional code.
[0076] A preview pattern can be generated by a server terminal based on the media resources contained in the target media content. Electronic devices can then preview the target media content by scanning the preview pattern.
[0077] Figure 3 is a schematic diagram of a preview of target media content according to an embodiment of the present disclosure. Referring to Figure 3, the background of an electronic device that displays a shape-shifting card can arrange media resources associated with the shape-shifting card and then transmit them to the server terminal of the electronic device. The background can interact with the server terminal and media resources in an add or delete manner, and the server terminal can search for media resources from the background in a list search manner. After acquiring the media resources, the server terminal can perform authentication with the carrier server terminal, and after successful authentication, it can transmit data such as media resources to the carrier server terminal, and the carrier server terminal can exchange the carrier background and media resources by adding or deleting.
[0078] The links parsed by the previewed QR code may be encrypted to enhance security. For example, the QR code may be generated by obtaining the client terminal's encrypted ID parameter. The QR code generation device is not limited thereto. The client terminal realizes the preview of the variant card by scanning the QR code. The server terminal may implement the configuration of a client terminal redirect page, and the redirect page (i.e., the page to which the user is redirected) can be queried to the server terminal according to the encrypted ID.
[0079] The server terminal and background support adding or removing configuration items and displaying a list of configuration items. The background generates a QR code for the client terminal redirect page based on the configuration and environment. After the scanned code enters the client terminal redirect page, it determines the environment based on the parameters on the schema, queries the complete arrangement of the variant card based on the ID, and after obtaining the complete arrangement, splices the variant card and jumps to the preview. When authenticating the carrier server terminal, authentication can be based on a whitelist, and the whitelist can include carrier server terminals that have the necessary permissions.
[0080] Figure 4 is a flowchart of a media resource preloading method according to an embodiment of the present disclosure. This embodiment elaborates on the operation of obtaining a profile of the target media content and includes the following steps.
[0081] In S210, a media content stream containing multiple media contents is acquired.
[0082] In S220, if the media content stream includes target media content and satisfies the preload conditions for the target media content, identification information corresponding to the target media content is obtained.
[0083] Identification information can be considered as information that identifies the target media content, and is not limited to identification information. Identification information may be included in the media content stream.
[0084] In S230, it is determined whether a resource packet corresponding to the aforementioned identification information exists locally. If it exists, S240 is executed; otherwise, S250 is executed.
[0085] After determining the identification information, this embodiment can search locally based on the identification information and determine whether a resource package corresponding to the identification information exists locally on the electronic device. The resource packet may be a data packet corresponding to the target media content. If the target media content is displayed, the resource package is stored locally. This embodiment first determines whether the resource packet is stored locally, and if a profile is to be obtained based on the resource packet, the profile is preloaded.
[0086] In S240, the profile within the resource packet is determined to be the profile of the target media content.
[0087] If resource packets are stored locally, the profile within the resource packet can be used as the profile for the target media content, improving the speed of profile acquisition by directly using existing local profiles.
[0088] In S250, preload the profile corresponding to the identification information.
[0089] If the resource package does not exist locally, this operation preloads a profile corresponding to the identification information, making it easier to parse the preloaded media resources of the profile.
[0090] In S260, the load information of the media resources waiting to be loaded is determined based on the profile.
[0091] In S270, the media resources awaiting loading are preloaded based on the load information.
[0092] Figure 5 is a flowchart of resources during preload execution according to an embodiment of the present disclosure. Referring to Figure 5, first, identification information is determined, for example, by analyzing the identification information: channel and bundle based on schema, positioning the irregular card, and checking whether there is a resource packet, for example, a gecko packet, locally. If a gecko packet is present, the resource packet is read, a search is performed to see if a profile exists within the gecko packet, the profile is read, and a check is performed to see if the data structure matches expectations and to implement the check structure. Subsequently, each item of the preload is traversed, that is, to see if there are any pending items in the profile. If there are no pending items, the process returns to the preload result for each item of the preload. If there are pending items, the preload path, i.e., path, is read, resource link data corresponding to the preload path is obtained from the database, the preload method is read, and when reading the preload method, the preload method is searched based on the category field read from the profile, and then the corresponding resource link data can be loaded according to the preload method. Finally, it is determined whether the load is complete, and if not, the process continues to traverse the profile.
[0093] If the resource package is not present locally, the system preloads the resources required to render the profile and target media content. Then, it determines whether the profile loading was successful. If successful, it reads the profile, checks its configuration, and performs subsequent operations.
[0094] If the profile loading fails, the loading status and callbacks are reported at the point where the operation to determine whether the loading was successful or not is performed.
[0095] If the category field is a dynamic component, the schema can be built based on the dynamic component links, allowing the entire process to be recursively repeated. The category field is another resource, and resource preloading schemes can be multiplexed.
[0096] In this embodiment, the process of acquiring a profile is refined to improve the efficiency of profile acquisition and further enhance the efficiency of page rendering.
[0097] The following is an illustrative explanation of this disclosure, and the media resource preloading method related to this disclosure can be considered a proposed design for heterogeneous cards in a media content stream scene. This embodiment achieves decoupling from the framework shown in Figure 2 and supports the independent maintenance of heterogeneous card dynamic components for different operations in different warehouses.
[0098] In terms of performance, it enables preloading resources at runtime. When content is dynamic, resources can be preloaded, eliminating the need to wait for network overhead when resources are executed, thus accelerating rendering and reducing the time it takes to display the target page. From a bandwidth cost perspective, based on different types of variant cards and different distribution policies, users who view variant cards only at runtime can download the resource packages for those variant cards, enabling granular on-demand loading.
[0099] To avoid sending fixed-format templates from irregular-format cards, each task iterates through templates, resulting in high code coupling. To avoid developing multiple templates based on different formats, reusability is low and development costs are high. Resources that can only be determined by the compiler are preloaded, avoiding the inability to preload runtime resources. To guarantee first-screen rendering performance of pages from a bandwidth perspective, a command is sent to all users of the application program to download the irregular-format card resource package, preventing most users from downloading the resource package without wasting resources on the irregular-format card.
[0100] This invention solves the requirement that a mainframe-based system must manage and control all forms of variant cards, while also maximizing the redundancy of general-purpose components and achieving convenience for access by different service providers and flexibility in content expansion. It solves the balance problem where the total push cost of offline packages is higher than page performance, and addresses the issue of different services having different distribution policies for different forms of variant cards, different users, and the fact that not pushing all packages guarantees page loading performance, while pushing all packages results in high bandwidth requirements. The proposed technology described herein allows for cost control and ensures that users download the offline package before viewing the variant cards. In the development process of variant cards, it solves the problem of how to reduce the labor costs of debugging links, the complexity of the distribution policies for variant cards, the numerous prerequisite operations required to display variant cards at actual links, and how to quickly preview and debug when developing card content, given that the prerequisite links for different forms of variant cards are completely different. The problems of missing security review links, complex distribution links for variant cards, the need for reviewers to review variant cards, and the need to open variant cards in the corresponding form are essentially impossible for non-research and development personnel to simulate, thus resolving the issue of the entire link lacking a review process. It also resolves stability issues and ensures a 100% probability that the card content can be effectively read when a user views a variant card.
[0101] To address the need for the mainframe base to manage and control all forms of variant cards, and to avoid the need for the management control unit to distribute and update each variant card when updated, all variant cards become active based on the number of base updates. Referring to Figure 2, this disclosure designs the architecture of the mainframe base and service dynamic components. Customization of variant cards is achieved by dynamically loading dynamic components. To solve the problem of balancing the cost of full-scale push of offline packages with page performance, the case of pre-creating views and pre-loading resources at runtime is designed. To address the lack of secure linking issues and solve labor costs in the variant card development process, a debug preview tool is designed during the development phase. After the platform places the data of the variant card base template, a QR code is created, and the code can be scanned directly for preview. Reviewers can also scan and review pages with simulated content and actual variant cards on the platform. To address stability issues, a communication mechanism was designed between the client terminal and the service dynamic component. When the malformed card base or the core of the service dynamic component experiences a content load timeout and the load becomes abnormal, the frontend notifies the client terminal in real time that it will remove the malformed card from the media content stream, so the user does not see the card removal process.
[0102] This disclosure, through a cross-end scene-based and dynamic component architecture, not only ensures the management and control capabilities of the base but also retains the flexibility of service-side dynamic components and has good lateral scalability. The architecture decouples the main framework base and service-side dynamic components, reducing development costs and communication costs. It significantly reduces bandwidth costs, loads in real time on demand, and only users viewing the variant card download offline packages. It complements a crucial part of security review. The variant card displays 100% effectively, and the loading success rate of the variant card is an average of 99.93%, with only 0.07% failure due to network problems.
[0103] Figure 6 is a schematic diagram of template resource loading according to an embodiment of the present disclosure. The template resource in Figure 6 may be a general-purpose resource, and in the related technology, after loading the page, the loading of the template resource is requested, and then page rendering is performed. The present invention improves the time when the first content of the page appears on the screen (First Meaningful Paint, fmp) by accelerating the template resource loading timing, for example, by accelerating it to the page loading time, and by performing page rendering after the template resource loading is complete.
[0104] Figure 7 is a schematic diagram of image resource loading according to an embodiment of the present disclosure. The first resource may include image resources in media resources waiting to be loaded. In related technologies, after loading a page, a template is loaded, then the Yangning page is rendered, and the first screen resource is loaded during the page rendering process. The present invention improves FMP by accelerating the first screen resource loading timing, for example, to the page loading timing, loading the template resource after the page load, and finally rendering the page.
[0105] Figure 8 is a schematic diagram of the master template and dynamic component resource loading according to an embodiment of the present disclosure. Referring to Figure 8, in related technologies, after page loading, template loading is performed, then page rendering is performed, and first-screen resource loading is performed during page rendering. After page rendering, first-screen business logic is executed, and dynamic component templates are loaded in the first-screen business logic. Resource loading is performed while dynamic component templates are loaded. This application accelerates the loading timing of the master template (i.e., the main template, which may be pre-configured) and dynamic component templates, and accelerates the static resource loading timing of the first screen of dynamic components, for example, up to the page load timing. The contents before Figures 6-8 can be considered as different processing waiting items in Figure 5, and correspond to different loading methods. Only by accelerating preloading could the fmp be effectively rendered.
[0106] Figure 9 is a flowchart of a shape-shifting card display method according to an embodiment of the present disclosure. Referring to Figure 9, the shape-shifting card, acting as the front end, and the client terminal interact with media resources to load the shape-shifting card base, dynamic components, video, and picture. The shape-shifting card includes the shape-shifting card base and card content, which is developed by the service provider, packaged in dynamic components, and enables interaction between the shape-shifting card base, service data, and dynamic components. The shape-shifting card base implements dynamic component loading, built-in components, feedback buttons (i.e., negative feedback controls), action buttons (i.e., operation controls), a bottom-load strategy, and base preload placement. The shape-shifting card base can also report data of no interest and playback data to the server terminal. The bottom-load strategy can notify the client terminal of card deletion. The client terminal can refresh media content streams from the server terminal, for example, the (x-1)th media content stream and the xth media content stream, each media content stream containing multiple media content. The (x-1)th media content stream contains the yth bit of media content. The x-th card contains the first media content, the second media content, ... the z-th irregular card. The irregular card framework enables client terminals to transparently transmit data.
[0107] The irregular card base can implement event monitoring functionality. In one embodiment, the user enters the target page using an up / down slide gesture, the background video is reloaded, and the user returns to the irregular card from the two-tiered target page, with the progress being recorded before the background video resumes. For example, the following four events are defined: The first event is triggered when an up / down slide gesture of the media content stream is activated, causing the background video and background music to be called back and played; the second event is triggered when the earphone page is opened and the user returns to the profile card, causing the background video and background music to be called back and continue playing; the third event is triggered when the slide-out screen of the profile card is not in the visible area, causing the background video and background music to be called back and the progress to be cleared; and the fourth event is triggered when the target page slides over, the control is switched, checks in, and the background is cut, causing the background video and background music to be called back and the progress to be cleared.
[0108] Figure 10 is a schematic diagram of the structure of a media resource preloading device according to an embodiment of the present disclosure. As shown in Figure 10, the device comprises: a first acquisition module 1010 for acquiring a media content stream containing multiple media contents; a second acquisition module 1020 used to acquire a profile of the target media content when the media content stream contains a target media content and satisfies the preloading conditions for the target media content, and the target media content includes a general-purpose media resource and media resources awaiting loading; a determination module 1030 for determining load information for the media resources awaiting loading based on the profile; and a preload module 1040 for preloading the media resources awaiting loading based on the load information.
[0109] The technical solutions provided in the embodiments of this disclosure solve the preloading problem for content-independent sources, enabling preloading of media resources waiting to be loaded by profiling when a media content stream contains target media content and satisfies the preloading conditions for the target media content, thereby enabling preloading for content-independent sources, performing a preload operation before displaying the target media content, and improving page rendering performance.
[0110] In one embodiment, the second acquisition module 1020 specifically acquires identification information corresponding to the target media content if the media content stream includes target media content and satisfies the preload conditions for the target media content, determines whether a resource packet corresponding to the identification information exists locally, determines the profile within the resource packet as the profile for the target media content if it exists, and preloads the profile corresponding to the identification information if it does not exist.
[0111] In one embodiment, the load information includes a preload method and resource link data, and the determination module 1030 is specifically used to traverse the pending items in the profile, determine the preload path and preload method corresponding to the pending items, and determine the resource link data corresponding to the preload path.
[0112] In one embodiment, the device further includes a creation module for pre-creating a view of the target media content by the local service layer when the media content stream includes target media content and satisfies the preload conditions for the target media content, the view being used to visualize the target media content.
[0113] In one embodiment, the device further includes a display module that, based on the load information, preloads the media resources awaiting loading, displays a target page containing the target media content, receives operation events for the target media content via a container layer, and responds to the operation events.
[0114] In one embodiment, the general-purpose media resource includes a negative feedback control, and the operation event includes a click event of the negative feedback control.
[0115] In one embodiment, the display module is specifically used to receive operation events for negative feedback controls and / or operation controls in the target media content via the container layer, and the jump address, display style, and display state corresponding to the operation control are custom items of the operation control.
[0116] In one embodiment, the device further includes a delete module that, after preloading the media resources awaiting loading based on the load information, deletes the target media content from the media content stream if the loading of a predetermined media resource in the media resources awaiting loading fails, and triggers a load success event for the media resources awaiting loading if the loading of the predetermined media resource is successful.
[0117] In one embodiment, the device further includes a preview module for scanning preview patterns generated by a server terminal based on media resources associated with target media content and previewing the target media content.
[0118] The media resource preloading device according to the embodiment of this disclosure can perform a media resource preloading method according to any embodiment of this disclosure and has a functional module and beneficial effects corresponding to the execution method.
[0119] Furthermore, the units and modules included in the above-mentioned device are merely divided according to functional logic and are not limited to the above division; they only need to be able to realize the corresponding function. Also, the specific names of each functional unit are merely for distinguishing them from one another and do not limit the scope of protection of the embodiments of this disclosure.
[0120] Figure 11 is a schematic diagram of the structure of an electronic device according to an embodiment of the present disclosure. Hereinafter, we will refer to Figure 11, which shows a schematic diagram of the structure of an electronic device (for example, a terminal device or server terminal in Figure 11) 500 suitable for realizing an embodiment of the present disclosure.
[0121] The electronic device 500 includes one or more processors 501 and a storage device 508 for storing one or more programs, the one or more programs, when executed by the one or more processors 501, cause the one or more processors 501 to implement the method according to the present disclosure.
[0122] The terminal devices in the embodiments of this disclosure include, but are not limited to, mobile terminals 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 fixed terminals such as digital TVs and desktop computers. The electronic devices shown in Figure 11 are merely examples and do not limit the functions and scope of use of the embodiments of this disclosure.
[0123] As shown in Figure 11, the electronic device 500 may include a processor (e.g., a central processing unit, a graphics processor, etc.) 501 capable of performing various appropriate operations and processes based on 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. The RAM 503 also stores various programs and data necessary for the operation of the electronic device 500. The processor 501, ROM 502, and RAM 503 are connected to each other via a bus 504. An input / output interface 505 is further connected to the bus 504.
[0124] Typically, the I / O interface 505 may be connected to an input device 506, such as a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, or gyroscope; an output device 507, such as a liquid crystal display (LCD), speaker, or vibrator; a storage device 508, such as a magnetic tape or hard disk; and a communication device 509. The communication device 509 can allow the electronic device 500 to communicate with other devices wirelessly or via a wired connection to exchange data. Figure 11 shows an electronic device 500 with various devices, but it should be understood that it is not necessary to implement or include all the devices shown. More or fewer devices may be implemented instead.
[0125] 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 placed 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, installed from a storage device 508, or installed from a ROM 502. When the computer program is executed by the processor 501, the above-described functions, limited to the method of embodiments of the present disclosure, are performed.
[0126] The names of messages or information that facilitate interaction between multiple devices in embodiments of this disclosure are used for illustrative purposes only and do not limit the scope of such messages or information.
[0127] The electronic devices and media resource preloading methods according to the embodiments of this disclosure belong to the same inventive concept, and for technical details not described in detail in these embodiments, the above embodiments can be referenced, and these embodiments have the same beneficial effects as the above embodiments.
[0128] An embodiment of the present disclosure provides a computer storage medium on which a computer program is stored, and when the program is executed by a processor, the media resource preloading method according to the embodiment is realized.
[0129] The computer-readable medium described herein may be a computer-readable signal medium, a computer-readable storage medium, or any combination of both.
[0130] The computer storage medium may be a storage medium for computer executable instructions, which are configured to perform the method according to this disclosure when executed by a computer processor.
[0131] Computer-readable storage media may, but are not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any combination 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, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof. In this disclosure, computer-readable storage media may be any tangible medium containing or storing a program, the program may be used by or in combination with an instruction execution system, apparatus, or device. In this disclosure, computer-readable signaling media may include data signals propagated as part of a baseband or carrier wave and carry computer-readable program code. Such propagated data signals may take various forms, including, but are not limited to, electromagnetic signals, optical signals, or any suitable combination thereof. The computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium, and such computer-readable signal medium may transmit, propagate, or transmit programs used by or in combination with instruction execution systems, apparatus, or devices. The program code contained in the computer-readable medium may be transmitted by any suitable medium, including but not limited to electric wires, optical cables, and RF (radio frequency).
[0132] In some embodiments, client terminals and server terminals can communicate using any currently known or future-developed network protocol, such as HTTP (Hyper Text Transfer Protocol), and can 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"), the Internet (e.g., the Internet), peer-to-peer networks (e.g., ad-hoc peer-to-peer networks), and any currently known or future-developed networks.
[0133] The computer-readable medium described above may be included in the electronic device described above, or it may exist independently without being attached to the electronic device.
[0134] The computer-readable medium described above carries one or more programs, and when the one or more programs are executed by the electronic device, it causes the electronic device to acquire a media content stream containing multiple media contents, and if the media content stream contains target media content and satisfies the preload conditions for target media content, it causes the electronic device to acquire a profile of the target media content, including general-purpose media resources and media resources awaiting loading, determines the load information of the media resources awaiting loading based on the profile, and preloads the media resources awaiting loading based on the load information.
[0135] Computer program code for performing the operations disclosed herein may be written in one or more programming languages or a combination thereof, and such programming languages include, but are not limited to, object-oriented programming languages such as Java®, Smalltalk, and C++, and further include conventional procedural programming languages such as the C language or similar programming languages. The program code may run entirely on a user computer, partially on a user computer, run as a standalone software package, partially on a user computer and partially on a remote computer, or run entirely on a remote computer or server terminal. In the case of a remote computer, the remote computer may be connected to the user computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or it may be connected to an external computer (for example, connected via the Internet using an Internet service provider).
[0136] The flowcharts and block diagrams in the drawings illustrate the implementable architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, block, or part of code, which includes one or more executable instructions for implementing a given logical function. In some alternative implementations, the functions attached to a block may occur in a different order than those attached to the drawings. For example, two consecutively represented blocks may be executed substantially in parallel, or in some cases in reverse order. Furthermore, 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 system based on dedicated hardware for performing a given function or operation, or in a combination of dedicated hardware and computer instructions.
[0137] The modules or units described in the embodiments of this disclosure may be implemented in software or in hardware. The names of the modules or units are not limiting to the units themselves; for example, the first acquisition module may be described as the "media content stream acquisition module."
[0138] At least some of the functions described herein may be performed by one or more hardware logic components. For example, non-limiting exemplary types of hardware logic components that can be used include 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).
[0139] In the context of this disclosure, a machine-readable medium may be a tangible medium that contains or can store a program used by or in combination 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. A machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. More specific examples of machine-readable storage media include one or more wire-based electrical connections, 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 (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0140] According to one or more embodiments of the present disclosure, [Example 1] provides a media resource preloading method that includes, if the media content stream includes target media content and satisfies preloading conditions for the target media content, obtaining a profile of the target media content, determining that the target media content includes general media resources and media resources awaiting loading, determining load information for the media resources awaiting loading based on the profile, and preloading the media resources awaiting loading based on the load information.
[0141] According to one or more embodiments of the present disclosure, [Example 2] provides the method of Example 1, wherein if the media content stream contains target media content and satisfies the preload conditions for the target media content, obtaining a profile of the target media content includes obtaining identification information corresponding to the target media content, determining whether a resource packet corresponding to the identification information exists locally, determining the profile in the resource packet as the profile of the target media content if one exists, and preloading the profile corresponding to the identification information if one does not exist.
[0142] According to one or more embodiments of the present disclosure, [Example 3] provides the method of Example 1, wherein the load information includes a preload scheme and resource link data, and determining the load information of the media resources awaiting loading based on the profile includes traversing the pending items in the profile, determining the preload path and preload scheme corresponding to the pending items, and determining the resource link data corresponding to the preload path.
[0143] According to one or more embodiments of the present disclosure, [Example 4] provides the method of Example 1, further comprising the local service layer creating a view of the target media content if the media content stream includes target media content and the preload conditions for the target media content are met, and the view is used to visualize the target media content.
[0144] According to one or more embodiments of the present disclosure, [Example 5] provides the method of Example 1, further comprising: preloading the media resources awaiting loading based on the load information; displaying a target page containing the target media content; receiving operation events for the target media content via the container layer; and responding to the operation events.
[0145] According to one or more embodiments of the present disclosure, [Example 6] provides the method described in Example 5, wherein the generic media resource includes a negative feedback control, and the operation event includes a click event of the negative feedback control.
[0146] According to one or more embodiments of the present disclosure, [Example 7] provides the method of Example 5, wherein receiving operation events for the target media content via a container layer includes receiving operation events for negative feedback controls and / or operation controls in the target media content via a container layer, wherein the jump address, display style and display state corresponding to the operation control are custom items of the operation control.
[0147] According to one or more embodiments of the present disclosure, [Example 8] provides the method of Example 1, further comprising: preloading the pending media resources based on the load information; removing the target media content from the media content stream if loading of a predetermined media resource in the pending media resources fails; and triggering a load success event for the pending media resources if loading of the predetermined media resources is successful.
[0148] According to one or more embodiments of the present disclosure, [Example 9] provides the method of Example 1, further comprising a service terminal scanning a preview pattern which is a pattern generated based on a media resource associated with the target media content, and previewing the target media content.
[0149] According to one or more embodiments of the present disclosure, [Example 10] provides a media resource preloading device comprising: a first acquisition module for acquiring a media content stream containing multiple media contents; a second acquisition module used to acquire a profile of the target media content if the media content stream contains a target media content and satisfies preload conditions for the target media content, and to determine that the target media content includes a general-purpose media resource and a media resource awaiting loading; a determination module for determining load information for the awaiting loading media resource based on the profile; and a preload module for preloading the awaiting loading media resource based on the load information.
[0150] According to one or more embodiments of the present disclosure, [Example 11] includes one or more processors and a storage device in which one or more programs are stored, wherein the one or more programs, when executed by the one or more processors, provide an electronic device that causes one or more processors to implement the media resource preloading method described in any one of Examples 1 to 9.
[0151] According to one or more embodiments of the present disclosure, [Example 12] provides a storage medium that includes a computer executable instruction, which, when executed by a computer processor, is used to perform the media resource preloading method described in any one of Examples 1 to 9.
[0152] In embodiments of this disclosure, the preloading problem of non-fixed content sources is solved by acquiring a media content stream containing multiple media contents, acquiring a profile of the target media content if the media content stream contains target media content and satisfies the preloading conditions for the target media content, determining the load information of the pending media resources based on the profile, and preloading the pending media resources based on the load information. When a media content stream contains target media content and satisfies the preloading conditions for the target media content, the preloading of pending media resources is achieved by the profile, preloading of non-fixed content sources is achieved, a preloading operation is performed before displaying the target media content, and page rendering performance is improved.
[0153] The above description is merely a description 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 spirit of the disclosure. For example, the above features may be replaced with similar functional technical features disclosed in the present disclosure to form technical solutions.
[0154] Furthermore, although each operation is described in a specific order, it should not be understood that these operations must be performed in the specific order or sequence illustrated. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although the above discussion includes some specific implementation details, these should not be construed as limiting the scope of this disclosure. Some features described in the context of other embodiments may be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may be implemented individually or in any suitable subcombination in multiple embodiments.
[0155] Although the present invention has been described using language specific to structural features and / or the logical operation of the method, it should be understood that the subject matter limited in the appended claims is not necessarily limited to the specific features or operations described above. Conversely, the specific features and operations described above are merely illustrative forms that realize the claims.
Claims
1. Obtaining a media content stream containing multiple media contents, If the media content stream includes target media content and satisfies the preload conditions for the target media content, a profile of the target media content is obtained, and the target media content includes general-purpose media resources and media resources awaiting loading. Based on the aforementioned profile, the load information of the media resources awaiting loading is determined, This includes preloading media resources waiting to be loaded based on the aforementioned load information. How to preload media resources.
2. If the media content stream includes target media content and satisfies the preload conditions for the target media content, then obtaining a profile of the target media content is: If the media content stream includes target media content and satisfies the preloading conditions for the target media content, then the identification information corresponding to the target media content is obtained. To determine whether a resource packet corresponding to the aforementioned identification information exists locally, This includes determining the profile in the resource packet as the profile for the target media content if one exists, and preloading the profile corresponding to the identification information if one does not exist. The method according to claim 1.
3. The load information includes the preload method and resource link data, and the load information of the media resources awaiting loading is determined based on the profile. The process involves traversing the pending items in the aforementioned profile and determining the preload path and preload method corresponding to the pending items. This includes determining resource link data corresponding to the aforementioned preload path. The method according to claim 1.
4. If the media content stream includes target media content and satisfies the preloading conditions for the target media content, The local service layer further includes creating a view of the target media content, and the view being used to visualize the target media content. The method according to claim 1.
5. After preloading the media resources awaiting loading based on the aforementioned load information, Displaying a target page containing target media content, Receiving operation events for the target media content via the container layer, Responding to the aforementioned operation event, further includes The method according to claim 1.
6. The general-purpose media resource includes a negative feedback control, and the operation event includes a click event of the negative feedback control. The method according to claim 5.
7. Receiving operation events for the target media content via the container layer means The container layer receives operation events for negative feedback controls and / or operation controls in the target media content, and the jump address, display style, and display state corresponding to the operation control are custom items of the operation control. The method according to claim 5.
8. After preloading the media resources awaiting loading based on the aforementioned load information, If loading a predetermined media resource in the media resources awaiting loading fails, the target media content is deleted from the media content stream. If the loading of the predetermined media resource is successful, the system further includes triggering a successful loading event for the media resource awaiting loading. The method according to claim 1.
9. The service terminal scans for a preview pattern, which is a pattern generated based on the media resources associated with the target media content. Further includes previewing the aforementioned target media content. The method according to claim 1.
10. A first acquisition module for obtaining a media content stream containing multiple media contents, If the media content stream includes target media content and satisfies the preload conditions for the target media content, it is used to obtain a profile of the target media content, and the target media content includes a second acquisition module which includes general-purpose media resources and media resources waiting to be loaded, A decision module for determining the load information of the media resource waiting to be loaded based on the profile, The system includes a preload module for preloading media resources waiting to be loaded based on the load information. Media resource preloading device.
11. One or more processors, A storage device in which one or more programs are stored, When the one or more programs are executed by the one or more processors, they cause the one or more processors to implement the media resource preloading method described in any one of claims 1 to 9. Electronic devices.
12. Computer instructions are stored and, when executed by the processor, are used to realize the method for displaying live streaming room data described in any one of claims 1 to 9. Computer-readable storage medium.