A video playback method, system, device, electronic device, and storage medium.

By creating player instances in advance on the client side and utilizing pre-acquired structured data, the problem of slow video startup speed on search results pages was solved, enabling fast startup and improving user experience.

CN116248914BActive Publication Date: 2026-05-05BEIJING BAIDU NETCOM SCI & TECH CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
BEIJING BAIDU NETCOM SCI & TECH CO LTD
Filing Date
2023-02-16
Publication Date
2026-05-05

AI Technical Summary

Technical Problem

On the search results page, the video playback speed is slow, which affects user experience and retention.

Method used

After receiving a search request containing a player pre-rendering identifier, the client first requests the specified video data and structure data from the server, creates a player instance, and performs rendering operations upon receiving the structure data. Once the player instance has finished rendering, the video can be played.

Benefits of technology

By creating player instances in advance and utilizing pre-acquired structured data, the video playback on the search results page was started quickly, thus improving the playback speed.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116248914B_ABST
    Figure CN116248914B_ABST
Patent Text Reader

Abstract

This disclosure provides a video playback initiation method, system, apparatus, electronic device, and storage medium, relating to the field of computer technology, and particularly to the field of video playback technology. The specific implementation scheme is as follows: In response to a video search operation, a search request containing a player pre-rendering identifier is sent to the server. When the server detects that the received search request contains the player pre-rendering identifier, it sequentially sends back specified video data and specified structural data to the client. When the specified video data is received, a player instance for playing the specified video data is created. When the specified structural data is received, the specified structural data and the player instance are used to render the search results page. If the player instance has finished rendering, the specified video data is played using the player instance on the search results page. This scheme can improve the video playback speed on a webpage.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and more particularly to the field of video playback technology, specifically to a video playback method, system, device, electronic device, and storage medium. Background Technology

[0002] In the context of browsing search results pages, the starting speed of a video on the search results page is particularly important. The faster the video starts playing, the better the user experience will be, thus ensuring user retention.

[0003] The relevant technology uses the same-layer rendering method to render the page. After the static resources on the page have been loaded and all elements on the page have been rendered, the video playback is started by calling the corresponding playback start method. Summary of the Invention

[0004] This disclosure provides a video playback method, system, apparatus, electronic device, and storage medium.

[0005] According to a first aspect of this disclosure, a video initiation method is provided, applied to a client, comprising:

[0006] In response to a video search operation, a search request containing a player pre-rendering identifier is sent to the server, so that when the server detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page;

[0007] When the specified video data is received, a player instance is created to play the specified video data;

[0008] When the specified structure data is received, the specified structure data and the player instance are used to perform the rendering operation of the search results page;

[0009] If the player instance finishes rendering, the specified video data is played using the player instance in the search results page.

[0010] Optionally, the specified structure data includes: specified code content, which is at least used to determine whether the player instance has finished rendering;

[0011] The method further includes:

[0012] During the rendering operation of the search results page, the specified code content is called to obtain a judgment result on whether the player instance has been rendered.

[0013] If the player instance finishes rendering, then the specified video data is played using the player instance in the search results page, including:

[0014] If the judgment result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page.

[0015] Optionally, the method for determining whether the player instance has finished rendering includes: determining whether the specified video data exists in the search results page.

[0016] Optionally, the specified code content is further used to determine whether the specified video data is located within the visible area of ​​the search results page;

[0017] If the determination result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page, including:

[0018] If the determination result indicates that the player instance has completed rendering and the specified video data is located within the visible area of ​​the search results page, then the specified video data is played using the player instance in the search results page.

[0019] Optionally, the specified structure data includes a start tag belonging to a page element;

[0020] Playing the specified video data using the player instance in the search results page includes:

[0021] Once the start-up tag has been rendered, the specified video data is played by triggering the start-up tag using the player instance in the search results page.

[0022] Optionally, the step of rendering the search results page using the specified structure data and the player instance includes:

[0023] The specified structure data and the player instance are used, along with pre-acquired static resources, to perform the rendering operation of the search results page; wherein, the static resources represent the page layout information and page style information of the search results page.

[0024] Optionally, the rendering operation of the search results page using the specified structure data and the player instance, and based on pre-acquired static resources, includes:

[0025] Using the specified structure data, load the search results page, and parse page elements other than the specified video data from the specified structure data;

[0026] According to the page layout and page style information represented by the static resources, the player instance and the parsed page elements are rendered sequentially onto the search results page.

[0027] Optionally, the method for pre-acquiring the static resources includes:

[0028] At a specified idle time on the client side, a static resource retrieval request is sent to the server, so that the server returns the target structure data to the client; wherein, the target structure data is the page structure data of the resource retrieval page, and the resource retrieval page is a page that can download the static resource when it is loaded;

[0029] Using the target structure data, the resource acquisition page is loaded to obtain the static resource.

[0030] According to a second aspect of this disclosure, a video initiation method is provided, applied to a server, comprising:

[0031] Receive a search request containing a player pre-rendering identifier sent by the client in response to a video search operation;

[0032] When the received search request is detected to contain the player pre-rendering identifier, the specified video data and specified structure data are sequentially fed back to the client, so that when the client receives the specified video data, it creates a player instance for playing the specified video data; when the specified structure data is received, it uses the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance is rendered, it uses the player instance in the search results page to play the specified video data.

[0033] Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0034] According to a third aspect of this disclosure, a video initiation system is provided, including a client and a server;

[0035] The client is used to send a search request containing a player pre-rendering identifier to the server in response to a video search operation.

[0036] The server is configured to receive the search request, and when it detects that the received search request contains the player pre-rendering identifier, it sequentially sends back specified video data and specified structure data to the client; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0037] The client is further configured to, when receiving the specified video data, create a player instance for playing the specified video data; when receiving the specified structure data, use the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance has finished rendering, use the player instance in the search results page to play the specified video data.

[0038] According to a fourth aspect of this disclosure, a video initiation device is provided for use on a client, the device comprising:

[0039] The sending module is used to respond to a video search operation by sending a search request containing a player pre-rendering identifier to the server, so that when the server detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0040] A module is created to create a player instance for playing the specified video data when the specified video data is received.

[0041] The rendering module, upon receiving the specified structure data, uses the specified structure data and the player instance to perform the rendering operation of the search results page;

[0042] The playback module is used to play the specified video data using the player instance in the search results page if the player instance has finished rendering.

[0043] According to a fifth aspect of this disclosure, a video initiation device is provided, applied to a server, comprising:

[0044] The receiving module is used to receive the search request sent by the client in response to the video search operation, which contains the player's pre-rendering identifier;

