CN114896011A

CN114896011A - Method and device for playing dynamic content in page, electronic equipment and storage medium

Info

Publication number: CN114896011A
Application number: CN202210501147.3A
Authority: CN
Inventors: 周纤纤
Original assignee: Beijing Dajia Internet Information Technology Co Ltd
Current assignee: Beijing Dajia Internet Information Technology Co Ltd
Priority date: 2022-05-09
Filing date: 2022-05-09
Publication date: 2022-08-12
Anticipated expiration: 2042-05-09
Also published as: CN114896011B

Abstract

The disclosure relates to a method and a device for playing dynamic content in a page, an electronic device and a storage medium, and relates to the technical field of internet, wherein the electronic device monitors a page reentry event of the dynamic page, and the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation; the method comprises the steps that under the condition that the electronic equipment monitors a page re-entry event, the working state corresponding to a first playing process is obtained, the first playing process is a process used for playing dynamic contents before the dynamic page is switched to a background to run, if the working state corresponding to the first playing process is the playing state, the first playing process is destroyed, a second playing process is created, and the second playing process is used for playing the dynamic contents after the dynamic page is switched back to a foreground to run. In a scene of re-entering the dynamic page, the method and the device can avoid that the dynamic content is stopped at a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved.

Description

Method and device for playing dynamic content in page, electronic equipment and storage medium

Technical Field

The present disclosure relates to the field of internet technologies, and in particular, to a method and an apparatus for playing dynamic content in a page, an electronic device, and a storage medium.

Background

With the continuous development of mobile internet technology, mobile applications have become a main business channel of mobile internet products. Currently, a mobile application generally loads a dynamic page and provides a page routing mode to carry a service, and displays the corresponding dynamic page in a terminal device. Compared with the traditional plane poster, the dynamic page can increase the interaction experience and data storage, and is used for marketing promotion, data information collection and the like.

In the process of displaying the dynamic page on the terminal device, when a user switches the currently displayed dynamic page to the background and then switches the currently displayed dynamic page to the foreground from the background, the dynamic page displayed again can still stay in the last frame of picture before switching and is not played any more, the fluency of playing the dynamic page on the terminal device is seriously influenced, and the user experience is reduced.

Disclosure of Invention

The present disclosure provides a method and an apparatus for playing dynamic content in a page, an electronic device, and a storage medium, which can improve fluency of playing dynamic content in a dynamic page and improve user experience.

The technical scheme of the embodiment of the disclosure is as follows:

according to a first aspect of the embodiments of the present disclosure, a method for playing dynamic content in a page is provided. The method can comprise the following steps: monitoring a page reentry event of a dynamic page, wherein the dynamic page refers to a page comprising dynamic content, the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation, under the condition that the page reentry event is monitored, a working state corresponding to a first playing process is obtained, the first playing process is a process used for playing the dynamic content before the dynamic page is switched to the background operation, if the working state corresponding to the first playing process is a playing state, the first playing process is destroyed, a second playing process is created, and the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground operation. In a scene of re-entering the dynamic page, the method and the device can avoid that the dynamic content is stopped at a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved.

Optionally, under the condition that the page reentry event is monitored, acquiring a working state corresponding to the first playing process includes: determining a source of page data of the dynamic page under the condition of monitoring a page reentry event; and under the condition that the source of the page data of the dynamic page is the cache, acquiring the working state corresponding to the first playing process. By determining the source of the page data of the dynamic page, the terminal equipment with the problem that the playing of the dynamic content in the dynamic page is stopped after the dynamic page is re-entered can be preliminarily screened, and the processing efficiency is improved.

Optionally, if the working state corresponding to the first playing process is the playing state, destroying the first playing process, and creating a second playing process to play the dynamic content before and after the dynamic content is played through the second playing process, further comprising: executing a playing process initialization method to determine the dynamic content as a playing object of a second playing process; the method for initializing the playing process is a method for packaging the software development tool packet of the dynamic content in the dynamic page. By executing the method for initializing the playing process, the playing object corresponding to the dynamic content can be determined, so that the normal playing of the dynamic content corresponding to the dynamic page can be realized through the second playing process, and the problem that the playing of the dynamic content is stopped when the page is re-entered is avoided.

Optionally, determining the dynamic content as a playing object of the second playing process by executing a playing process initialization method includes: determining a document object model corresponding to the dynamic page according to the page identifier associated with the dynamic page; acquiring playing information of the dynamic content from a document object model corresponding to the dynamic page; and transmitting the playing information of the dynamic content into a second playing process so that the second playing process determines the dynamic content as a playing object of the second playing process. By executing the method for initializing the playing process, the playing object corresponding to the dynamic content can be determined, so that the normal playing of the dynamic content corresponding to the dynamic page can be realized through the second playing process, and the problem that the playing of the dynamic content is stopped when the page is re-entered is avoided.

Optionally, the method further comprises: and if the working state corresponding to the first playing process is the pause state, continuing to play the dynamic content through the first playing process. And continuously playing the dynamic content through the first playing process, so that the dynamic content corresponding to the dynamic page can be prevented from being continuously played when the page is reset. Compared with the second page data, the first page data is smaller in data volume and shorter in loading time, so that the corresponding static picture is displayed when the first page data is acquired, and the problem that the user waits for a long time and the user experience is influenced due to the fact that the data volume of the second page data is too large is avoided.

