Method, apparatus and device for displaying multimedia content
By transforming the player view during page transitions and embedding it into the target area, the problem of seamless display of multimedia content across different pages is solved, achieving continuous playback and optimization of computing resources.
Patent Information
- Application Number
- CN202110976673.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-08-24
- Publication Date
- 2026-02-27
- Estimated Expiration
- 2041-08-24
AI Technical Summary
In existing technologies, multimedia content cannot be seamlessly displayed across different pages, resulting in high computational resource consumption and low efficiency.
By acquiring view loading data, the first form of the player view is displayed and the view is transformed when switching pages. The player view is embedded into the target area of the target page to continue playing multimedia content. The same player view is used for joint projection display between different pages.
It enables continuous playback of multimedia content during page transitions, reduces the consumption of computing resources, and improves the efficiency of joint display.
Smart Images

Figure CN115730161B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present application relates to the technical field of computer, in particular to a multimedia content display method, device and equipment. BACKGROUND
[0002] With the continuous progress of Internet technology, the display mode of multimedia content is more diversified. Among them, the joint display of multimedia content under different pages has attracted widespread attention in the industry.
[0003] The joint display scheme provided in the related art is to display the boot screen multimedia content on the display position of the application start page after the application is started, record the played duration when the user closes, skips or the boot screen multimedia content is played to the end, and enter the application main page, and display the giant screen multimedia content corresponding to the boot screen multimedia content on the display position in the application main page. If the above multimedia content is a video, the display position in the application main page and the display position of the application start page can be set as the same playback source, and the video content that has not been played in the application main page is displayed as the giant screen multimedia content.
[0004] In the related art, the joint display of multimedia content in different pages cannot be seamlessly connected between pages, and the joint display occupies more computing resources and has low efficiency. SUMMARY
[0005] The embodiments of the present application provide a multimedia content display method, device and equipment, which can ensure the continuity of multimedia content playing, reduce the amount of computing resource occupation, and improve the efficiency of multimedia content joint display in the process of joint display of multimedia content between different pages.
[0006] According to an aspect of an embodiment of the present application, a multimedia content display method is provided, and the method comprises:
[0007] Obtaining view loading data associated with a player view, wherein the player view refers to a page element for playing multimedia content;
[0008] Based on the view loading data, displaying a first form of player view and multimedia content played in the player view;
[0009] In response to receiving a page switching instruction for switching to a target page, performing view transformation on the player view, displaying a transformed form of the player view and the multimedia content, and the view transformation is used to adjust the display form of the player view to embed the player view into a target area in the target page;
[0010] Displaying a second form of player view and the multimedia content in the target area.
[0011] According to an aspect of the embodiments of the present application, a display device of multimedia content is provided, the device comprising:
[0012] a data obtaining module configured to obtain view loading data associated with a player view, the player view being a page element for playing multimedia content;
[0013] a first view displaying module configured to display a player view in a first form and multimedia content played in the player view based on the view loading data;
[0014] a view transforming module configured to, in response to receiving a page switching instruction for switching to a target page, transform the player view, display a player view in a transformed form and the multimedia content, the view transforming being configured to adjust a display form of the player view so as to embed the player view into a target region in the target page;
[0015] a second view displaying module configured to display a player view in a second form and the multimedia content in the target region.
[0016] According to an aspect of the embodiments of the present application, a computer device is provided, the computer device comprising a processor and a memory, the memory storing at least one instruction, at least one program, a code set or an instruction set, the at least one instruction, the at least one program, the code set or the instruction set being loaded and executed by the processor to implement the above-mentioned display method of multimedia content.
[0017] According to an aspect of the embodiments of the present application, a computer readable storage medium is provided, the storage medium storing at least one instruction, at least one program, a code set or an instruction set, the at least one instruction, the at least one program, the code set or the instruction set being loaded and executed by a processor to implement the above-mentioned display method of multimedia content.
[0018] According to an aspect of the embodiments of the present application, a computer program product or a computer program is provided, the computer program product or the computer program comprising computer instructions stored in a computer readable storage medium. A processor of a computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions, so that the computer device executes the above-mentioned display method of multimedia content.
[0019] The technical solutions provided by the embodiments of the present application can bring the following beneficial effects:
[0020] By loading the view loading data, a first form of player view is displayed to play multimedia content, view transformation is performed when the page is switched, and the player view is embedded into a target area in a target page to continue playing the multimedia content, thereby uninterrupted playing of the multimedia content can be realized when the page is switched and the joint projection display is performed, and continuity of playing of the multimedia content is ensured. In addition to uninterrupted playing of the multimedia content, since the same player view is used to play the multimedia content in the two pages, the computing resource occupation amount can be effectively reduced, and the joint projection display efficiency of the multimedia content is improved. BRIEF DESCRIPTION OF DRAWINGS
[0021] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the embodiment description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative effort on the basis of these drawings.
[0022] Figure 1 is a schematic diagram of an application running environment provided by an embodiment of the present application;
[0023] Figure 2 is a flowchart of a display method of multimedia content provided by an embodiment of the present application;
[0024] Figure 3 is a flowchart of a display method of multimedia content provided by another embodiment of the present application;
[0025] Figure 4 is a flowchart of a display method of multimedia content provided by an embodiment of the present application;
[0026] Fig. 5(a) exemplarily shows a page schematic diagram of an application start page;
[0027] Fig. 5(b) exemplarily shows a page schematic diagram during view transformation;
[0028] Fig. 5(c) exemplarily shows another page schematic diagram during view transformation;
[0029] Fig. 5(d) exemplarily shows a page schematic diagram of an application home page;
[0030] Figure 6 is a flowchart of a display method of multimedia content provided by another embodiment of the present application;
[0031] Figure 7 exemplarily shows a flowchart of an advertisement joint display;
[0032] Figure 8is a block diagram of a display device of multimedia content provided by an embodiment of the present application;
[0033] Figure 9 is a structural block diagram of a computer device provided by an embodiment of the present application. DETAILED DESCRIPTION
[0034] The method provided by the embodiments of the present application can relate to the field of cloud technology. Cloud technology refers to a kind of hosting technology that unifies a series of resources such as hardware, software and network in a wide area network or a local area network to realize data calculation, storage, processing and sharing. In the embodiments of the present application, a terminal can obtain data resources of multimedia content from a cloud.
[0035] Before introducing the embodiments provided by the present application, the application scenarios, related terms or nouns that can be involved in the embodiments of the present application are briefly introduced, so as to facilitate the understanding of the present application by those skilled in the art.
[0036] Singleton: a development mode of object-oriented development program design, and only one object exists in the running process of the program. The singleton player program instance used to realize view transformation and control view display content in the embodiments of the present application adopts this singleton mode, that is, a singleton player.
[0037] UIView (interface view): simply, the singleton player can be composed of a kernel part and a view part, and the view part is based on UIView as a bearing basis. In the embodiments of the present application, the above-mentioned singleton player can realize the transformation of views in a page based on the related API (Application Programming Interface, application programming interface) of UIView, that is, UIView animation.
[0038] Boot screen can refer to an application startup page before entering an application main page after starting an application.
[0039] Boot screen advertisement: an advertisement played with the starting of an application. After a user starts an application, the advertisement is displayed full screen. The boot screen advertisement includes a boot picture advertisement and a boot video advertisement.
[0040] Imax advertisement: an advertisement displayed in a main position of an application main page after starting an application.
[0041] Joint display: a display mode of joint display of an imax advertisement and a boot screen advertisement. The advertisement contents of the imax advertisement and the boot screen advertisement can be the same or different.
[0042] JSON (JavaScript Object Notation, JS object notation) is a lightweight data exchange format that uses a text format completely independent of programming languages to store and represent data.
[0043] For the purpose, technical solutions and advantages of the present application to be clearer, the embodiments of the present application will be described in further detail below with reference to the drawings.
[0044] Please refer to Figure 1 which shows a schematic diagram of an application running environment provided by an embodiment of the present application. The application running environment can include a terminal 10 and a server 20.
[0045] The terminal 10 can be an electronic device such as a mobile phone, a tablet computer, a game console, an e-book reader, a multimedia playback device, a wearable device, a PC (Personal Computer), etc. The terminal 10 can install a client of a target application.
[0046] In the embodiments of the present application, the target application can be any application program capable of playing multimedia content. Typically, the target application is a video application program. Of course, in addition to the video application program, the target application can also be other types of application programs, and multimedia content can also be played in other types of application programs. For example, a news application program, a social application program, an interactive entertainment application program, a game application program, a browser application program, a shopping application program, a content sharing application program, a VR (Virtual Reality) application program, an AR (Augmented Reality) application program, etc. The embodiments of the present application do not limit this. In addition, for different application programs, the multimedia content played will also be different, which can be pre-configured according to actual needs, and the embodiments of the present application do not limit this.
[0047] The server 20 is configured to provide background services for the client of the target application in the terminal 10. For example, the server 20 can be a background server of the target application. The server 20 can be a standalone physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDNs (Content Delivery Networks), and basic cloud computing services such as big data and artificial intelligence platforms. Optionally, the server 20 simultaneously provides background services for target applications in multiple terminals 10.
[0048] Optionally, the terminal 10 and the server 20 can communicate with each other through the network 30. The terminal 10 and the server 20 can be directly or indirectly connected through wired or wireless communication, which is not limited in the present application.
[0049] Please refer to Figure 2 , which shows a flowchart of a method for displaying multimedia content according to an embodiment of the present application. The method can be applied in a computer device, which refers to an electronic device with data computing and processing capability. For example, the execution subject of each step can be the terminal 10 in the application running environment as shown in the figure. The method can include the following steps (210-240). Figure 1
[0050] Step 210, obtaining view loading data associated with a player view.
[0051] The player view refers to a page element for playing multimedia content. The view loading data refers to data for rendering and displaying the player view. Optionally, the view loading data includes a source file of the multimedia content and a page display file. The multimedia content can be an image, a video, text, or a combination of the above three formats. The multimedia content can also be a web page. The form of the multimedia content is not limited in the embodiments of the present application.
[0052] The source file of the multimedia content refers to a data file storing the multimedia content entity, such as a video file, an image file, a text file, or a web page file.
[0053] The page display file can be a JSON data file. The JSON data file mainly controls the timing of the appearance of the multimedia content in the player view, the priority of the multimedia content, and the page elements displayed in the application page.
[0054] In an example, as shown in Table 1, some fields in the JSON data file and their descriptions are exemplarily shown.
[0055] Table 1
[0056]
[0057] In an exemplary embodiment, the first page is the start page of the target application, and the second page is the main page of the target application. The target application refers to any application for displaying multimedia content. For the description of the target application, please refer to the previous embodiment, which is not repeated here. The start page can be the boot screen in the general sense. The multimedia advertisement displayed on the start page can be called boot screen advertisement. The main page can display another form of multimedia advertisement, i.e. giant screen advertisement. The boot screen advertisement and the giant screen advertisement can be displayed in linkage.
[0058] Accordingly, as shown in Figure 3 FIG. 2 is a flowchart illustrating a method for displaying multimedia content according to another embodiment of the present application. Figure 3 In the embodiment, the step 210 is replaced by the following step 211.
[0059] In step 211, view loading data is acquired in response to a start instruction for the target application.
[0060] The start instruction for the target application can be triggered by a selection operation on the target application icon, such as a click, touch, or the like, which is not limited in the embodiments of the present application.
[0061] Both the step 210 and the step 211 are used for performing a resource preloading task. In the embodiments of the present application, there are two preloading modes for playing multimedia content resources.
[0062] In a possible implementation, the view loading data is acquired in the following manner:
[0063] Local cache data is acquired, and the view loading data is searched from the local cache data.
[0064] The local cache data can be data cached when the application was last run, which can include source files and page display files of the multimedia content. When the multimedia content is played, the source files and the page display files of the multimedia content pre-cached in the local cache data can be directly searched.
[0065] In another possible implementation, the view loading data is acquired in the following manner:
[0066] A view loading request is sent, the view loading request being used for requesting the view loading data; and the view loading data is received.
[0067] The above manner is a real-time request manner of the view loading data. Before the view loading request is sent by the client, a network connection state of a terminal to which the client belongs is detected. When the network connection state is connected, the view loading request can be sent to a server to acquire source files and page display files of the multimedia content returned by the server. Alternatively, the multimedia content can be a live video, and the source files of the multimedia content are live video data streams.
[0068] In an exemplary embodiment, as shown in Figure 4 FIG. 2 is a flowchart illustrating a method for displaying multimedia content according to another embodiment of the present application. Figure 4 In the embodiment, the above method further includes step 250.
[0069] At step 250, a singleton player program instance corresponding to the player view is run in response to a multimedia content loading instruction.
[0070] The singleton player program instance is used to control the display form of the player view in different pages.
[0071] Optionally, the start instruction for the target application is the multimedia content loading instruction. The multimedia content loading instruction can also be other instructions generated when multimedia content is played, and the embodiments of the present application do not limit this.
[0072] In a possible implementation, the singleton player program instance is created in the application program of the target application. Specifically, a variable in the singleton player program instance can be held through static (a computer high-level language keyword) to provide an external player (shareADPlaer) method for external access. Inside the method, a dispatch_once (singleton) control of GCD (Grand Central Dispatch, multi-thread programming) is used to execute an initialization (init) method only once, and thread safety is guaranteed. The player is automatically started, is set to default mute, and follows the mute key of the system. The method provides an openPlayerWithFile (local file loading) method and an openPlayerWithURL (network video stream data loading) method for loading the data stream of the multimedia content.
[0073] At step 220, the player view in the first form and the multimedia content played in the player view are displayed based on the view loading data.
[0074] The first form refers to a certain display form of the player view. The display form can be determined by display information such as size information, position information, and frame information of the player view. Optionally, the first form is a full-screen display form. Optionally, the player view in the first form is displayed in the first page. The first page refers to the page before the switching page is switched. The first page can be a browser page or an application program page.
[0075] Optionally, the multimedia content in the player view is continuously played. Optionally, step 220 is performed in the singleton player program instance.
[0076] In an exemplary embodiment, the view loading data includes a source file of the multimedia content and a page display file.
[0077] Correspondingly, as shown in Figure 3 The implementation process of step 220 includes the following steps (221-222).
[0078] In step 221, the player view is initialized based on the page display file, and a first form of the player view is displayed.
[0079] Optionally, the first form is an initial form, and has fixed size information and position information.
[0080] The layout position and layout size of each view and each control in the page, and the display style of each view and each control, can be determined based on the page display file. Therefore, the page display file, such as a JSON data file, can be parsed to complete the initialization display of the player view, and the player view can be displayed on the first page. The player view can fill the first page and be displayed on top of the first page, or can be displayed in a partial area of the first page, which is not limited in the embodiments of the present application. The relationship between the player view and the first page can be that the player view is a child view of the first page, or the player view is a page element of the first page.
[0081] Optionally, the first form of the player view is displayed in the first page. The first form of the player view can be displayed in the full page of the first page.
[0082] In step 222, the multimedia content is played in the first form of the player view based on the source file.
[0083] Further, the source file of the multimedia content, such as a video data file, can be loaded while the player view is initialized, and then the multimedia content, such as an advertisement video, can be played in the player view.
[0084] In step 230, in response to receiving a page switching instruction for switching to a target page, the player view is view-transformed, a transformed form of the player view and the multimedia content are displayed.
[0085] The target page is a destination page of the page switching. The multimedia content is continuously played in the transformed form of the player view. The page switching instruction is a computer instruction for switching the page. Optionally, the page switching instruction can be triggered according to an operation signal generated by a user operation, for example, a user clicking a page jump button on the first page.
[0086] The transformed form is a display form of the player view in a view transformation process. The view transformation is used to adjust the display form of the player view so that the player view is embedded into a target area in the target page.
[0087] In a possible implementation, an animation management center (Animation Center) can be created in the single instance of the player program, and is used to process events such as data interaction, animation state change and callback management of each view in the page in view animation.
[0088] In the embodiments of the present application, the player view can be divided into three display modes during the execution of the view transformation, namely, a first mode, a transformation mode and a second mode. The first mode can be the display mode of the player view before the view transformation, the transformation mode is the display mode of the player view during the view transformation, and the second mode is the display mode of the player view after the view transformation.
[0089] In the example embodiments, as shown in Figure 3 The page switching instruction is generated by step 260.
[0090] Step 260, under the condition that the start time of the view transformation is reached, a page switching instruction is generated.
[0091] The multimedia content can be played in the player view for a period of time, and the length of the period of time is determined by the preset time length. Alternatively, the preset time length is less than the total playing time of the multimedia content. Therefore, when the playing time of the multimedia content reaches the preset time length, that is, the start time of the view transformation, the page switching instruction is generated.
[0092] Before the start time of the view transformation is reached, the player view is still in the first mode. The first mode before the view transformation is determined by related operations. When the target application is started, the animation management center can check whether multimedia content linkage placement is needed. If the multimedia content linkage placement condition is met, the player view is loaded in the first page to display the multimedia content. The PageDatas (page element data) of the JSON data file are extracted to render the first page. At this time, the shareADPlaer method needs to be called to create a singleton player, and the multimedia resource of the singleton player and the size of the player view corresponding thereto are set. Finally, the player view in the first mode is displayed in the first page.
[0093] Correspondingly, as shown in Figure 3 The implementation process of step 230 includes the following steps (232-233).
[0094] Step 231, in response to receiving the page switching instruction, the position information and the size information of the player view in the second mode are obtained.
[0095] The position information and the size information of the player view in the second mode are known, which is also the purpose of the view transformation. The position information can be the coordinates of the player view after the view transformation. The coordinates can be the coordinates of the view frame of the player view on the screen, or the relative coordinates of the view frame of the player view relative to its parent view, such as the target page after switching.
[0096] At step 232, the view transformation animation of the player view is determined based on the position information and the size information.
[0097] When the UIView (page view) is subjected to view transformation, the view transformation animation is implemented by setting animation on the view frame of the view, i.e., the view transformation animation described above. The animation key points of the view transformation animation are the position coordinates and the frame size of the view frame in the first and second morphologies, so the view transformation animation described above is determined by the start position and the start size of the player view and the end position and the end size.
[0098] The view transformation animation described above can determine the player view in the transformation morphology and the display morphology at any moment in the view transformation process.
[0099] Optionally, for the player view in the first morphology displayed after the singleton player is created, generally, the size of the view frame of the player view in the first morphology can be consistent with the width and height of the screen, i.e., full-screen display.
[0100] Optionally, the frame size and the position coordinates of the player view in the second morphology are determined according to the width and the height of the terminal screen. The player view in the second morphology described above can be used as a giant screen advertisement player view.
[0101] In the view transformation process, the animation-related parameters of the player view are set.
[0102] The duration of the animation (setAnimationDuration) is set: the value corresponding to the animationDuration field in the JSON data file is obtained and transmitted to the singleton player program instance, the duration of the animation is set to the value corresponding to the animationDuration field, and thus the duration of the view transformation described above is controlled.
[0103] The repetition number of the animation (setAnimationRepeatCount) is set: the parameter 0 is transmitted from the JSON data file to the singleton player program instance, the repetition number of the animation is set to 0, and it is indicated that the animation does not need to be repeatedly executed.
[0104] The listener object of the animation execution process (setAnimationDelegate) is set: the AnimationCenter field is transmitted from the JSON data file to the singleton player program instance, and it is indicated that the listener object of the animation execution process is the AnimationCenter.
[0105] Setting animation will start method selector (setAnimationWillStartSelector) and setting animation end method selector (setAnimationDidStopSelector): the method selector set in the singleton player program instance is passed in, and the passed-in method is implemented in AnimationCenter. When the dynamic effect of view transformation is executed, the class method commitAnimations is called in the singleton player program instance during the setting process of the page view, so as to change the height and y coordinates of the view frame of the player view. Since the view frame size and coordinates of the player view in the end state can be obtained, the view frame of the player view in the end state can be calculated.
[0106] Step 233: play the view transformation animation.
[0107] The view transformation animation is the player view in the transformation mode described above.
[0108] Optionally, the start time of the view transformation is animationBeginTime in the JSON data file. When the duration of playing the multimedia content reaches animationBeginTime, the view transformation is performed on the player view, and the animation added to the view frame of the player view is started to be executed.
[0109] In an exemplary embodiment, as shown in Figure 3 The implementation process of step 230 can further include the following steps (234-235).
[0110] Step 234: set the display attribute of each target sub-page element.
[0111] The display attribute is used to indicate the display mode of the sub-page element. Optionally, the display attribute includes a hidden attribute and a visible attribute. The hidden attribute means to hide the display page element, and the visible attribute means to display the page element.
[0112] In one possible implementation, the display attribute of the target sub-page element is set to the hidden attribute.
[0113] The sub-page element refers to a sub-page element that does not need to be displayed during the view transformation process, such as a sub-view or a sub-control of the player view.
[0114] Optionally, the hidden attribute can be determined by a hidden attribute parameter value. For example, if the value of a field representing the hidden attribute in a page element is 1, it indicates that the display attribute of the page element is the hidden attribute; if the value of the field representing the hidden attribute in the page element is 0, it indicates that the display attribute of the page element is the visible attribute.
[0115] By setting the hidden attribute parameter value of the sub-page element in the single instance of the player program, the display attribute of the sub-page element is set to the hidden attribute.
[0116] At step 235, at least one sub-page element is displayed in the player view according to the display attribute.
[0117] In one possible implementation, if the display attribute of the target sub-page element is the hidden attribute, the target sub-page element is hidden in the player view.
[0118] Optionally, all page elements in the first page except the player view are hidden. Specifically, in the single instance of the player program, all sub-views in the first page are read by traversing all sub-views (view.subviews), and the object type is determined by calling the iskindofclass method. If the view is not the player view, the return value is NO. If the return value is NO, the hidden attribute of the sub-view (subview) is set to YES, indicating that the element is hidden.
[0119] In an exemplary embodiment, as shown in FIG. 2B, another implementation process of step 230 includes the following steps (23A-23B). Figure 4
[0120] At step 23A, in response to receiving the page switching instruction, the target page is displayed.
[0121] Optionally, the target page is displayed in a layer below the layer where the player view is located.
[0122] Optionally, a frosted glass effect view is created by the view effect addition (UIVisualEffectView) method, and the size of the background of the frosted glass effect view is fixed to the width and height of the screen. The created frosted glass effect view is displayed above the target page, which can blur the page content of the target page, making it intuitive to see that the player view is performing view conversion to embed the target page, and ensuring the view conversion effect and continuous playing of multimedia content in the view, avoiding interference of the page content of the target page with the view conversion effect.
[0123] Step 23B, view transformation is performed on the player view, and the transformed player view and the multimedia content are displayed on the target page.
[0124] Optionally, the view transformation animation of the player view is played on the target page.
[0125] After the view transformation animation is played, the player view is in the second form.
[0126] Step 240, the player view in the second form and the multimedia content are displayed on the target area.
[0127] Optionally, when the view transformation animation is played, i.e., the dynamic effect of the view transformation ends, the frosted glass effect view created by the UIVisualEffectView method is hidden, and the page content of the target page is clearly displayed to the user.
[0128] At the same time, the player view of the first page needs to be transferred. The display controller of the target page gets each view of the first page, and then adds the player view to the view of the target page, so as to realize the transfer of the player view container.
[0129] Further, the player view data is obtained from the page element data (PageDatas) in the JSON data file, and the player view is rendered in the target page.
[0130] Optionally, the player view can also be created in the view of the target page.
[0131] In an exemplary embodiment, as shown in Figure 3 the above step 240 can be implemented by the following steps (241-242).
[0132] Step 241, the player view in the second form is embedded into the target area.
[0133] Through the above view transformation, the player view can be transformed from the starting position to the ending position, i.e., the position of the target area, and the view frame of the player view is transformed from the starting size to the size consistent with the target area, so as to realize embedding the player view after view transformation into the target area.
[0134] Step 242, based on the view loading data, the player view in the second form is displayed on the target area, and the multimedia content in the player view is continuously displayed.
[0135] The player view can continuously display the multimedia content before and after the view transformation.
[0136] After the player view is embedded into the target area, the single player program instance still acquires the view loading data and continuously plays the multimedia content.
[0137] The multimedia content displayed before and after the view transformation can be different. For example, the player view displays picture content before and during the view transformation; and the player view displays video after the view transformation.
[0138] The multimedia content displayed before and after the view transformation can also be the same. For example, the player view continuously plays the same video before, during, and after the view transformation.
[0139] In a possible implementation, after the step 211, an implementation of the step 220 is that, based on the view loading data, the player view in the first form and the multimedia content are displayed in the start page of the target application.
[0140] In this implementation, the main page of the target application is the target page. Accordingly, an implementation of the step 230 is that, in response to receiving the page switching instruction for switching to the main page of the target application, the view transformation is performed on the player view, and the player view in the transformed form and the multimedia content are displayed on the main page. In the implementation, the player view in the first form in the start page, the player view in the transformed form during the page switching, and the player view in the main page after the page switching are different display forms of the same player view. Because they are the same player view, the multimedia content can be continuously and uninterruptedly played in the player view, the seamless joint display of the multimedia content between the start page and the main page of the application is implemented, the computing pressure is reduced, multiple views do not need to be loaded, and the joint display efficiency of the multimedia content is improved.
[0141] In summary, the technical solution provided by the embodiments of the present application loads the view loading data, displays the player view in the first form to play the multimedia content, performs the view transformation when the page is switched, embeds the player view into the target area in the target page to continue playing the multimedia content, and thus can uninterruptedly play the multimedia content when the page is switched and the joint display is performed, and the continuity of the multimedia content playing is ensured. In addition to uninterruptedly playing the multimedia content, because the same player view is used to play the multimedia content in the two pages, the computing resource occupation amount can be effectively reduced, and the joint display efficiency of the multimedia content is improved.
[0142] The display method of the multimedia content provided by the embodiments of the present application will be described intuitively through specific examples and in combination with Figures 5(a) to 5(d)
[0143] In one example, as shown in FIG. 5(a), which exemplarily shows a page schematic diagram of an application start page. The application start page 510 shown in FIG. 5(a) is a start page of a video application. A first form of a player view 520 is initialized and displayed in the application start page 510. Optionally, the size of the player view 520 is the same as the size of the application start page 510, and the player view 520 can be displayed full-screen in the application start page 510. Optionally, the player view 520 is displayed full-screen. In FIG. 5(a), the player view 520 also has sub-page elements, and the player view 520 can be a parent view of the sub-page elements. The sub-page elements include sub-views and sub-controls. For example, the sound control control 531 and the page jump control 532 in FIG. 5(a) are sub-controls in the sub-page elements of the player view 520, and the video application logo pattern view 533 and the brand advertising phrase view 534 in FIG. 5(a) are sub-views in the sub-page elements of the player view 520. An advertising video 540 launched by the video application can be displayed in the player view 520.
[0144] In one example, as shown in FIG. 5(b), which exemplarily shows a page schematic diagram during view transformation. In FIG. 5(b), the page background is switched from the application start page 510 to the application home page 550 of the video application. The sub-page elements of the player view 520, such as the sound control control 531, the page jump control 532, the video application logo pattern view 533, and the brand advertising phrase view 534, are hidden, and the player view 520 only plays the advertising video 540. In addition, the player view 520 is transformed, and the size of the view border of the player view 520 is reduced.
[0145] In one example, as shown in FIG. 5(c), which exemplarily shows another page schematic diagram during view transformation. In FIG. 5(c), a display effect is added to the application home page 550, and the content of the home page cannot be seen in the application home page 550 with the added display effect. Optionally, the display effect is a frosted glass display effect. On the application home page 550 with the added display effect, a preset view transformation animation corresponding to the view border of the player view 520 is played, and the size of the view border of the player view 520 is further reduced compared to FIG. 5(b). At the same time, the player view 520 continues to play the advertising video 540.
[0146] In one example, as shown in FIG. 5(d), which exemplarily shows a page schematic diagram of an application homepage. In FIG. 5(d), the view frame size of the second form of the player view 520 obtained after view transformation is preset, and the player view 520 is embedded into a target area of the application homepage 550 for display, and continues to play the advertisement video 540. Optionally, the sound control control 531, the video application identification pattern view 533, and the brand advertisement language view 534 can be restored and displayed in the player view 520 after view transformation.
[0147] It should be noted that the player view 520 before view transformation is used to display a boot screen advertisement, and the player view 520 after view transformation is used to display a giant screen advertisement. Optionally, the boot screen advertisement and the giant screen advertisement can be of a video or picture type, and the embodiments of the present application do not limit this. In the above Figures 5(a) to 5(d) page jump process, the player view 520 is dynamically and seamlessly transitioned, the advertisement video 540 is continuously and smoothly played in the player view 520, and there is no need to reload the advertisement resource when the page jumps. In addition, the player view 520 is initialized only once when the starting page 510 is displayed.
[0148] Please refer to Figure 6 , which shows a flowchart of a display method of multimedia content provided by another embodiment of the present application. The method can be applied to a computer device, which refers to an electronic device with data computing and processing capability, such as a terminal 10 in an application program running environment as shown in each step of the embodiment. The method can include the following steps (601-616). Figure 1
[0149] Step 601, receiving a starting instruction for a target application, and running a singleton player program instance corresponding to a player view. Then, the singleton player program instance controls the terminal to start from step 602 or step 604.
[0150] Step 602, obtaining local cache data.
[0151] Step 603, searching for source files and page display files of multimedia content from the local cache data.
[0152] Step 604, sending a view loading request.
[0153] The view loading request is used to request to obtain source files and page display files of multimedia content.
[0154] Step 605, receiving source files and page display files of multimedia content.
[0155] Step 606, initializing the player view based on the page display file, and displaying the first-form player view in the first page.
[0156] Step 607, displaying the multimedia content in the first-form player view based on the source file.
[0157] Step 608, executing the page switching instruction in response to the current time reaching the start time of the view transformation.
[0158] Step 609, displaying the second page below the layer corresponding to the player view.
[0159] Step 610, setting the display attribute of the sub-page element corresponding to the player view to a hidden attribute.
[0160] Step 611, hiding the display of the sub-page element in the first-form player view.
[0161] Step 612, obtaining the position information and size information of the second-form player view.
[0162] Step 613, determining the view transformation animation of the player view based on the position information and size information.
[0163] Step 614, playing the view transformation animation on the second page.
[0164] Step 615, embedding the second-form player view into the target area in the second page.
[0165] Step 616, continuing to display the multimedia content in the second-form player view based on the source file and the page display file of the multimedia content.
[0166] For the explanation of the above steps 601 to 616, see the related introduction of the embodiments above, which will not be repeated here.
[0167] In one example, as shown in Figure 7 , an example flowchart of an advertisement linkage display is exemplarily shown.
[0168] S1: Preloading video advertisement resources.
[0169] The above advertisement resources are advertisement video source data.
[0170] S2: Starting an application.
[0171] In response to a click operation on the application icon of the target application, the application is started.
[0172] S3: Creating a singleton player view.
[0173] The application program creates a single-player program instance to control the display process of the single-player view.
[0174] S4: loading the single-player view to play the boot screen video advertisement.
[0175] The advertisement video is played in the single-player view on the application start page, and the boot screen video advertisement is implemented.
[0176] S5: starting the view animation effect.
[0177] The animation effect is started for the view framework of the single-player view.
[0178] S6: executing the view animation effect after obtaining the view end state.
[0179] After obtaining the position and size of the single-player view on the application main page, the animation effect of the view transformation of the single-player view is determined. Then the animation effect is executed on the single-player view.
[0180] S7: ending the view animation effect.
[0181] S8: transferring the single-player view.
[0182] The single-player view after the view transformation is transferred to the application main page.
[0183] S9: rendering the single-player view to play the giant screen advertisement.
[0184] The advertisement video source data is continuously read on the application main page, and the advertisement video is played without interruption, the giant screen advertisement is implemented, and finally the linkage of the boot screen video advertisement and the giant screen advertisement is completed.
[0185] In summary, the technical scheme provided by the embodiments of the present application, by loading the view loading data when the application is started, displaying the first-form player view in the starting page of the application to play the multimedia content, and realizing the multimedia content placement on the application startup screen. Then, the main page of the application is displayed when the page is switched, and the view switching animation determined by the second-form player view is played on the main page of the application, so that the player view is embedded into the target area in the main page of the application to continue playing the multimedia content, thereby realizing the joint placement display of the multimedia content, effectively ensuring the continuity of the multimedia content playing, realizing seamless connection in the joint placement display process, and also improving the user stickiness of the multimedia content. In addition to uninterrupted playing of the multimedia content, since the same player view is used to play the multimedia content in the two pages, only one multimedia resource is required, without the need for twice preloading or performing resource progress relocation operation, reducing the memory space occupied by video resources, effectively reducing the computing resource occupation amount, and improving the efficiency of the joint placement display of the multimedia content.
[0186] The following is an apparatus embodiment of the present application, which can be used to execute the method embodiments of the present application. For details not disclosed in the apparatus embodiments of the present application, please refer to the method embodiments of the present application.
[0187] Please refer to Figure 8 which shows a block diagram of a display device for multimedia content provided by an embodiment of the present application. The device has the function of realizing the display method of the multimedia content described above, which can be realized by hardware or corresponding software executed by hardware. The device can be a computer device or can be arranged in a computer device. The device 800 can include a data acquisition module 810, a first view display module 820, a view transformation module 830, and a second view display module 840.
[0188] The data acquisition module 810 is configured to acquire view loading data associated with a player view, wherein the player view refers to a page element used to play multimedia content.
[0189] The first view display module 820 is configured to display a first-form player view and multimedia content played in the player view based on the view loading data.
[0190] The view transformation module 830 is configured to, in response to receiving a page switching instruction for switching to a target page, perform view transformation on the player view, display a transformed-form player view and the multimedia content, and the view transformation is used to adjust the display form of the player view so that the player view is embedded into a target area in the target page.
[0191] The second view display module 840 is configured to display a second form of the player view in the target area.
[0192] In an example embodiment, the apparatus 800 further includes a singleton player running module.
[0193] The singleton player running module is configured to, in response to a multimedia content loading instruction, run a singleton player program instance corresponding to the player view, the singleton player program instance being configured to control a display form of the player view in different pages.
[0194] In an example embodiment, the apparatus 800 further includes an instruction generating module.
[0195] The instruction generating module is configured to generate the page switching instruction on a condition that a start time of the view transformation is reached.
[0196] The view transformation module 830 includes a transformation information obtaining unit, a transformation animation determining unit, and a transformation animation playing unit.
[0197] The transformation information obtaining unit is configured to, in response to receiving the page switching instruction, obtain position information and size information of the second form of the player view.
[0198] The transformation animation determining unit is configured to determine a view transformation animation of the player view based on the position information and the size information.
[0199] The transformation animation playing unit is configured to play the view transformation animation.
[0200] In an example embodiment, the player view includes at least one sub-page element, and the view transformation module 830 further includes a page element setting unit and a page element display unit.
[0201] The page element setting unit is configured to set a respective display attribute of the at least one sub-page element, the display attribute being configured to indicate a display manner of a sub-page element.
[0202] The page element display unit is configured to display the at least one sub-page element in the player view according to the display attribute.
[0203] In an example embodiment, the page element setting unit is specifically configured to:
[0204] set a display attribute of a target sub-page element as a hidden attribute.
[0205] The page element display unit is specifically configured to:
[0206] hide the target sub-page element in the player view.
[0207] In an example embodiment, the view transformation module 830 comprises a page display unit and a view transformation unit.
[0208] The page display unit is configured to display the target page in response to receiving the page switching instruction.
[0209] The view transformation unit is configured to transform the player view, and display the transformed player view and the multimedia content on the target page.
[0210] In an example embodiment, the view loading data comprises a source file and a page display file of the multimedia content, and the first view display module 820 comprises a view initialization unit and a multimedia content display unit.
[0211] The view initialization unit is configured to initialize the player view based on the page display file, and display the first-form player view.
[0212] The multimedia content display unit is configured to play the multimedia content in the first-form player view based on the source file.
[0213] In an example embodiment, the data acquisition module 810 is specifically configured to:
[0214] In response to a starting instruction for a target application, acquire the view loading data.
[0215] The first view display module 820 is specifically configured to display the first-form player view and the multimedia content in a starting page of the target application based on the view loading data.
[0216] The view transformation module 830 is specifically configured to transform the player view in response to receiving a page switching instruction to switch to a main page of the target application, and display the transformed player view and the multimedia content on the main page, which is the target page.
[0217] In an example embodiment, the data acquisition module 810 comprises a cache acquisition unit and a cache searching unit.
[0218] The cache acquisition unit is configured to acquire local cache data.
[0219] The cache searching unit is configured to search the view loading data from the local cache data.
[0220] In an exemplary embodiment, the data acquisition module 810 further includes a view data request unit and a view data receiving unit.
[0221] A view data request unit is used to send a view loading request, wherein the view loading request is used to request the view loading data.
[0222] A view data receiving unit is used to receive the view loading data.
[0223] In summary, the technical solution provided in this application loads view loading data, displays a first-form player view to play multimedia content, and transforms the view during page switching, embedding the player view into the target area of the target page to continue playing multimedia content. This ensures uninterrupted playback of multimedia content during page switching and joint projection, guaranteeing playback continuity. In addition to uninterrupted playback, since both pages use the same player view to play multimedia content, it effectively reduces computational resource consumption and improves the efficiency of joint projection of multimedia content.
[0224] It should be noted that the apparatus provided in the above embodiments is only illustrated by the division of the above functional modules when implementing its functions. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the apparatus and method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.
[0225] Please refer to Figure 9 This diagram illustrates a structural block diagram of a computer device according to an embodiment of this application. The computer device may be a terminal. This computer device is used to implement the multimedia content display method provided in the above embodiments. Specifically:
[0226] Typically, computer device 900 includes a processor 901 and a memory 902.
[0227] The processor 901 can include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The processor 901 can be implemented in the form of at least one of a DSP (Digital Signal Processing), an FPGA (Field Programmable Gate Array), a PLA (Programmable Logic Array). The processor 901 can also include a main processor and a co-processor, the main processor being a processor for processing data in an awake state, also known as a CPU (Central Processing Unit), and the co-processor being a low-power processor for processing data in a standby state. In some embodiments, the processor 901 can be integrated with a GPU (Graphics Processing Unit) that is responsible for rendering and drawing the content to be displayed by the display screen. In some embodiments, the processor 901 can also include an AI (Artificial Intelligence) processor for processing machine learning-related computing operations.
[0228] The memory 902 can include one or more computer-readable storage media that can be non-transitory. The memory 902 can also include a high-speed random access memory, and a nonvolatile memory such as one or more disk storage devices, flash storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 902 is configured to store at least one instruction, at least one program, a code set or an instruction set, which is configured to be executed by one or more processors to implement the above-mentioned multimedia content display method.
[0229] In some embodiments, the computer device 900 can also optionally include a peripheral device interface 903 and at least one peripheral device. The processor 901, the memory 902, and the peripheral device interface 903 can be connected through a bus or a signal line. Each peripheral device can be connected to the peripheral device interface 903 through a bus, a signal line, or a circuit board. Specifically, the peripheral device includes at least one of a radio frequency circuit 904, a touch display screen 905, a camera component 906, an audio circuit 907, a positioning component 908, and a power supply 909.
[0230] Those skilled in the art can understand that the structure shown in the above embodiments is not a limitation on the computer device 900, and can include more or fewer components than shown, or combine certain components, or use different component arrangements. Figure 9 Those skilled in the art can understand that the structure shown in the above embodiments is not a limitation on the computer device 900, and can include more or fewer components than shown, or combine certain components, or use different component arrangements.
[0231] In an example embodiment, a computer readable storage medium is also provided, in which at least one instruction, at least one program, a code set or an instruction set is stored, and the at least one instruction, the at least one program, the code set or the instruction set is executed by a processor to implement the above multimedia content display method.
[0232] Optionally, the computer readable storage medium can include a ROM (Read Only Memory), a RAM (Random Access Memory), a SSD (Solid State Drives), an optical disc or the like. The RAM can include a ReRAM (Resistance Random Access Memory) and a DRAM (Dynamic Random Access Memory).
[0233] In an example embodiment, a computer program product or a computer program is also provided, which includes computer instructions stored in a computer readable storage medium. A processor of a computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions to make the computer device execute the above multimedia content display method.
[0234] It should be understood that "multiple" mentioned herein refers to two or more. "And / or" describes the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B can represent the following three cases: A exists alone, A and B exist together, and B exists alone. The character " / " generally represents that the associated objects before and after it are in an "or" relationship. In addition, the step numbers described herein only exemplarily show a possible execution order between steps, and in some other embodiments, the above steps can also be executed in a different order from the number order, such as simultaneously executing two steps with different numbers, or executing two steps with different numbers in an order opposite to the illustration, and the embodiments of the present application do not limit this.
[0235] The above only describes example embodiments of the present application and does not limit the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.
Claims
1. A method of displaying multimedia content, characterized by, The method comprises: in response to a starting instruction of a target application, obtaining view loading data associated with a player view, the player view being a page element for playing multimedia content; based on the view loading data, displaying a first form of the player view and multimedia content played in the player view in a starting page of the target application; in response to receiving a page switching instruction for switching to a main page of the target application, performing view transformation on the player view, displaying a transformed form of the player view on the main page and continuously playing the multimedia content in the transformed form of the player view, the view transformation being used to adjust the display form of the player view so as to embed the player view into a target area in the main page; the transformed form being a display form of the player view changed in the video transformation process; transforming the player view from a starting position to an ending position, while a view frame of the player view is transformed from a starting size to a size fitting the target area of the main page, embedding the player view after view transformation into the target area; displaying a second form of the player view in the target area, and continuously displaying the multimedia content in the second form of the player view; the second form being a display form of the player view after view transformation.
2. The method of claim 1, wherein, The method further comprises: in response to a multimedia content loading instruction, running a singleton player program instance corresponding to the player view, the singleton player program instance being used to control the display form of the player view in different pages.
3. The method of claim 1, wherein, The method further comprises: generating the page switching instruction on the condition that the starting time of the view transformation is reached; the response to the page switching instruction for switching to the main page of the target application, performing view transformation on the player view, displaying a transformed form of the player view on the main page and continuously playing the multimedia content in the transformed form of the player view, comprising: in response to receiving the page switching instruction, obtaining position information and size information of the second form of the player view; based on the position information and the size information, determining a view transformation animation of the player view; playing the view transformation animation.
4. The method of claim 3, wherein, The player view comprises at least one sub-page element, and the method further comprises: setting respective display attributes of the at least one sub-page element, the display attributes being used to indicate the display mode of the sub-page element; displaying the at least one sub-page element in the player view according to the display attributes.
5. The method of claim 4, wherein, The setting of the respective display attributes of the at least one sub-page element comprises: setting a display attribute of a target sub-page element as a hidden attribute; the displaying of the at least one sub-page element in the player view according to the display attributes comprises: hiding the target sub-page element in the player view.
6. The method of claim 1, wherein, The view loading data comprises a source file and a page display file of the multimedia content, and based on the view loading data, a first-form player view and multimedia content played in the player view are displayed in a start page of the target application, which comprises: based on the page display file, initializing the player view, and displaying the first-form player view in the start page of the target application; based on the source file, playing the multimedia content in the first-form player view.
7. A display device of multimedia content, characterized by, The device comprises: a data acquisition module configured to acquire view loading data associated with a player view in response to a start instruction for a target application, the player view being a page element for playing multimedia content; a first view display module configured to display a first-form player view and multimedia content played in the player view in a start page of the target application based on the view loading data; a view transformation module configured to perform view transformation on the player view in response to receiving a page switching instruction for switching to a main page of the target application, display a transformed-form player view on the main page, and continuously play the multimedia content in the transformed-form player view, the view transformation being configured to adjust a display form of the player view to embed the player view into a target area in the main page; the transformed form being a display form of the player view changed during the view transformation; the player view is transformed from a start position to an end position, and a view frame of the player view is transformed from a start size to a size that fits the target area of the main page, and the player view after the view transformation is embedded into the target area; a second view display module configured to display a second-form player view in the target area, and continuously display the multimedia content in the second-form player view; the second form being a display form of the player view after the view transformation.
8. The apparatus of claim 7, wherein, The device further comprises a singleton player running module; the singleton player running module is configured to run a singleton player program instance corresponding to the player view in response to a multimedia content loading instruction, the singleton player program instance being configured to control a display form of the player view in different pages.
9. The apparatus of claim 7, wherein, The device further comprises an instruction generation module; the instruction generation module is configured to generate the page switching instruction on a condition that a start time of the view transformation is reached; the view transformation module comprises a transformation information acquisition unit, a transformation animation determination unit, and a transformation animation playing unit; the transformation information acquisition unit is configured to acquire position information and size information of the second-form player view in response to receiving the page switching instruction; the transformation animation determination unit is configured to determine a view transformation animation of the player view based on the position information and the size information; the transformation animation playing unit is configured to play the view transformation animation.
10. The apparatus of claim 9, wherein, The player view includes at least one sub-page element, and the view transformation module further includes a page element setting unit and a page element display unit; The page element setting unit is configured to set respective display attributes of the at least one sub-page element, the display attributes being used to indicate display manners of the sub-page elements; The page element display unit is configured to display the at least one sub-page element in the player view according to the display attributes.
11. The apparatus of claim 10, wherein, The page element setting unit is specifically configured to: set a display attribute of a target sub-page element as a hidden attribute; The page element display unit is specifically configured to: hide the target sub-page element in the player view.
12. The apparatus of claim 7, wherein, The view loading data includes a source file and a page display file of the multimedia content, and the first view display module includes a view initialization unit and a multimedia content display unit. The view initialization unit is configured to initialize the player view based on the page display file, and display the player view in the first form in a start page of the target application. The multimedia content display unit is configured to play the multimedia content in the player view in the first form based on the source file.
13. The apparatus of claim 7, wherein, The data acquisition module includes a cache acquisition unit and a cache searching unit. The cache acquisition unit is configured to acquire local cache data. The cache searching unit is configured to search the view loading data from the local cache data.
14. The apparatus of claim 7, wherein, The data acquisition module further includes a view data requesting unit and a view data receiving unit. The view data requesting unit is configured to send a view loading request, the view loading request being used to request acquisition of the view loading data. The view data receiving unit is configured to receive the view loading data.
15. A computer device, comprising: The computer device includes a processor and a memory, and the memory stores at least one instruction, at least one program, a code set or an instruction set, which are loaded and executed by the processor to implement the multimedia content display method in any one of claims 1 to 6.
16. A computer-readable storage medium, characterized in that, The storage medium stores at least one instruction, at least one program, a code set or an instruction set, which are loaded and executed by the processor to implement the multimedia content display method in any one of claims 1 to 6.
17. A computer program product, characterised in that, The computer program product includes computer instructions stored in a computer readable storage medium; a processor of a computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions to enable the computer device to perform the multimedia content display method in any one of claims 1 to 6.
Citation Information
Patent Citations
Video playing method and device and electronic equipment
CN110062284A
Video playing method and device, terminal and storage medium
CN110582017A
Control method and device for player in application, and video playing device
CN110611844A