[0045] The feedback module is used to sequentially feed back specified video data and specified structure data to the client when it detects that the received search request contains the player pre-rendering identifier, so that when the client receives the specified video data, it creates a player instance for playing the specified video data; when it receives the specified structure data, it uses the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance has finished rendering, it uses the player instance in the search results page to play the specified video data.

[0046] Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0047] According to a sixth aspect of this disclosure, an electronic device is provided, comprising:

[0048] At least one processor; and

[0049] A memory communicatively connected to the at least one processor; wherein,

[0050] The memory stores instructions that can be executed by the at least one processor to enable the at least one processor to perform any of the video initiation methods described above.

[0051] According to a seventh aspect of this disclosure, a non-transitory computer-readable storage medium is provided storing computer instructions, wherein the computer instructions are used to cause the computer to perform any of the video initiation methods described above.

[0052] According to the eighth aspect of this disclosure, a computer program product is provided, including a computer program that, when executed by a processor, implements any of the video initiation methods described above.

[0053] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0054] The accompanying drawings are provided to better understand this solution and do not constitute a limitation of this disclosure. Wherein:

[0055] Figure 1 This is a flowchart illustrating a video initiation method provided in this disclosure;

[0056] Figure 2 This is another flowchart illustrating a video initiation method provided in this disclosure;

[0057] Figure 3 This is a structural diagram of a video playback system provided in this disclosure;

[0058] Figure 4 This is another structural diagram of a video initiation system provided in this disclosure;

[0059] Figure 5 This is a structural schematic diagram of a video playback device provided in this disclosure;

[0060] Figure 6 This is another structural schematic diagram of a video playback device provided in this disclosure;

[0061] Figure 7 This is a block diagram of an electronic device used to implement a video playback method according to an embodiment of the present disclosure. Detailed Implementation

[0062] The exemplary embodiments of this disclosure are described below with reference to the accompanying drawings, including various details of the embodiments to aid understanding, and should be considered merely exemplary. Therefore, those skilled in the art will recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of this disclosure. Similarly, for clarity and brevity, descriptions of well-known functions and structures are omitted in the following description.

[0063] Users typically obtain information through searches in browsers or apps. In the context of browsing search results pages, the starting speed of a video on that page is particularly important. For example, the faster the first video on the search results page starts playing, the better it is for page distribution within the search results and for improving user experience, thus increasing user retention.

[0064] In related technologies, the search results page is rendered using the same-layer rendering method. After all elements on the search results page have been rendered and static resources have been loaded, the start-up method corresponding to a video to be started is called to start the video playback.

[0065] Among them, co-layer rendering is a technology that allows the page to render Native components and WebView's DOM (Document Object Model) elements together. It can ensure that the Native components and DOM elements have a consistent feel, with almost no difference in rendering level, scrolling experience, touch events, etc. Co-layer rendering players have both the encoding and decoding capabilities and playback experience of NA players (Native Player), and can also scroll with the page.

[0066] At this point, the search results page has too many rendered elements and too many loaded static resources, resulting in a video playback time of more than 5 seconds and a slow video playback speed.

[0067] Based on this, this disclosure provides a video initiation method, system, device, electronic device, and storage medium to improve the initiation speed of videos on a webpage.

[0068] The following section first introduces a video initiation method provided by this disclosure from the client's perspective.

[0069] The video initiation method disclosed herein can be applied to a client running on a terminal device; the terminal device can be a mobile phone, computer, etc., and this disclosure does not limit the specific form of the terminal device. The video initiation method provided herein can be applied to any scenario with video initiation requirements, such as initiating playback of the first video on a search results page, etc.

[0070] Specifically, the execution entity of this video initiation method can be a video initiation device in the client. For example, the video initiation device can be a plugin in an existing client, such as a plugin in a browser or a client that supports search functionality.

[0071] This disclosure provides a video playback initiation method applied to a client, which may include the following steps:

[0072] In response to a video search operation, a search request containing a player pre-rendering identifier is sent to the server, so that when the server detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page;

[0073] When the specified video data is received, a player instance is created to play the specified video data;

[0074] When the specified structure data is received, the specified structure data and the player instance are used to perform the rendering operation of the search results page;

[0075] If the player instance finishes rendering, the specified video data is played using the player instance in the search results page.

[0076] In this solution, the client responds to a video search operation by sending a search request containing a player pre-rendering identifier to the server. Upon detecting this identifier, the server sequentially sends the specified video data and specified structural data back to the client. Specifically, the client sends the specified video data first. Upon receiving this data, the client pre-creates a player instance for playing it. Subsequently, upon receiving the specified structural data, the client can utilize the structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is already rendered, the specified video data can be played using the player instance on the search results page, thus enabling early playback of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0077] The following description, in conjunction with the accompanying drawings, provides an exemplary method for initiating video playback provided in this disclosure.

[0078] like Figure 1 As shown, the video initiation method provided in this disclosure, applied to a client, may include the following steps:

[0079] S101: In response to a video search operation, a search request containing a player pre-rendering identifier is sent to the server, so that when the server detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back the specified video data and the specified structure data to the client.

[0080] Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page;

[0081] When a user performs a video search on the client, such as entering keywords and clicking the search button, the client can respond to this video search operation by sending a search request containing a player pre-rendering identifier to the server. Upon receiving the request, if the server detects the player pre-rendering identifier in the received request, it will sequentially send back the specified video data and specified structural data to the client. The client can then receive the specified video data and specified structural data from the server and execute subsequent steps to initiate playback of the specified video data.

[0082] The process by which the server sequentially sends specified video data and specified structural data back to the client may include: determining the specified video data corresponding to the search request and sending the specified video data back to the client; determining the specified structural data corresponding to the search request and sending the specified structural data back to the client. The process of determining the specified video data and specified structural data corresponding to the search request will be described in subsequent embodiments and will not be elaborated here.

[0083] Of course, in addition to the player pre-rendering identifier, the search request can also include at least the search keywords corresponding to the search request, so that the server can search for various video data as search results based on the search keywords in the search request.

[0084] Understandably, in this disclosure, the search request contains a player pre-rendering identifier. When the server detects that the received request contains a player pre-rendering identifier, the server can first send the specified video data to be started to the client. Of course, the server also needs to send the specified structure data to the client for subsequent rendering operations. That is, when the server detects that the received request contains a player pre-rendering identifier, it can send the specified video data and the specified structure data to the client in sequence.