Optionally, the dynamic page further includes a static picture, and the page data of the dynamic page includes first page data for displaying the static picture and second page data for playing out the dynamic content; before the method monitors the page reentry event of the dynamic page, the method further comprises the following steps: asynchronously loading first page data and second page data; and the time for starting loading the first page data is earlier than the time for starting loading the second page data. The loading mode of the dynamic page can be effectively controlled by setting the loading attribute value of the dynamic page, when the dynamic content corresponding to the dynamic page is excessive, the dynamic page is set to be asynchronously loaded, the static picture corresponding to the dynamic page can be firstly displayed, and the long-time waiting of a user caused by the overlong time for loading the page data corresponding to the dynamic content is avoided.

Optionally, asynchronously loading the first page data and the second page data includes: and under the condition that the preset loading mode of the dynamic page is asynchronous loading, asynchronously loading the first page data and the second page data. The loading mode of the dynamic page can be effectively controlled by setting the loading attribute value of the dynamic page, when the dynamic content corresponding to the dynamic page is excessive, the dynamic page is set to be asynchronously loaded, the static picture corresponding to the dynamic page can be firstly displayed, and the long-time waiting of a user caused by the overlong time for loading the page data corresponding to the dynamic content is avoided.

Optionally, before asynchronously loading the first page data and the second page data, the method includes: and acquiring a loading attribute value associated with the dynamic page, and if the loading attribute value associated with the dynamic page is a first value, determining that the preset loading mode of the dynamic page is asynchronous loading. And if the loading attribute value associated with the dynamic page is the second value, determining that the preset loading mode of the dynamic page is not asynchronous loading. The loading mode of the dynamic page can be effectively controlled by setting the loading attribute value of the dynamic page, when the dynamic content corresponding to the dynamic page is excessive, the dynamic page is set to be asynchronously loaded, the static picture corresponding to the dynamic page can be firstly displayed, and the long-time waiting of a user caused by the overlong time for loading the page data corresponding to the dynamic content is avoided.

Optionally, asynchronously loading the first page data and the second page data includes: the first page data is loaded. And loading the second page data under the condition that the preset condition is met. The loading mode of the dynamic page can be effectively controlled by setting the loading attribute value of the dynamic page, when the dynamic content corresponding to the dynamic page is too much, the dynamic page is set to be asynchronously loaded, the static picture corresponding to the dynamic page can be firstly displayed, and the phenomenon that a user waits for a long time due to too long time for loading the page data corresponding to the dynamic content is avoided.

Optionally, the preset condition is that loading of page data corresponding to the first frame of the static picture of the dynamic page is completed. The user can check the corresponding static picture and obtain the corresponding service information in the process of loading the second page data, so that the waiting time is prevented from being too long. The specific implementation mode for effectively controlling the loading time of the second page data is provided by setting the preset attribute value of the dynamic page, the loading time of the second page data can be determined according to the changed corresponding attribute value, and the phenomenon that the first page data and the second page data are synchronously loaded to cause overlong user waiting time is avoided.

Optionally, the method further comprises: and when the loading of the page data corresponding to the first frame of the multi-frame static picture included in the static content is completed, displaying the first frame static picture. The user can check the corresponding static picture and obtain the corresponding service information in the process of loading the second page data, so that the waiting time is prevented from being too long.

According to a second aspect of the embodiments of the present disclosure, a device for playing dynamic content in a page is provided. The device can comprise an event monitoring unit, a state acquisition unit and a process creation unit, wherein the event monitoring unit is used for monitoring a page reentry event of a dynamic page, the dynamic page refers to a page comprising dynamic content, and the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation. And the state acquisition unit is used for acquiring the working state corresponding to the first playing process under the condition that the page reentry event is monitored, wherein the first playing process is a process for playing the dynamic content before the dynamic page is switched to the background for running. And the process creating unit is used for destroying the first playing process and creating a second playing process if the working state corresponding to the first playing process is the playing state, and the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground for operation.

Optionally, the state obtaining unit is specifically configured to: determining a source of page data of the dynamic page under the condition of monitoring a page reentry event; and under the condition that the source of the page data of the dynamic page is the cache, acquiring the working state corresponding to the first playing process.

Optionally, the process creating unit is further configured to execute a play process initialization method to determine the dynamic content as a play object of the second play process. The method for initializing the playing process is a method for packaging the software development kit of the dynamic content in a dynamic page.

Optionally, the process creating unit is specifically configured to determine a document object model corresponding to the dynamic page according to the page identifier associated with the dynamic page, obtain playing information of the dynamic content from the document object model corresponding to the dynamic page, and transmit the playing information of the dynamic content to the second playing process, so that the second playing process determines the dynamic content as a playing object of the second playing process.

Optionally, the process creating unit is further configured to continue playing the dynamic content through the first playing process if the working state corresponding to the first playing process is the pause state.