[0085] In addition, the player pre-rendering identifier can be any type of identifier pre-agreed upon by the client and the server, such as fields containing numbers, symbols, and / or letters; the specified video data can be any video data to be started in the search results page corresponding to the search request, such as the first video data or the Nth video data in the search results page; the specified structure data is the page structure data of the search results page, which can be HTML (Hyper Text Markup Language) structure data. The page structure data can at least contain the code content used to generate the search results page, as well as the page elements of the search results page, etc., without any limitations.

[0086] S102: When the specified video data is received, a player instance is created for playing the specified video data;

[0087] When the client receives the specified video data, it can use the specified video data to create a player instance in advance to play the specified video data. In subsequent rendering operations, the specified structure data and player instance can be directly used to render the search results page, without having to create the player instance during the rendering operation, thereby improving the start-up speed of the specified video data in the subsequent search results page.

[0088] It should be noted that the method of creating a player instance using specified video data can be similar to existing technologies. For example, the player instance can be a video player instance created through layers, which will not be elaborated here.

[0089] In addition, the specified video data may include data such as the size of the specified video, the cover image, and the video content, without any restrictions.

[0090] S103: When the specified structure data is received, the specified structure data and the player instance are used to perform the rendering operation of the search results page;

[0091] When the client receives the specified structured data, it can use the pre-created player instance and the specified structured data to render the search results page.

[0092] For example, in one implementation, the rendering operation of the search results page using the specified structure data and the player instance includes:

[0093] The specified structure data and the player instance are used, along with pre-acquired static resources, to perform the rendering operation of the search results page; wherein, the static resources represent the page layout information and page style information of the search results page.

[0094] When rendering search results pages using a pre-created player instance and specified structure data, the page layout and style information can be determined based on pre-acquired static resources. This allows for a richer and more organized rendering of the search results page, improving the user's subsequent browsing experience. Furthermore, by pre-acquiring static resources to the client, rendering can be performed directly without loading existing static resources, reducing page rendering time and accelerating the playback speed of videos on subsequent pages.

[0095] For example, the rendering operation of the search results page using the specified structure data and the player instance, and based on pre-acquired static resources, includes:

[0096] Using the specified structure data, load the search results page, and parse page elements other than the specified video data from the specified structure data;

[0097] According to the page layout and page style information represented by the static resources, the player instance and the parsed page elements are rendered sequentially onto the search results page.

[0098] When rendering a search results page using specified structured data and a player instance based on pre-acquired static resources, the search results page can be loaded first using the specified structured data. This specified structured data contains page elements other than the specified video data, which can be parsed to obtain these page elements. After obtaining the search results page, which is not yet rendered, the player instance and the parsed page elements can be rendered sequentially onto the search results page based on the page layout and style information represented by the static resources. Rendering refers to sequentially rendering the player instance and the parsed page elements to their corresponding positions on the search results page based on the page layout and style information of the static resources. The specific rendering method is similar to existing technologies and will not be elaborated upon here.

[0099] When rendering a search results page using specified structured data and a player instance based on pre-acquired static resources, the search results page can be loaded first, and the page elements can be parsed. When rendering using static resources, the player instance and the parsed page elements can be rendered to the search results page in sequence. That is, the player instance can be rendered to the search results page first, and then the specified video data can be started when the player instance is finished rendering, thereby improving the start-up speed of the video on the page.

[0100] Page elements can include other videos, images, links, and / or text elements from the search results page; for example, page elements can be DOM elements.

[0101] Understandably, when rendering the player instance and the parsed page elements, the player instance can be rendered to the search results page first. Of course, the player instance and the parsed page elements can also be rendered simultaneously to the search results page. Rendering the player instance first can improve the playback speed of subsequent specified video data. Furthermore, due to the large number of page elements, regardless of whether the player instance and page elements are rendered simultaneously or first, if the player instance finishes rendering but not all page elements have been rendered to the search results page, the specified video data can be played directly using the player instance, thereby improving the playback speed of videos on the page.

[0102] Furthermore, the method for pre-acquiring static resources will be described in detail in subsequent embodiments, and will not be repeated here.

[0103] S104: If the player instance has finished rendering, then the specified video data is played using the player instance in the search results page;

[0104] In this disclosure, it is not necessary for all elements on the search results page to be rendered. If the player instance is rendered, the specified video data can be played using the player instance on the search results page, thereby enabling the early start-up of the specified video data and improving the start-up speed of the specified video data on the search results page.

[0105] Optionally, the specified structure data includes a start tag belonging to a page element;

[0106] Playing the specified video data using the player instance in the search results page includes:

[0107] Once the start-up tag has been rendered, the specified video data is played by triggering the start-up tag using the player instance in the search results page.

[0108] It is understandable that playing a specified video data using the player instance in the search results page requires the player instance to be rendered. When playing a specified video data using the player instance, the specified video data can be played by triggering the start playback tag, provided that the start playback tag has been rendered.

[0109] It should be noted that when initiating playback of specified video data, the player instance can play the specified video data through the start-up tag. For example, the start-up tag can be a video tag, such as video.play. Furthermore, the start-up tag can be a page element in the specified structure data for the search results page. During the above rendering operation, the start-up tag can be rendered synchronously with the player instance in advance. That is, the player instance and the start-up tag are rendered to the search results page first. When the player instance has finished rendering, the specified video data can be played by triggering the start-up tag, thereby improving the start-up speed of the specified video data in the search results page.

[0110] It is understood that the method of initiating playback of specified video data via a start-up tag is merely an illustrative example of how to initiate playback of specified video data. Any method that can initiate playback of specified video data after the player instance has finished rendering is applicable to this disclosure and is not limited herein. Using a start-up tag, the player instance and the start-up tag can be rendered synchronously on the search results page. If the player instance has finished rendering, it can quickly initiate playback of the specified video data by triggering the start-up tag once the start-up tag has finished rendering.

[0111] The collection, storage, use, processing, transmission, provision, and disclosure of the specified video data and specified structure data involved in the technical solution disclosed herein comply with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0112] In this solution, the client responds to a video search operation by sending a search request containing a player pre-rendering identifier to the server. Upon detecting this identifier, the server sequentially sends the specified video data and specified structural data back to the client. Specifically, the client sends the specified video data first. Upon receiving this data, the client pre-creates a player instance for playing it. Subsequently, upon receiving the specified structural data, the client can utilize the structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is already rendered, the specified video data can be played using the player instance on the search results page, thus enabling early playback of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0113] Optionally, in another embodiment of this disclosure, the specified structure data includes: specified code content, which is at least used to determine whether the player instance has finished rendering;

[0114] The method further includes:

[0115] During the rendering operation of the search results page, the specified code content is called to obtain a judgment result on whether the player instance has been rendered.

[0116] If the player instance finishes rendering, then the specified video data is played using the player instance in the search results page, including:

[0117] If the judgment result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page.

[0118] The specified structure data contains specified code content, which can at least determine whether the player instance has finished rendering. For example, the specified structure data can be HTML structure data, and the specified code content can be JS (JavaScript) code content. The JS code content can be located anywhere in the HTML structure data, without any limitation.

[0119] During the rendering of the search results page, you can call specified code to determine whether the player instance has finished rendering and obtain the result. If the result indicates that the player instance has finished rendering, you can use the player instance in the search results page to play the specified video data.

[0120] By utilizing the specified code content within the specified structure data, it is possible to accurately determine whether the player instance has finished rendering. When it is determined that the player instance has finished rendering, the specified video data can be played directly using the player instance in the search results page, without having to wait for all elements in the search results page to finish rendering, thereby improving the start-up speed of videos on the page.

[0121] Optionally, in one implementation, the method of determining whether the player instance has finished rendering includes: determining whether the specified video data exists in the search results page.

[0122] It is understandable that the player instance is created using specified video data. The player instance contains the specified video data, and the search results page will display the specified video data after the player instance is rendered. Therefore, the way to determine whether the player instance has finished rendering is to check whether the specified video data exists in the search results page. When the specified video data exists in the search results page, it can be directly determined that the player instance has finished rendering, and the subsequent steps of playing the specified video data can be executed.

[0123] By determining whether the specified video data exists in the search results page, it is possible to accurately determine whether the player instance has finished rendering. When the player instance has finished rendering, the playback steps for the specified video data can be executed directly without the need for other page elements in the search results page to finish rendering, thereby improving the playback speed of videos on the page.

[0124] Optionally, the specified code content is further used to determine whether the specified video data is located within the visible area of ​​the search results page;

[0125] If the determination result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page, including:

[0126] If the determination result indicates that the player instance has completed rendering and the specified video data is located within the visible area of ​​the search results page, then the specified video data is played using the player instance in the search results page.

[0127] In some scenarios, the search results page can be a long page, and the client's electronic device can only display a portion of the search results page. Users can browse other hidden areas of the search results page by swiping or scrolling. When the player instance is rendered to the search results page, the specified video data of the player instance may not be within the visible area of ​​the search results page displayed on the client, that is, it may exist in a hidden area. In this case, the specified code content can be used to determine whether the specified video data is within the visible area of ​​the search results page. If the determination result of the specified code content indicates that the player instance has been rendered and the specified video data is within the visible area of ​​the search results page, then the player instance on the search results page can be used to play the specified video data.

[0128] By specifying the code content, it is possible to accurately determine whether the specified video data is within the visible area of ​​the search results page. If it is, the subsequent playback steps of the specified video data can be executed directly without the other page elements on the search results page having finished rendering, thereby achieving fast playback of the specified video data and improving the playback speed of videos on the page.

[0129] In addition, whether the player instance has finished rendering and whether the specified video data is within the visible area of ​​the search results page can be used as the conditions for starting playback of the specified video data. The specified code content can be used to determine whether the search results page meets the conditions for starting playback of the specified video data. When the conditions are met, that is, the player instance has finished rendering and the specified video data is within the visible area of ​​the search results page, the player instance can be used to play the specified video data.

[0130] By calling or executing specified code, it is possible to accurately determine whether the search results page meets the conditions for starting playback of the specified video data. When the conditions are met, the specified video data can be played directly using the player instance without the need for other page elements on the search results page to finish rendering, thus achieving fast playback of the specified video data. It is evident that this solution can improve the playback speed of videos on the page.

[0131] Optionally, in another embodiment of this disclosure, the method of pre-acquiring the static resources includes: steps A1-A2;

[0132] Step A1: At a specified idle time on the client side, a static resource acquisition request is sent to the server so that the server can return the target structure data to the client.

[0133] The target structure data is the page structure data of the resource acquisition page, and the resource acquisition page is the page that can download the static resources when loaded;

[0134] When retrieving static resources, a static resource retrieval request can be sent to the server at a time when the client's loading process is not interrupted, i.e., at an idle time, such as when the client starts up or when the search box is focused. The search box being focused can be the time when the user enters keywords in the search box, etc. The server can then send the target structure data back to the client, and the client can subsequently use this target structure data to obtain the static resource.

[0135] The target structure data is the page structure data of the resource acquisition page, which can download static resources when loaded. It should be noted that the resource acquisition page can be a blank HTML page, which is only used to load and acquire static resources. The page structure data contains the download address of the static resources, and the static resources can be downloaded later by loading the download address of the static resources on the resource acquisition page.

[0136] Step A2: Using the target structure data, load the resource acquisition page to obtain the static resource;

[0137] After obtaining the target structure data, the client can use it to load resources and retrieve the page. The target structure data also contains download addresses for static resources, which can be obtained by loading these addresses into the resource retrieval page. These static resources represent the page layout and style information of the search results page. Furthermore, these static resources are common to all types of search results pages, and the client can cache them for later use.

[0138] It should be noted that the above method of obtaining static resources by requesting and loading the page is merely an example and should not constitute a limitation on the method of obtaining static resources in advance. Any method that can achieve the pre-obtaining of static resources is applicable to this disclosure and is not limited here.

[0139] Sending static resource retrieval requests at specified idle times on the client side allows for the pre-retrieval of static resources without affecting the loading of the client's own process. Furthermore, by loading the resource retrieval page, static resources can be quickly obtained. After obtaining the static resources, the client can cache them and directly call them when using them later, without having to request them from the server again, thus reducing the loading time of static resources and improving the start-up speed of videos on subsequent pages.

[0140] It should be noted that during the interaction between the client and the server, they can communicate using the PB (Protocol Buffer) protocol.

[0141] Based on the above embodiments, this disclosure also provides a video initiation method from the perspective of the server.

[0142] The video initiation method disclosed herein can be applied to a server; the video initiation method provided herein can be applied to any scenario with video initiation requirements, such as: a scenario where the first video in a search results page is started, etc.

[0143] In addition, the execution entity of the video initiation method provided in this disclosure can be a video initiation device, which can be a computer program running on a server.

[0144] like Figure 2 As shown, the video initiation method provided in this disclosure, applied to a server, may include the following steps:

[0145] S201: Receive a search request containing a player pre-rendering identifier sent by the client in response to a video search operation;