Optionally, the dynamic page further includes a static picture, and the page data of the dynamic page includes first page data for displaying the static picture and second page data for playing out the dynamic content. The device also comprises an asynchronous loading unit, a first page data processing unit and a second page data processing unit, wherein the asynchronous loading unit is used for asynchronously loading the first page data and the second page data; and the time for starting loading the first page data is earlier than the time for starting loading the second page data.

Optionally, the asynchronous loading unit is specifically configured to asynchronously load the first page data and the second page data when the preset loading manner of the dynamic page is asynchronous loading.

Optionally, the asynchronous loading unit is further configured to obtain a loading attribute value associated with the dynamic page; if the loading attribute value associated with the dynamic page is a first value, determining that the preset loading mode of the dynamic page is asynchronous loading; and if the loading attribute value associated with the dynamic page is the second value, determining that the preset loading mode of the dynamic page is not asynchronous loading.

Optionally, the asynchronous loading unit is specifically configured to load the first page data; and loading the second page data under the condition that the preset condition is met.

Optionally, the preset condition is that loading of page data corresponding to the first frame of the static picture of the dynamic page is completed.

Optionally, the process creating unit is further configured to: and when the loading of the page data corresponding to the first frame of the multi-frame static picture included in the static content is completed, displaying the first frame static picture.

According to a third aspect of embodiments of the present disclosure, there is provided an electronic device, which may include: a processor and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement any one of the above-mentioned first aspect methods for optionally playing dynamic content in a page.

According to a fourth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having instructions stored thereon, where the instructions in the computer-readable storage medium, when executed by a processor of an electronic device, enable the electronic device to perform any one of the above-mentioned methods for playing dynamic content in an optional page of the first aspect.

According to a fifth aspect of embodiments of the present disclosure, there is provided a computer program product, which includes computer instructions, when the computer instructions are run on an electronic device, cause the electronic device to execute the method for playing dynamic content in a page as any one of the optional implementations of the first aspect.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.

The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:

based on any one of the above aspects, in the present disclosure, the electronic device monitors a page reentry event of a dynamic page, where the dynamic page refers to a page including dynamic content, and the page reentry event is used to trigger switching of the dynamic page from background operation to foreground operation; the method comprises the steps that under the condition that the electronic equipment monitors a page reentry event, the working state corresponding to a first playing process is obtained, the first playing process is a process used for playing dynamic contents before the dynamic page is switched to a background to run, if the working state corresponding to the first playing process is the playing state, the first playing process is destroyed, a second playing process is created, and the second playing process is used for playing the dynamic contents after the dynamic page is switched back to the foreground to run. When the working state of the first playing process is playing, because an operating system of the terminal device has certain defects, the playing of the dynamic content in the displayed dynamic page is stopped, and the dynamic content stays at the last frame of switching from foreground running to background running. The fluency of dynamic content playing is seriously influenced. Therefore, in a scene of re-entering the dynamic page, the method and the device can avoid that the dynamic content is stopped at a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.

Fig. 1 illustrates a schematic structural diagram of a communication system provided in an embodiment of the present disclosure;

fig. 2 is a flowchart illustrating a method for playing dynamic content in a page according to an embodiment of the present disclosure;

FIG. 3 illustrates a schematic diagram of a dynamic page provided by an embodiment of the present disclosure;

FIG. 4 is a schematic diagram illustrating switching of a dynamic page provided by an embodiment of the present disclosure;

fig. 5 is a schematic structural diagram illustrating a playing apparatus for dynamic content in a page according to an embodiment of the present disclosure;

fig. 6 shows a schematic structural diagram of an electronic device provided in an embodiment of the present disclosure.

Detailed Description

In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.

It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, and/or components.

It should be noted that, the user information (including but not limited to user device information, user personal information, user behavior information, etc.) and data (including but not limited to page data corresponding to a dynamic page, etc.) related to the present disclosure are data authorized by the user or fully authorized by each party.

When the dynamic page is switched from the background to the foreground, although the playing state corresponding to the dynamic content in the dynamic page is playing, the dynamic content in the dynamic page is not played any more, the dynamic page displayed again still stays in the last frame of picture before switching, so that the fluency of playing the dynamic page on the terminal equipment is seriously influenced, and the use experience of a user is reduced.

Based on this, the embodiment of the present disclosure provides a method for playing dynamic content in a page. The method can comprise the following steps: monitoring a page reentry event of a dynamic page, wherein the dynamic page refers to a page comprising dynamic content, the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation, under the condition that the page reentry event is monitored, a working state corresponding to a first playing process is obtained, the first playing process is a process used for playing the dynamic content before the dynamic page is switched to the background operation, if the working state corresponding to the first playing process is a playing state, the first playing process is destroyed, a second playing process is created, and the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground operation. In a scene of re-entering the dynamic page, the method and the device can avoid that the dynamic content is stopped at a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved.

An application scenario of the playing method of dynamic content in a page provided by the embodiment of the present disclosure is exemplarily described as follows:

fig. 1 is a schematic diagram of a communication system according to an embodiment of the present disclosure, as shown in fig. 1, the communication system may include: a server 110 and a terminal device 120. The server 110 may establish a connection with the terminal device 120 through a wired network or a wireless network.

The server 110 may be configured to receive a request for displaying a dynamic page from the terminal device 120, and return page data corresponding to the dynamic page. The dynamic page comprises dynamic content and a static picture, the static picture is used for showing service information in the dynamic page, the dynamic content is a transparent video played in the dynamic page, and the dynamic content can be composed of at least one transparent video. The page data corresponding to the dynamic page includes first page data and second page data, the first page data is page data corresponding to the static image, and the second page data is page data corresponding to the dynamic content.

For example, the dynamic page may be a page constructed by applying hypertext Markup Language (HTML 5).

In some embodiments, the server 110 may be a single server, or may be a server cluster composed of a plurality of servers (or micro servers). The server cluster may also be a distributed cluster. The present disclosure is also not limited to a particular implementation of the server 110.

The terminal device 120 may be configured to send a request for displaying a dynamic page to the server, receive page data corresponding to the dynamic page returned by the server, and display a static picture of the dynamic page based on the page data corresponding to the dynamic page. And simultaneously playing the dynamic content in the dynamic page through the created first playing process. The first playing process is a process for playing the dynamic content before the dynamic page is switched to the background for running.

The terminal device 120 may be further configured to switch the currently displayed dynamic page to another interface in response to an input instruction for switching the displayed dynamic page from foreground operation to background operation. It should be noted that, at this time, the first playing process runs in the background.

The terminal device 120 may be further configured to respond to an input instruction for switching a displayed dynamic page from background running to foreground running, to obtain a working state corresponding to the first playing process, destroy the first playing process if the working state corresponding to the first playing process is a playing state, and create a second playing process, where the second playing process is used to play the dynamic content after the dynamic page is switched back to the foreground running.

In some embodiments, the terminal device may be a mobile phone, a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a Personal Digital Assistant (PDA), an Augmented Reality (AR) device, a Virtual Reality (VR) device, or the like, which may be installed and used with a content community application (e.g., a fast hand), and the disclosure is not limited to a specific form of the terminal. The system can be used for man-machine interaction with a user through one or more modes of a keyboard, a touch pad, a touch screen, a remote controller, voice interaction or handwriting equipment and the like.

Alternatively, the server 110 may be connected to at least one terminal device 120 in the communication system shown in fig. 1. The present disclosure is not limited to the number or type of terminal devices 120.

The method for playing dynamic content in a page provided by the embodiment of the present disclosure may be applied to the terminal device 120 shown in fig. 1.

In some embodiments, the execution subject of the playing method of the dynamic content in the page provided by the present disclosure may be a playing device of the dynamic content in the page, and the playing device of the dynamic content in the page may be built in the terminal device 120.

Fig. 2 is a flowchart of a playing method of dynamic content in a page provided by an embodiment of the present disclosure, and as shown in fig. 2, when the playing method of dynamic content in a page is applied to a terminal device, the playing method of dynamic content in a page may include:

s201, monitoring a page reentry event of a dynamic page, wherein the dynamic page refers to a page including dynamic content, and the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation.

Specifically, when the current terminal device displays the corresponding dynamic page, the dynamic page includes the dynamic content being played, and the dynamic content is played through the corresponding process. Referring to fig. 3, fig. 3 is a dynamic page shown in the embodiment of the present disclosure, which includes dynamic content 310 and a background switching control 320, where a transparent video corresponding to the dynamic content is a goose moving from one side of a screen to the other side of the screen, and each frame corresponds to a position of the goose in the page. The background switching control 320 is configured to switch the currently displayed dynamic page of the display device to another interface in response to an input instruction for switching the displayed dynamic page from foreground operation to background operation. At the moment, the dynamic page runs in the background, and the first playing process corresponding to the dynamic content in the dynamic page also runs in the background. And monitoring a page reentry event of the dynamic page, responding to an input instruction for switching the displayed dynamic page from background operation to foreground operation, and monitoring the page reentry event.

Referring to fig. 4 (a) in conjunction with fig. 3, in response to an instruction to the background switching control 320, a page selection page shown in (a) in fig. 4 is displayed, where the page selection page includes a plurality of background-running dynamic pages, and in response to a selection operation on the page 5, a page reentry event is monitored at this time. As shown in (b) of fig. 4, a corresponding dynamic page is displayed. Wherein the dynamic page is a dynamic page that runs in the background in response to an instruction to the background switching control 320.

S202, under the condition that a page reentry event is monitored, acquiring a working state corresponding to a first playing process, wherein the first playing process is a process for playing the dynamic content before the dynamic page is switched to a background to run.

Specifically, when the dynamic page runs in the background, the first playing process corresponding to the dynamic content in the dynamic page also runs in the background, and at this time, the first playing process has a corresponding working state, which may be a playing state or a pause state. The operating state is obtained by calling the status function. When the working state is playing, because the operating system of the terminal device has certain defects, the playing of the dynamic content in the displayed dynamic page is stopped, and the dynamic content stays in the last frame which is switched from foreground running to background running. The fluency of dynamic content playing is seriously influenced.

In some embodiments, acquiring the working state corresponding to the first playing process when the page reentry event is monitored includes: and determining the source of the page data of the dynamic page under the condition of monitoring the page reentry event. And under the condition that the source of the page data of the dynamic page is the cache, acquiring the working state corresponding to the first playing process.