[0146] When a user performs a video search operation on the client, such as entering keywords and clicking the search button, the client can respond to this video search operation by sending a search request containing player pre-rendering identifiers to the server. The server can receive the search request containing player pre-rendering identifiers sent by the client in response to the video search operation, and then perform subsequent steps to return data to the client.

[0147] S202: When the received search request is detected to contain the player pre-rendering identifier, the specified video data and specified structure data are sequentially fed back to the client, so that when the client receives the specified video data, it creates a player instance for playing the specified video data; when the specified structure data is received, it uses the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance is rendered, it uses the player instance in the search results page to play the specified video data.

[0148] Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0149] When the server receives a search request, it can detect whether the search request contains a player pre-rendering identifier. If the player pre-rendering identifier is detected, it can send the specified video data and specified structure data back to the client in sequence.

[0150] The process of the server sequentially sending specified video data and specified structure data back to the client may include: determining the specified video data corresponding to the search request and sending the specified video data back to the client; determining the specified structure data corresponding to the search request and sending the specified structure data back to the client.

[0151] Furthermore, the search request may at least contain the search keywords corresponding to the search request. Upon receiving the search request, the server can search for the video data corresponding to the search keywords, determine the specified video data from the video data, and return the specified video data to the client. For example, the method of determining the specified video data from the video data may include: sorting the video data, which may be sorting the video data from high to low according to the relevance of the video data to the search keywords. After sorting, the first video data or the Nth video data may be determined as the specified video data.

[0152] The server can also determine the specified structured data corresponding to the search keywords and send this data back to the client. Methods for determining the specified structured data can include identifying other video data besides the specified video data, as well as text, images, and links corresponding to the search keywords, as page elements of the search results page. The code content used to form the search results page and the page elements of the search results page are then defined as the specified structured data. Of course, the code content used to form the search results page may contain the specified code content, and the page elements of the search results page may contain a start-up tag.

[0153] After the specified video data and specified structure data are sequentially fed back to the client, the client can start playing the specified video data in advance based on the specified video data and specified structure data. The specific method is similar to the above embodiment and will not be described in detail here.

[0154] It should be noted that steps S201-S202 in this embodiment and steps S101-S104 above are used to introduce the video start-up method provided by this disclosure from different perspectives. For a detailed description of some steps in this embodiment, please refer to the above embodiments, which will not be repeated here.

[0155] In this solution, the server receives a search request containing a player pre-rendering identifier from the client in response to a video search operation. Upon detecting the player pre-rendering identifier in the received request, the server sequentially sends back the specified video data and specified structural data to the client. That is, the specified video data is sent to the client first. When the client receives the specified video data, it pre-creates a player instance for playing it. Subsequently, when the specified structural data is received, it can use the specified structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is rendered, the specified video data can be played using the player instance on the search results page, thus enabling the pre-playing of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0156] Based on the above method embodiments, this disclosure also provides a video initiation system, such as... Figure 3 As shown, the system includes: client 310 and server 320.

[0157] The client 310 is used to send a search request containing a player pre-rendering identifier to the server 320 in response to a video search operation.

[0158] The server 320 is configured to receive the search request, and when it detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client 310; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0159] The client 310 is further configured to, when receiving the specified video data, create a player instance for playing the specified video data; when receiving the specified structure data, use the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance has finished rendering, use the player instance in the search results page to play the specified video data.

[0160] In this solution, the client responds to a video search operation by sending a search request containing a player pre-rendering identifier to the server. Upon detecting this identifier, the server sequentially sends the specified video data and specified structural data back to the client. Specifically, the client sends the specified video data first. Upon receiving this data, the client pre-creates a player instance for playing it. Subsequently, upon receiving the specified structural data, the client can utilize the structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is already rendered, the specified video data can be played using the player instance on the search results page, thus enabling early playback of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0161] Optionally, the specified structure data includes: specified code content, which is at least used to determine whether the player instance has finished rendering;

[0162] The client is also used for:

[0163] During the rendering operation of the search results page, the specified code content is called to obtain a judgment result on whether the player instance has been rendered.

[0164] If the player instance finishes rendering, then the specified video data is played using the player instance in the search results page, including:

[0165] If the judgment result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page.

[0166] Optionally, the method for determining whether the player instance has finished rendering includes: determining whether the specified video data exists in the search results page.

[0167] Optionally, the specified code content is further used to determine whether the specified video data is located within the visible area of ​​the search results page;

[0168] If the determination result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page, including:

[0169] If the determination result indicates that the player instance has completed rendering and the specified video data is located within the visible area of ​​the search results page, then the specified video data is played using the player instance in the search results page.

[0170] Optionally, the specified structure data includes a start tag belonging to a page element;

[0171] The client uses the player instance in the search results page to play the specified video data, including:

[0172] Once the start-up tag has been rendered, the specified video data is played by triggering the start-up tag using the player instance in the search results page.

[0173] Optionally, the client uses the specified structure data and the player instance to perform the rendering operation of the search results page, including:

[0174] The specified structure data and the player instance are used, along with pre-acquired static resources, to perform the rendering operation of the search results page; wherein, the static resources represent the page layout information and page style information of the search results page.

[0175] Optionally, the client utilizes the specified structure data and the player instance, as well as pre-acquired static resources, to perform the rendering operation of the search results page, including:

[0176] Using the specified structure data, load the search results page, and parse page elements other than the specified video data from the specified structure data;

[0177] According to the page layout and page style information represented by the static resources, the player instance and the parsed page elements are rendered sequentially onto the search results page.

[0178] Optionally, the method for pre-acquiring the static resources includes:

[0179] The client sends a static resource acquisition request to the server at a specified idle time on the client side;

[0180] The server sends target structure data back to the client; wherein, the target structure data is the page structure data of the resource acquisition page, and the resource acquisition page is the page that can download the static resources when loaded;

[0181] The client uses the target structure data to load the resource acquisition page and obtain the static resource.

[0182] The following detailed description of a video playback system provided in this disclosure is based on a specific embodiment.

[0183] like Figure 4As shown, in order to clearly explain the working principle of the video playback system, this embodiment provides a detailed description of the video playback system disclosed herein from the perspective of interaction between the page, the APP, and the server; wherein, the page is any front-end page in the APP, the APP is the aforementioned client, and the server is the aforementioned server.

[0184] The video playback process includes two steps: static resource prefetching and player pre-rendering.

[0185] Static resource prefetching includes steps S401-S404;

[0186] S401: App requests static resource pages during idle periods; when the app is idle, such as during app startup or search bar focus, the app can request static resource pages from the server to obtain static resources. This corresponds to the steps described above where the client sends a static resource retrieval request to the server during a specified idle period to obtain static resources.