Specifically, the source of the page data includes a cache or a server, and in the case of monitoring the page reentry event, the browser on the terminal device may obtain the corresponding page data from the cache or the server, and when the source of the page data is the server, because the dynamic content of the dynamic page is refreshed in real time according to the page data sent by the server, the problem that the dynamic content in the dynamic page stops playing is not caused, and the working state corresponding to the first playing process does not need to be obtained. When the source of the page data is the cache, the playing of the dynamic content in the redisplayed dynamic page is stopped, and the terminal equipment with the problem that the playing of the dynamic content in the dynamic page is stopped after the dynamic page is re-entered can be preliminarily screened by determining the source of the page data of the dynamic page, so that the processing efficiency is improved.

And S203, if the working state corresponding to the first playing process is the playing state, destroying the first playing process, and creating a second playing process, wherein the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground for operation.

Specifically, although the working state is playing, because the dynamic content in the displayed dynamic page is in the stopped state, the continuous playing of the dynamic content cannot be realized by switching the working state of the first playing process, and at this time, the first playing process corresponding to the dynamic content is destroyed by calling a function. And re-creating a second playing process, and re-playing the dynamic content in the dynamic page switched back to the foreground after the dynamic page is operated through the second playing process.

In some embodiments, the step S203 further includes playing the dynamic content through the second playing process.

Specifically, the page data corresponding to the dynamic content of the dynamic page is obtained through the second playing process, and the dynamic content is played again. The corresponding page data is obtained again through the second playing process, the dynamic content is played, the situation that the dynamic content corresponding to the dynamic page is stuck when the page is reset can be avoided, the smoothness of playing the dynamic content in the dynamic page is improved, and the user experience is improved.

In some embodiments, the method further comprises: and if the working state corresponding to the first playing process is a pause state, continuing to play the dynamic content through the first playing process.

Specifically, the first playing process acquires page data corresponding to the dynamic content of the dynamic page, and continues to play the dynamic content. The dynamic content is continuously played through the first playing process, so that the dynamic content corresponding to the dynamic page can be prevented from being continuously played when the page is reset, and the use experience of a user is improved.

From S201 to S203, when the working state of the first playing process is playing, because the operating system of the terminal device has a certain defect, the dynamic content in the displayed dynamic page stops playing and stays in the last frame switched from foreground running to background running. The fluency of dynamic content playing is seriously affected. Therefore, in a scene of re-entering the dynamic page, the method and the device can avoid that the dynamic content is stopped at a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved. According to the method and the device, the first playing process corresponding to the dynamic content of the dynamic page is destroyed, the second playing process is created again, the dynamic content is played, and in a scene of re-entering the dynamic page, the dynamic content can be prevented from being paused in a certain frame of picture after the dynamic page is re-entered, so that the smoothness of playing the dynamic content is improved, and the use experience of a user is improved.

In some embodiments, before playing the dynamic content through the second playing process, the playing includes:

and executing a play process initialization method to determine the dynamic content as a play object of a second play process, wherein the play process initialization method is a method of packaging the dynamic content in a dynamic page according to a software development tool package of the dynamic content.

In some embodiments, a method of performing a playback process initialization comprises: and determining a document object model corresponding to the dynamic page according to the page identifier associated with the dynamic page. And acquiring the playing information of the dynamic content from the document object model corresponding to the dynamic page. And transmitting the playing information of the dynamic content into a second playing process so as to determine the dynamic content as a playing object of the second playing process.

Specifically, the page identifier is used to determine a corresponding document object model, and is added to the document object model in advance, and the page identifier is searched by calling a function, so that the corresponding document object model can be determined. For example, the page identifier may be a canvas tag, declare that the id corresponding to the canvas tag is a can, and pre-add the canvas tag to the document object model, and call the function document.

Specifically, the playing information of the dynamic content is obtained from the document object model corresponding to the dynamic page. The playing information includes a resource storage address of the dynamic content corresponding to the dynamic content, whether the dynamic content is automatically played, whether the dynamic content is circularly played, and the like, wherein the playing information may be the playing information of one or more transparent videos, the playing information of the dynamic content is transmitted to a second playing process, and the second playing process determines a corresponding playing object according to the playing information of the dynamic content, so as to realize normal playing of the dynamic content in the dynamic page.

Therefore, by executing the method for initializing the playing process, the playing object corresponding to the dynamic content can be determined, so that the normal playing of the dynamic content corresponding to the dynamic page can be realized through the second playing process, the problem that the playing of the dynamic content is stopped when the page is re-entered is avoided, and the use experience of a user is improved.

In some embodiments, the dynamic page further includes a static picture, the page data of the dynamic page includes first page data for displaying the static picture and second page data for playing out the dynamic content, and before step 201, further includes: asynchronously loading the first page data and the second page data in response to a user-input instruction to display a dynamic page; wherein a time to start loading the first page data is earlier than a time to start loading the second page data.

Specifically, the static image is used to carry basic service information, i.e., static service information that a user is expected to obtain, in the dynamic image, the first page data is used to display the static image, and the second page data is used to play corresponding dynamic content on the static image. When a user inputs an instruction for displaying a dynamic page, acquiring first page data and second page data corresponding to the dynamic page, and displaying the corresponding dynamic page according to the first page data and the second page data.

In the related art, when the first page data and the second page data are completely acquired, the corresponding dynamic pages are displayed according to the first page data and the second page data, and because a large amount of dynamic contents exist in some dynamic pages, that is, the second page data corresponding to the dynamic contents are too much, the time for completely acquiring the first page data and the second page data is long, and when an instruction for displaying the dynamic pages is input by a user, the corresponding dynamic pages cannot be displayed for a long time, which seriously affects the use experience of the user.

The above asynchronous loading may refer to: when a user inputs an instruction for displaying a dynamic page, first page data corresponding to the dynamic page is acquired, and then second data corresponding to the dynamic page is acquired. Compared with the second page data, the first page data is smaller in data volume and shorter in loading time, so that the corresponding static picture is displayed when the first page data is acquired, and the problem that the user waits for a long time and the user experience is influenced due to the fact that the data volume of the second page data is too large is avoided.

In some embodiments, asynchronously loading the first page data and the second page data comprises: and asynchronously loading the first page data and the second page data under the condition that the preset loading mode of the dynamic page is asynchronous loading.

Specifically, before asynchronously loading the first page data and the second page data, the loading attribute value associated with the dynamic page is obtained. And if the loading attribute value associated with the dynamic page is a first value, determining that the preset loading mode of the dynamic page is asynchronous loading. And if the loading attribute value associated with the dynamic page is a second value, determining that the preset loading mode of the dynamic page is not asynchronous loading. The type of the loaded attribute value is a Boolean value, the first value is false, and the second value is true. When the loading attribute value is false, the corresponding loading mode of the dynamic page is asynchronous loading, when the loading attribute value is true, the corresponding loading mode of the dynamic page is synchronous loading, the loading attribute value is preset in the dynamic page, and real-time adjustment can be performed according to actual conditions.

According to the method, the loading mode of the dynamic page can be effectively controlled by setting the loading attribute value of the dynamic page, when the dynamic content corresponding to the dynamic page is excessive, the dynamic page is set to be asynchronously loaded, the static picture corresponding to the dynamic page can be firstly displayed, and the long-time waiting of a user caused by the overlong time for loading the page data corresponding to the dynamic content is avoided.

In some embodiments, said asynchronously loading said first page data and said second page data comprises: and loading the first page data. And loading the second page data under the condition that a preset condition is met.

Specifically, the preset condition is that the loading of the page data corresponding to the first static frame of the dynamic page is completed. When the loading mode corresponding to the dynamic page is asynchronous loading,

in some embodiments, the method further comprises: and when the loading of the page data corresponding to the first frame of static image of the dynamic page is finished, displaying the first frame of static image.

Specifically, the time for loading the second page data is determined by obtaining a preset attribute value corresponding to a preset condition, wherein the type of the preset attribute value is a boolean value, when the preset condition is not met, the preset attribute value is false, when the preset condition is met, the preset attribute value is changed to true, at this time, the browser loads the second page data after monitoring the change of the preset attribute value through the expansion component, the preset attribute value is preset in the dynamic page, and real-time adjustment can be performed according to actual conditions.

Therefore, by setting the preset attribute value of the dynamic page, a specific implementation mode for effectively controlling the loading time of the second page data is provided, the loading time of the second page data can be determined according to the changed corresponding attribute value, and the situation that the first page data and the second page data are synchronously loaded to cause overlong waiting time of a user is avoided.

In some embodiments, the preset condition is that loading of page data corresponding to a first frame of a static picture of the dynamic page is completed. And when the loading of the page data corresponding to the first frame of static image of the dynamic page is finished, displaying the first frame of static image.

Specifically, the first frame of static image of the dynamic page includes service information, and when the loading of the first frame of static image is completed, the second page data starts to be loaded, and the first frame of static image of the dynamic page is displayed at the same time. Therefore, the user can check the corresponding static picture and obtain the corresponding service information in the process of loading the second page data, so that the waiting time is prevented from being too long, and the user experience is improved.

It is understood that, in practical implementation, the terminal/server of the embodiment of the present disclosure may include one or more hardware structures and/or software modules for implementing the playing method of the dynamic content in the corresponding page, and these hardware structures and/or software modules may constitute an electronic device. Those of skill in the art will readily appreciate that the present disclosure can be implemented in hardware or a combination of hardware and computer software for implementing the exemplary algorithm steps described in connection with the embodiments disclosed herein. Whether a function is performed as hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.

Based on such understanding, the embodiment of the present disclosure further provides a playing device for dynamic content in a page, which can be applied to an electronic device. Fig. 5 is a schematic structural diagram illustrating a device for playing dynamic content in a page according to an embodiment of the present disclosure. As shown in fig. 5, the playing device of the dynamic content in the page may include: the system comprises an event monitoring unit 410, a state obtaining unit 420, and a process creating unit 430, where the event monitoring unit 410 is configured to monitor a page reentry event of a dynamic page, where the dynamic page refers to a page including dynamic content, and the page reentry event is used to trigger switching of a background operation of the dynamic page to a foreground operation of the dynamic page, and is used to execute step S201 in the foregoing method. A state obtaining unit 420, configured to obtain a working state corresponding to a first playing process when a page re-entry event is monitored, where the first playing process is a process used for playing dynamic content before a dynamic page is switched to a background for running, and is used to execute step S202 in the foregoing method. The process creating unit 430 is configured to destroy the first playing process and create a second playing process if the working state corresponding to the first playing process is the playing state, where the second playing process is used to play the dynamic content after the dynamic page is switched back to the foreground for operation, and is used to execute step S203 in the foregoing method.