[0187] S402: Output static resource page structure data; After receiving the request from the APP, the server can output static resource page structure data and, through step S403, feed the data back to the page in the APP. The static resource page structure data is the target structure data mentioned above, which includes the page HTML structure data and the static resource download address, corresponding to the step where the server feeds back the target structure data to the client.

[0188] S403: Returns static resource page structure data; that is, it returns the static resource page structure data output by the server to the page in the APP.

[0189] S404: Loading Static Resource Page Structure Data; After receiving the static resource structure data, the page in the app can obtain static resources by loading the static resource structure data. Specifically, the page starts loading the download addresses of static resources related to video playback, such as CSS (Cascading Style Sheets) and JS. After loading, the app can obtain and cache the static resources. When the search results page is accessed subsequently, the cached static resources can be reused directly without requesting them again, reducing the static resource loading time. This corresponds to the steps described above: using the target structure data to load resources, obtain the page, and obtain static resources.

[0190] It should be noted that the above steps S401-S404 are pre-executed by the APP when the process is idle, and the static resource can be called in subsequent steps.

[0191] Player pre-rendering includes steps S405-S414;

[0192] S405: Initiate a search; that is, the user initiates a search request on a page or in the search box in the APP, which can be the video search operation mentioned above.

[0193] S406: Add a player pre-rendering identifier; After a user initiates a search request on the page, the APP can add a player pre-rendering identifier to the request header and send a search request containing the player pre-rendering identifier to the server; This player pre-rendering identifier is used to distinguish whether the request sent by the APP is a player pre-rendering request.

[0194] S407: Output pre-rendered video data for the player; Upon receiving a search request containing a player pre-rendering identifier, the server can output pre-rendered video data for the player, for example, outputting the first video data to be started in the search results page. Subsequent steps then sequentially feed the video data and search results page structure data back to the app. The steps of the server sequentially outputting pre-rendered video data and search results page structure data correspond to the steps described above of sequentially feeding back the specified video data and specified structure data to the client.

[0195] S408: Return video data; that is, feed back the pre-rendered video data processed by the server to the APP. For example, the pre-rendered video data of the player can be fed back to the APP through the PB (Protocol Buffer) protocol. The PB protocol is a language-independent, platform-independent, and highly scalable structured data serialization method for communication protocols and data storage, which is suitable for communication between the client and the backend.

[0196] S409: Create and cache a player instance; After receiving video data, the app can use the video data to create a player instance and cache it locally. This corresponds to the steps described above where the client creates a player instance to play the specified video data when it receives it.

[0197] S410: Output search results page structure data; that is, after the server outputs the pre-rendered video data of the player, it continues to output search results page structure data; the search results page structure data can be the HTML structure data of the first screen page, which can include the aforementioned start-up tag, DOM elements, and JS code content, etc.

[0198] S411: Returns the search results page structure data; that is, it returns the search results page structure data output by the server to the page in the APP.

[0199] S412: Load search results page structure data and render the player instance and other elements; After the page obtains the search results page structure data, it can load the search results page structure data, obtain the search results page, and use pre-acquired static resources to render the player instance and other elements onto the search results page. This corresponds to the steps described above: when specified structure data is received, the page renders the search results page using the specified structure data and the player instance.

[0200] S413: Call the video start method; if the video start conditions are met, that is, if the player instance has finished rendering and the video data is within the visible area of ​​the search results page, the page can directly call the video start method, i.e., the start tag mentioned above, regardless of whether other elements have finished rendering.

[0201] S414: Reuse Player; After calling the video start method, you can reuse the player instance rendered on the page in the APP to play video data, thereby enabling the video on the page to start playing in advance.

[0202] Steps S413-S414 correspond to the steps described above where, after the start-up tag has been rendered, the player instance on the search results page is used to play the specified video data by triggering the start-up tag.

[0203] Among them, steps S405-S409 are steps to create the player in advance, and steps S410-S414 are steps to call the video to start playing in advance; and, when the APP and the server interact, they can communicate through the above-mentioned PB protocol.

[0204] In this disclosure, static resources can be pre-acquired. When the search results page is accessed, these static resources can be reused directly without further requests, reducing the loading time of static resources. Through a player pre-rendering flag, the server can send the video data to be played to the client in advance. The client can then create a player instance in advance. After receiving the search results page structure data, the client can use this data and the created player instance to render the search results page. Furthermore, this disclosure does not require all elements on the search results page to be rendered completely; once the player instance is rendered, it can be used directly to play the video data, enabling early playback of the video on the page. Therefore, this disclosure can pre-acquire and cache static resources, pre-create player instances, and call the video playback capability in advance after the player instance is rendered, improving the video playback speed from 5s to 2.7s, thus increasing the playback speed of videos on the page.

[0205] According to embodiments of this disclosure, this disclosure also provides a video initiation device, applied to a client, such as... Figure 5 As shown, the device includes:

[0206] The sending module 510 is used to send a search request containing a player pre-rendering identifier to the server in response to a video search operation, so that when the server detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client; wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0207] A creation module 520 is used to create a player instance for playing the specified video data when the specified video data is received.

[0208] The rendering module 530 is used to perform the rendering operation of the search results page using the specified structure data and the player instance when the specified structure data is received.

[0209] The playback module 540 is used to play the specified video data using the player instance in the search results page if the player instance has finished rendering.

[0210] In this solution, the client responds to a video search operation by sending a search request containing a player pre-rendering identifier to the server. Upon detecting this identifier, the server sequentially sends the specified video data and specified structural data back to the client. Specifically, the client sends the specified video data first. Upon receiving this data, the client pre-creates a player instance for playing it. Subsequently, upon receiving the specified structural data, the client can utilize the structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is already rendered, the specified video data can be played using the player instance on the search results page, thus enabling early playback of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0211] Optionally, the specified structure data includes: specified code content, which is at least used to determine whether the player instance has finished rendering;

[0212] The device further includes a calling module for:

[0213] During the rendering operation of the search results page, the specified code content is called to obtain a judgment result on whether the player instance has been rendered.

[0214] The playback module includes a playback submodule, used for:

[0215] If the judgment result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page.

[0216] Optionally, the method for determining whether the player instance has finished rendering includes: determining whether the specified video data exists in the search results page.

[0217] Optionally, the specified code content is further used to determine whether the specified video data is located within the visible area of ​​the search results page;

[0218] The playback submodule is specifically used for:

[0219] If the determination result indicates that the player instance has completed rendering and the specified video data is located within the visible area of ​​the search results page, then the specified video data is played using the player instance in the search results page.