Optionally, the state obtaining unit 420 is specifically configured to: determining a source of page data of the dynamic page under the condition of monitoring a page reentry event; and under the condition that the source of the page data of the dynamic page is the cache, acquiring the working state corresponding to the first playing process.

Optionally, the process creating unit 430 is further configured to play the dynamic content through a second playing process.

Optionally, the process creating unit 430 is further configured to execute a play process initialization method to determine the dynamic content as a play object of the second play process. The method for initializing the playing process is a method for packaging the software development tool packet of the dynamic content in the dynamic page.

Optionally, the process creating unit 430 is specifically configured to determine a document object model corresponding to the dynamic page according to the page identifier associated with the dynamic page, obtain the playing information of the dynamic content from the document object model corresponding to the dynamic page, and transmit the playing information of the dynamic content to the second playing process, so as to determine the dynamic content as the playing object of the second playing process.

Optionally, the process creating unit 430 is further configured to continue playing the dynamic content through the first playing process if the working state corresponding to the first playing process is the pause state.

Optionally, the dynamic page further includes a static picture, and the page data of the dynamic page includes first page data for displaying the static picture and second page data for playing out the dynamic content. The apparatus further includes an asynchronous loading unit 440 for asynchronously loading the first page data and the second page data; and the time for starting loading the first page data is earlier than the time for starting loading the second page data.

Optionally, the asynchronous loading unit 440 is specifically configured to asynchronously load the first page data and the second page data when the preset loading manner of the dynamic page is asynchronous loading.

Optionally, the asynchronous loading unit 440 is further configured to obtain a loading attribute value associated with the dynamic page; if the loading attribute value associated with the dynamic page is a first value, determining that the preset loading mode of the dynamic page is asynchronous loading; and if the loading attribute value associated with the dynamic page is the second value, determining that the preset loading mode of the dynamic page is not asynchronous loading.

Optionally, the asynchronous loading unit 440 is specifically configured to load the first page data; and loading the second page data under the condition that the preset condition is met.

Optionally, the process creating unit 430 is further configured to: and when the loading of the page data corresponding to the first frame of static picture of the dynamic page is finished, displaying the first frame of static picture.

As above, the embodiment of the present disclosure may perform division of functional modules on an electronic device according to the above method example. The integrated module can be realized in a hardware form, and can also be realized in a software functional module form. In addition, it should be further noted that the division of the modules in the embodiments of the present disclosure is schematic, and is only a logic function division, and there may be another division manner in actual implementation. For example, the functional blocks may be divided for the respective functions, or two or more functions may be integrated into one processing block.

With regard to the playing apparatus of dynamic content in a page in the foregoing embodiment, the specific manner in which each module executes operations and the beneficial effects thereof have been described in detail in the foregoing method embodiment, and are not described again here.

The embodiment of the disclosure also provides an electronic device. Fig. 6 shows a schematic structural diagram of an electronic device provided in an embodiment of the present disclosure. The electronic device, which may be a playing device for dynamic content in a page, may comprise at least one processor 91, a communication bus 92, a memory 93 and at least one communication interface 94.

The processor 91 may be a Central Processing Unit (CPU), a micro-processing unit, an ASIC, or one or more integrated circuits for controlling the execution of programs according to the present disclosure. As an example, in conjunction with fig. 5, the functions implemented by the event listening unit 410, the state obtaining unit 420, and the process creating unit 430 in the electronic device are the same as those implemented by the processor 91 in fig. 6.

The communication bus 92 may include a path that carries information between the aforementioned components.

The communication interface 94, which may be any transceiver or the like, is used for communicating with other devices or communication networks, such as a server, an ethernet, a Radio Access Network (RAN), a Wireless Local Area Network (WLAN), and the like. As an example of this, it is possible to provide,