[0220] Optionally, the specified structure data includes a start tag belonging to a page element;

[0221] Playing the specified video data using the player instance in the search results page includes:

[0222] Once the start-up tag has been rendered, the specified video data is played by triggering the start-up tag using the player instance in the search results page.

[0223] Optionally, the rendering module includes a rendering submodule for:

[0224] The specified structure data and the player instance are used, along with pre-acquired static resources, to perform the rendering operation of the search results page; wherein, the static resources represent the page layout information and page style information of the search results page.

[0225] Optionally, the rendering submodule is specifically used for:

[0226] Using the specified structure data, load the search results page, and parse page elements other than the specified video data from the specified structure data;

[0227] According to the page layout and page style information represented by the static resources, the player instance and the parsed page elements are rendered sequentially onto the search results page.

[0228] Optionally, the method for pre-acquiring the static resources includes:

[0229] At a specified idle time on the client side, a static resource retrieval request is sent to the server, so that the server returns the target structure data to the client; wherein, the target structure data is the page structure data of the resource retrieval page, and the resource retrieval page is a page that can download the static resource when it is loaded;

[0230] Using the target structure data, the resource acquisition page is loaded to obtain the static resource.

[0231] According to embodiments of this disclosure, this disclosure also provides a video initiation device applied to a server, such as... Figure 6 As shown, the device includes:

[0232] The receiving module 610 is used to receive a search request containing a player pre-rendering identifier sent by the client in response to a video search operation;

[0233] The feedback module 620 is used to sequentially feed back specified video data and specified structure data to the client when it detects that the received search request contains the player pre-rendering identifier, so that when the client receives the specified video data, it creates a player instance for playing the specified video data; when it receives the specified structure data, it uses the specified structure data and the player instance to perform the rendering operation of the search results page; if the player instance has finished rendering, it uses the player instance in the search results page to play the specified video data.

[0234] Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, and the specified structure data is the page structure data of the search results page.

[0235] In this solution, the server receives a search request containing a player pre-rendering identifier from the client in response to a video search operation. Upon detecting the player pre-rendering identifier in the received request, the server sequentially sends back the specified video data and specified structural data to the client. That is, the specified video data is sent to the client first. When the client receives the specified video data, it pre-creates a player instance for playing it. Subsequently, when the specified structural data is received, it can use the specified structural data and the player instance to render the search results page. In this solution, the search results page does not need to be fully rendered. If the player instance is rendered, the specified video data can be played using the player instance on the search results page, thus enabling the pre-playing of the specified video data. Therefore, this solution can improve the playback speed of videos on a webpage.

[0236] According to embodiments of this disclosure, this disclosure also provides an electronic device, a readable storage medium, and a computer program product.

[0237] This disclosure provides an electronic device, including:

[0238] At least one processor; and

[0239] A memory communicatively connected to the at least one processor; wherein,

[0240] The memory stores instructions that can be executed by the at least one processor, which, when executed by the at least one processor, enables the at least one processor to perform the video initiation method.

[0241] This disclosure provides a non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause the computer to execute the video initiation method.

[0242] This disclosure provides a computer program product, including a computer program that, when executed by a processor, implements the video initiation method.

[0243] Figure 7 A schematic block diagram of an example electronic device 700 that can be used to implement embodiments of the present disclosure is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the present disclosure described and / or claimed herein.

[0244] like Figure 7 As shown, device 700 includes a computing unit 701, which can perform various appropriate actions and processes based on a computer program stored in read-only memory (ROM) 702 or a computer program loaded from storage unit 708 into random access memory (RAM) 703. RAM 703 may also store various programs and data required for the operation of device 700. The computing unit 701, ROM 702, and RAM 703 are interconnected via bus 704. Input / output (I / O) interface 705 is also connected to bus 704.

[0245] Multiple components in device 700 are connected to I / O interface 705, including: input unit 706, such as keyboard, mouse, etc.; output unit 707, such as various types of monitors, speakers, etc.; storage unit 708, such as disk, optical disk, etc.; and communication unit 709, such as network card, modem, wireless transceiver, etc. Communication unit 709 allows device 700 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0246] The computing unit 701 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 701 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 701 performs the various methods and processes described above, such as the video initiation method. For example, in some embodiments, the video initiation method may be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 708. In some embodiments, part or all of the computer program may be loaded and / or installed on device 700 via ROM 702 and / or communication unit 709. When the computer program is loaded into RAM 703 and executed by the computing unit 701, one or more steps of the video initiation method described above may be performed. Alternatively, in other embodiments, the computing unit 701 may be configured to perform the video initiation method by any other suitable means (e.g., by means of firmware).

[0247] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.

[0248] The program code used to implement the methods of this disclosure may be written in any combination of one or more programming languages. This program code may be provided to a processor or controller of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus, such that when executed by the processor or controller, the program code causes the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The program code may be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0249] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. 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 fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0250] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device for displaying information to the user (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor); and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the computer. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0251] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as a data server), or computing systems that include middleware components (e.g., an application server), or computing systems that include frontend components (e.g., a user computer with a graphical user interface or web browser through which a user can interact with embodiments of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., a communication network). Examples of communication networks include local area networks (LANs), wide area networks (WANs), and the Internet.

[0252] Computer systems can include clients and servers. Clients and servers are generally located far apart and typically interact via communication networks. Client-server relationships are created by computer programs running on the respective computers and having a client-server relationship with each other. Servers can be cloud servers, servers in distributed systems, or servers incorporating blockchain technology.

[0253] It should be understood that the various forms of processes shown above can be used to rearrange, add, or delete steps. For example, the steps described in this disclosure can be executed in parallel, sequentially, or in different orders, as long as the desired result of the technical solution disclosed in this disclosure can be achieved, and this is not limited herein.

[0254] The specific embodiments described above do not constitute a limitation on the scope of protection of this disclosure. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this disclosure should be included within the scope of protection of this disclosure.

Claims

1. A video initiation method, applied to a client, comprising: In response to a video search operation, a search request containing search keywords and a player pre-rendering identifier is sent to the server. When the server detects that the received search request contains the player pre-rendering identifier, it sequentially sends back specified video data and specified structural data to the client. The specified video data is the video data to be played in the search results page corresponding to the search request, determined based on the search keywords. The specified structural data is the page structure data of the search results page. Furthermore, the specified video data is sent back before the specified structural data. When the specified video data is received, a player instance for playing the specified video data is created using the specified video data; When the specified structure data is received, the specified structure data and the player instance, along with static resources common to any type of search result page obtained in advance, are used to render the search result page. The static resources represent page layout information and page style information, and the static resources are obtained by: sending a static resource acquisition request to the server at a specified idle time on the client, so that the server returns target structure data to the client, the target structure data package containing the download address of the static resources; and loading the download address of the static resources into a blank HTML page to obtain the static resources. If the player instance finishes rendering, the specified video data is played using the player instance in the search results page.