the memory 93 may be, but is not limited to, a read-only memory (ROM) or other type of static storage device that can store static information and instructions, a Random Access Memory (RAM) or other type of dynamic storage device that can store information and instructions, an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM) or other optical disk storage, optical disk storage (including compact disc, laser disc, optical disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage media or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer. The memory may be self-contained and connected to the processing unit by a bus. The memory may also be integrated with the processing unit.

The memory 93 is used for storing application program codes for executing the disclosed solution, and is controlled by the processor 91 for execution. The processor 91 is operative to execute application program code stored in the memory 93 to implement functions in the disclosed methods.

In particular implementations, processor 91 may include one or more CPUs such as CPU0 and CPU1 in fig. 6 as one embodiment.

In particular implementations, an electronic device may include multiple processors, such as processor 91 and processor 95 in fig. 6, for example, as an embodiment. Each of these processors may be a single-core (single-CPU) processor or a multi-core (multi-CPU) processor. A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data (e.g., computer program instructions).

In particular implementations, the electronic device may also include an input device 96 and an output device 97, as one embodiment. The input device 96 is in communication with the output device 97 and can accept user input in a variety of ways. For example, the input device 96 may be a mouse, a keyboard, a touch screen device, or a sensing device, among others. An output device 97 is in communication with the processor 91 and may display information in a variety of ways. For example, the output device 91 may be a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display device, or the like.

Those skilled in the art will appreciate that the configuration shown in fig. 6 does not constitute a limitation of the electronic device, and may include more or fewer components than those shown, or combine certain components, or employ a different arrangement of components.

The embodiment of the disclosure also provides an electronic device. The electronic device may be a playback device for dynamic content in a page. The electronic devices may vary widely in configuration or performance and may include one or more processors and one or more memories. At least one instruction is stored in the memory, and the at least one instruction is loaded and executed by the processor to implement the method for playing the dynamic content in the page provided by the above method embodiments. Certainly, the electronic device may further have a wired or wireless network interface, a keyboard, an input/output interface, and other components to facilitate input and output, and the electronic device may further include other components for implementing functions of the device, which are not described herein again.

The present disclosure also provides a computer-readable storage medium including instructions stored thereon, which, when executed by a processor of a computer device, enable a computer to perform the method for playing dynamic content in a page provided by the above-described illustrated embodiments. For example, the computer readable storage medium may be a memory 93 comprising instructions executable by a processor 91 of the terminal to perform the above-described method. Also for example, the computer-readable storage medium may be a memory comprising instructions executable by a processor of an electronic device to perform the above-described method. Alternatively, the computer readable storage medium may be a non-transitory computer readable storage medium, for example, the non-transitory computer readable storage medium may be a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

The present disclosure also provides a computer program product, which includes computer instructions, and when the computer instructions are run on an electronic device, the electronic device is caused to execute the playing method of the dynamic content in the page.

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A method for playing dynamic content in a page, the method comprising:

monitoring a page reentry event of a dynamic page, wherein the dynamic page refers to a page comprising dynamic content, and the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation;

under the condition that the page reentry event is monitored, acquiring a working state corresponding to a first playing process, wherein the first playing process is a process for playing the dynamic content before the dynamic page is switched to the background to run;

if the working state corresponding to the first playing process is the playing state, destroying the first playing process, and creating a second playing process, wherein the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground for operation.

2. The method for playing dynamic content according to claim 1, wherein the obtaining the working state corresponding to the first playing process when the page reentry event is monitored comprises:

determining a source of page data of the dynamic page under the condition of monitoring the page reentry event;

and acquiring a working state corresponding to the first playing process under the condition that the source of the page data of the dynamic page is the cache.

3. The method for playing dynamic content according to claim 1, wherein if the working state corresponding to the first playing process is the playing state, the method further comprises, after destroying the first playing process and creating a second playing process:

and executing a play process initialization method to enable the second play process to determine the dynamic content as a play object of the second play process, wherein the play process initialization method is a method for packaging the dynamic content in the dynamic page according to the software development kit package of the dynamic content.

4. The method for playing dynamic content according to claim 3, wherein the determining the dynamic content as the playing object of the second playing process by executing the playing process initialization method comprises:

determining a document object model corresponding to the dynamic page according to the page identifier associated with the dynamic page;

acquiring playing information of the dynamic content from a document object model corresponding to the dynamic page;

and transmitting the playing information of the dynamic content into the second playing process so that the second playing process determines the dynamic content as a playing object of the second playing process.

5. The method for playing dynamic content according to claim 1, wherein the method further comprises:

and if the working state corresponding to the first playing process is a pause state, continuing to play the dynamic content through the first playing process.

6. The method for playing the dynamic content according to claim 1, wherein the dynamic page further includes a static image, and the page data of the dynamic page includes first page data for displaying the static image and second page data for playing the dynamic content;

before the monitoring the page reentry event of the dynamic page, the method further includes:

asynchronously loading the first page data and the second page data; wherein a time to start loading the first page data is earlier than a time to start loading the second page data.

7. An apparatus for playing dynamic content in a page, the apparatus comprising:

the system comprises an event monitoring unit, a page switching unit and a page switching unit, wherein the event monitoring unit is used for monitoring a page reentry event of a dynamic page, the dynamic page refers to a page comprising dynamic content, and the page reentry event is used for triggering the dynamic page to be switched from background operation to foreground operation;

a state obtaining unit, configured to obtain a working state corresponding to a first playing process when the page reentry event is monitored, where the first playing process is a process used for playing the dynamic content before the dynamic page is switched to the background to run;

and the process creating unit is used for destroying the first playing process and creating a second playing process if the working state corresponding to the first playing process is a playing state, and the second playing process is used for playing the dynamic content after the dynamic page is switched back to the foreground for operation.

8. An electronic device, comprising:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the method of playing back dynamic content of any one of claims 1-6.

9. A computer-readable storage medium, wherein instructions in the computer-readable storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the method for playing dynamic content according to any one of claims 1 to 6.

10. A computer program product, characterized in that it comprises computer instructions which, when run on an electronic device, cause the electronic device to execute the method of playing of dynamic content according to any one of claims 1-6.