2. The method according to claim 1, wherein, The specified structure data includes: specified code content, which is at least used to determine whether the player instance has finished rendering; The method further includes: During the rendering operation of the search results page, the specified code content is called to obtain a judgment result on whether the player instance has been rendered. If the player instance finishes rendering, then the specified video data is played using the player instance in the search results page, including: If the judgment result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page.

3. The method according to claim 2, wherein, The method for determining whether the player instance has finished rendering includes: determining whether the specified video data exists in the search results page.

4. The method according to claim 2, wherein, The specified code content is also used to determine whether the specified video data is located within the visible area of ​​the search results page; If the determination result indicates that the player instance has completed rendering, the specified video data is played using the player instance in the search results page, including: If the determination result indicates that the player instance has completed rendering and the specified video data is located within the visible area of ​​the search results page, then the specified video data is played using the player instance in the search results page.

5. The method according to any one of claims 1-4, wherein, The specified structure data includes starter tags belonging to page elements; Playing the specified video data using the player instance in the search results page includes: Once the start-up tag has been rendered, the specified video data is played by triggering the start-up tag using the player instance in the search results page.

6. The method according to claim 1, wherein, The step of rendering the search results page using the specified structure data and the player instance, and based on pre-acquired static resources common to any type of search results page, includes: Using the specified structure data, load the search results page, and parse page elements other than the specified video data from the specified structure data; According to the page layout and page style information represented by the static resources, the player instance and the parsed page elements are rendered onto the search results page in sequence.

7. A video initiation method, applied to a server, comprising: Receive a search request sent by the client in response to a video search operation, which includes search keywords and player pre-rendering identifiers; When the received search request is detected to contain the player pre-rendering identifier, the specified video data and specified structure data are sequentially fed back to the client. When the client receives the specified video data, it uses the specified video data to create a player instance for playing the specified video data. When the specified structure data is received, the specified structure data, the player instance, and the static resources common to any type of search result page obtained in advance are used to perform the rendering operation of the search result page. If the player instance is rendered, the specified video data is played using the player instance in the search result page. Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, which is determined based on the search keywords; the specified structure data is the page structure data of the search results page; and the specified video data is fed back before the specified structure data. The static resources represent page layout information and page style information, and the static resources are obtained by means of: sending a static resource acquisition request to the server at a specified idle time on the client, so that the server returns target structure data to the client, the target structure data packet containing the download address of the static resource; and loading the download address of the static resource in a blank HTML page to obtain the static resource.

8. A video playback system, comprising a client and a server; The client is used to send a search request containing search keywords and player pre-rendering identifiers to the server in response to a video search operation. The server is configured to receive the search request, and when it detects that the received search request contains the player pre-rendering identifier, it sequentially feeds back specified video data and specified structure data to the client; wherein, the specified video data is video data to be started in the search results page corresponding to the search request, determined based on the search keywords, and the specified structure data is the page structure data of the search results page, and the specified video data is fed back before the specified structure data. The client is further configured to, when receiving the specified video data, use the specified video data to create a player instance for playing the specified video data; when receiving the specified structure data, use the specified structure data and the player instance, as well as static resources common to any type of search result page obtained in advance, to perform a rendering operation on the search result page; if the player instance is rendered, then use the player instance in the search result page to play the specified video data. The static resources represent page layout information and page style information, and the static resources are obtained by means of: sending a static resource acquisition request to the server at a specified idle time on the client, so that the server returns target structure data to the client, the target structure data packet containing the download address of the static resource; and loading the download address of the static resource in a blank HTML page to obtain the static resource.

9. A video playback initiation device, applied to a client, the device comprising: The sending module is configured to respond to a video search operation by sending a search request containing search keywords and a player pre-rendering identifier to the server. This allows the server to sequentially send specified video data and specified structural data back to the client upon detecting that the received search request contains the player pre-rendering identifier. The specified video data is determined based on the search keywords and is the video data to be played in the search results page corresponding to the search request. The specified structural data is the page structure data of the search results page. Furthermore, the specified video data is sent back before the specified structural data. A creation module is used to create a player instance for playing the specified video data when the specified video data is received. The rendering module, upon receiving the specified structure data, utilizes the specified structure data, the player instance, and pre-acquired static resources common to any type of search result page to perform rendering operations on the search result page; wherein, the static resources represent page layout information and page style information, and the static resources are acquired by: sending a static resource acquisition request to the server at a specified idle time on the client, so that the server returns target structure data to the client, the target structure data package containing the download address of the static resources; and loading the download address of the static resources into a blank HTML page to obtain the static resources; The playback module is used to play the specified video data using the player instance in the search results page if the player instance has finished rendering.

10. A video playback initiation device, applied to a server, comprising: The receiving module is used to receive the search request sent by the client in response to the video search operation, which contains search keywords and player pre-rendering identifiers; The feedback module is used to sequentially send specified video data and specified structure data back to the client when it detects that the received search request contains the player pre-rendering identifier. This allows the client to create a player instance for playing the specified video data when it receives the specified video data, and to perform the rendering operation of the search results page using the specified structure data, the player instance, and static resources common to any type of search results page obtained in advance, when it receives the specified structure data. If the player instance has finished rendering, the specified video data is played using the player instance in the search results page. Wherein, the specified video data is the video data to be started in the search results page corresponding to the search request, which is determined based on the search keywords; the specified structure data is the page structure data of the search results page; and the specified video data is fed back before the specified structure data. The static resources represent page layout information and page style information, and the static resources are obtained by means of: sending a static resource acquisition request to the server at a specified idle time on the client, so that the server returns target structure data to the client, the target structure data packet containing the download address of the static resource; and loading the download address of the static resource in a blank HTML page to obtain the static resource.

11. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor to enable the at least one processor to perform the video initiation method according to any one of claims 1-6 and / or 7.

12. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to execute the video initiation method according to any one of claims 1-6 and / or 7.

13. A computer program product comprising a computer program that, when executed by a processor, implements the video initiation method according to any one of claims 1-6 and / or 7.

Citation Information

Patent Citations

  • Page generation method and device

    CN105824909A

  • Multimedia information playing method and device

    CN107197362A

  • Video resource processing method and device, electronic device and computer readable medium

    CN112416461A