An electronic invitation video presentation method based on interaction state perception

Abstract

The application discloses an electronic invitation video presentation method based on interactive state sensing, relates to the technical field of video presentation, and comprises the following steps: carrying out state division on a tearing interactive progress to obtain a tearing interactive state piece, establishing a video exposure gate chain according to the tearing interactive state piece and an interface object takeover table, triggering the video exposure gate chain according to the tearing interactive state piece, obtaining a video carrying layer that has bound a first frame map, constructing a mask transparent area according to the video carrying layer that has bound the first frame map and a current opening contour of a sealing boundary graphic object, writing the mask transparent area into a first frame embedded mask layer, taking over a tearing animation object final state picture based on the first frame embedded mask layer with the written mask transparent area, and starting video playing after the taking over is completed; and the application optimizes resource scheduling by constructing the video exposure gate chain, guarantees the coherence of visual logic, and improves the standardization degree of electronic invitation production.

Description

Technical Field

[0001] This invention relates to the field of video presentation technology, and in particular to a method for presenting electronic invitation videos based on interactive state awareness. Background Technology

[0002] With the profound evolution of mobile internet technology and the continuous improvement of computing power of smart terminals, human-computer interaction has gradually shifted from single command input to multimodal, context-aware, and immersive experiences. In the field of digital media communication, electronic invitations, as an important carrier of information transmission and emotional connection, have undergone a leapfrog development in their presentation from static text and images to dynamic videos and then to interactive rich media. This evolution not only benefits from the maturity of HTML5, WebGL, and native graphics rendering engines, but also relies on the popularization of touch sensing technology. By integrating video elements into electronic invitations, the density of information transmission and sensory appeal can be enhanced, allowing users to experience a strong visual impact and emotional resonance the moment they open the invitation. In particular, the interactive technology that combines graphic object transformation and video playback control can simulate physical operations in the real world (such as turning pages and opening envelopes), greatly enhancing the sense of ritual and realism of digital content and bringing users an unprecedented immersive interactive experience.

[0003] Nevertheless, existing methods for presenting electronic invitation videos still have room for improvement. First, the lack of a real-time perception and response mechanism for user interaction causes the video content to appear later or earlier than the visual logic of the graphics and animation, resulting in a sense of "audio-visual asynchrony" or "disjointed action." In addition, previous video presentation methods mostly used full layer coverage or simple transparency adjustment, which could not accurately crop the video display area according to the dynamic outline of the envelope opening, resulting in technical defects such as edge cutouts or occlusion failures in the video image during the embedding process. Summary of the Invention

[0004] In view of the aforementioned existing problems, the present invention is proposed.

[0005] Therefore, the present invention provides a video presentation method for electronic invitations based on interactive state awareness to solve the technical defect of video screen occlusion failure during the embedding process.

[0006] To solve the above-mentioned technical problems, the present invention provides the following technical solution:

[0007] In a first aspect, the present invention provides a method for presenting electronic invitation videos based on interactive state awareness, comprising,

[0008] Create an interactive canvas on the electronic invitation page, and arrange the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer, and generate the interface object takeover table.

[0009] Perform area division on the interface object takeover table to generate an unpacking interaction area table;

[0010] After responding to the invitee's trigger operation in the unpacking interaction area table, start the unpacking animation object and calculate the unpacking interaction progress;

[0011] The unpacking interaction progress is divided into states to obtain unpacking interaction state pieces, and a video display gating chain is established based on the unpacking interaction state pieces and the interface object takeover table.

[0012] Based on the unpacking interaction status, trigger the video exposure gate chain to obtain the video carrier layer with the bound first frame texture;

[0013] Based on the current opening outline of the video carrier layer and the sealing boundary graphic object that have been bound to the first frame texture, construct the mask transparent area and write the mask transparent area into the first frame embedded mask layer.

[0014] Based on the first frame of the embedded mask layer written to the transparent area of ​​the mask, the final state of the unpacking animation object is taken over, and video playback is started after the takeover is completed.

[0015] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the step of establishing an interactive canvas on the electronic invitation page specifically includes:

[0016] Extract the display width, display height, safe display boundary, and pixel density of the electronic invitation page. Configure the canvas size parameters of the interactive canvas based on the display width and display height. Crop the canvas size parameters based on the safe display boundary to form the effective display range parameters of the interactive canvas.

[0017] The pixel mapping relationship of the interactive canvas is calibrated based on pixel density. The upper left corner of the electronic invitation page is set as the origin of the interactive canvas, the horizontal direction is set as the horizontal coordinate direction of the interactive canvas, and the vertical direction is set as the vertical coordinate direction of the interactive canvas, thus completing the creation of the interactive canvas.

[0018] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the generation of the interface object takeover table specifically includes:

[0019] After creating an interactive canvas on the electronic invitation page, configure the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer based on the coordinate origin, horizontal coordinate direction, vertical coordinate direction, canvas size parameters, effective display range parameters, and pixel mapping relationship of the interactive canvas. Write the layer number, display coordinates, display range, initial transparency, initial visible state, and interactive state respectively.

[0020] Based on the stacking relationships between the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrying layer, the first frame embedded mask layer, and the interactive feedback layer, record the display occlusion relationship, the trigger response relationship, and the takeover order to generate an interface object takeover table.

[0021] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the step of generating the unpacking interaction area table specifically involves:

[0022] Read the layer number, display coordinates, display range, interactive state, display occlusion relationship, trigger response relationship and takeover order of the closed envelope graphic object, sealing boundary graphic object, invitation bottom page graphic object, video carrying layer, first frame embedded mask layer and interactive feedback layer in the interface object takeover table;

[0023] The opening area is divided according to the display range and interactive state of the closed envelope graphic object; the opening expansion area is divided according to the display range and trigger response relationship of the sealing boundary graphic object; the bottom page exposure area is divided according to the display range and display occlusion relationship of the invitation bottom page graphic object; and the video embedding area and playback takeover area are divided according to the display range and takeover order of the video carrying layer.

[0024] The opening area, the opening expansion area, the bottom page exposure area, the video embedding area, and the playback takeover area are associated and saved with their corresponding display range, area boundaries, interactive states, trigger response relationships, display occlusion relationships, and takeover order, respectively, to generate an unpacking interaction area table.

[0025] As a preferred embodiment of the electronic invitation video presentation method based on interactive state perception described in this invention, the calculation of the unpacking interaction progress specifically includes:

[0026] After responding to the invitee's trigger operation in the unpacking interaction area table, the system collects the landing point coordinates, touch start time, and touch movement trajectory of the trigger operation, and matches the landing point coordinates with the unpacking interaction area in the unpacking interaction area table;

[0027] When the landing point coordinates are within the starting area, the unsealing animation object is activated. The unsealing animation object drives the sealing boundary graphic object to change opening and folding according to the touch movement trajectory, and causes the bottom graphic object of the invitation to show changes.

[0028] During the unpacking animation, continuously collect the opening width, folding angle of the sealing boundary graphic object, and the exposure height of the invitation bottom graphic object;

[0029] The opening width, folding angle, and exposed height are proportionally converted and then weighted and summed to obtain the unpacking interaction progress.

[0030] As a preferred embodiment of the electronic invitation video presentation method based on interactive state perception described in this invention, the step of obtaining the unpacking interactive state piece specifically includes:

[0031] The unpacking interaction progress is divided into the following states in ascending order: unpacking state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state. The unpacking interaction progress is also marked as forward unpacking state, paused state, and re-unpacking state based on the direction of change of unpacking interaction progress at adjacent collection times.

[0032] When the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state, mark the unpacking completion state.

[0033] The unpacking interaction state slice is obtained by associating and recording the following states: opening state, opening expansion state, bottom page exposure state, video embedding state, playback takeover state, forward unpacking state, paused state, re-unpacking state, and unpacking completion state.

[0034] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the establishment of the video exposure gating chain specifically includes:

[0035] Read the unpacking interaction status, opening expansion status, bottom page exposure status, video embedding status, and playback takeover status from the unpacking interaction status sheet, and read the takeover order corresponding to the video carrying layer and the first frame embedded mask layer in the interface object takeover table;

[0036] Establish the following gates in the order of opening state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state: video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate.

[0037] The video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate are associated with their respective unpacking interaction state pieces and takeover order to form a video exposure gating chain.

[0038] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the step of obtaining the video carrier layer with the bound first frame texture specifically involves:

[0039] Read the opening state, opening expansion state, bottom page exposure state, video embedding state, forward opening state, paused state and return opening state in the opening interaction state piece, and execute the gating trigger in the order of video information preparation gate, video index preparation gate, first frame decoding gate and first frame embedding gate in the video exposure gating chain.

[0040] When the opening state is valid, the video information preparation gate is activated to obtain the video size, video duration and video encoding format. When the opening expansion state is valid, the video index preparation gate is activated to obtain the position of the video segment where the first frame is located.

[0041] When the bottom page exposure state is valid, the first frame decoding gate is activated. The first frame image is decoded according to the position of the video segment where the first frame is located to obtain the first frame texture. When the forward unpacking state is valid and the video embedding state is valid, the first frame embedding gate is activated and the first frame texture is written into the video carrier layer to obtain the video carrier layer with the first frame texture bound.

[0042] When the paused state is valid, the video display gating chain maintains the gating results that have been triggered. When the unpacking state is valid, the video display gating chain does not start the next gate in the gating sequence that has not yet been triggered, and does not start the playback takeover gate until the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state again.

[0043] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the step of writing the transparent mask area into the first frame embedded mask layer specifically involves:

[0044] Read the first frame display area, layer display coordinates, and layer display range of the video carrier layer that has been bound to the first frame texture, and extract the outline coordinate points and opening coverage area corresponding to the current opening outline of the sealing boundary graphic object;

[0045] The overlap calculation between the first frame display area and the opening coverage area is performed, and the overlap calculation result is cropped according to the outline coordinate points to obtain the mask transparent area. The mask transparent area is then written into the first frame embedded mask layer.

[0046] As a preferred embodiment of the electronic invitation video presentation method based on interactive state awareness described in this invention, the step of taking over the final state screen of the unpacking animation object and starting video playback after the takeover is completed specifically includes:

[0047] Read the first frame embedded mask layer, the video carrier layer with bound first frame texture, and the final state of the unpacking animation object written to the mask transparent area. Use the mask transparent area as the video exposure boundary, restrict the video carrier layer with bound first frame texture to be displayed within the mask transparent area, and keep the final state of the unpacking animation object displayed outside the mask transparent area.

[0048] As the unpacking animation object continues to drive the sealing boundary graphic object to undergo opening and folding changes according to the touch movement trajectory, the transparent area of ​​the mask layer embedded in the first frame is updated according to the current opening outline of the sealing boundary graphic object. When the updated transparent area of ​​the mask covers the first frame display area of ​​the video carrier layer that has been bound to the first frame texture, the video carrier layer that has been bound to the first frame texture is switched from a partially visible state to a fully visible state, and the final state of the unpacking animation object is switched to a hidden state, thus completing the takeover of the final state of the unpacking animation object.

[0049] After the takeover is completed, switch the video carrier layer that has been bound to the first frame texture to video playback mode and start video playback.

[0050] The beneficial effects of this invention are as follows: By establishing an interactive canvas and interface object takeover table, structured modeling and standardized management of the electronic invitation interactive interface are achieved, ensuring consistency and rendering efficiency across devices. By generating an unpacking interaction area table, user operations and interface feedback are accurately mapped, improving the sensitivity and logic of the interaction. The unpacking interaction progress is quantitatively calculated, achieving real-time synchronization between animation feedback and user operations, enhancing the realism of the immersive experience. In addition, a video display gating chain is constructed to precisely couple the timing of video content presentation with the unpacking animation state, optimizing resource scheduling, ensuring the coherence of visual logic, and improving the standardization of electronic invitation production. Attached Figure Description

[0051] To more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings used in the following description of the embodiments will be briefly introduced. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0052] Figure 1 This is a flowchart of a video presentation method for electronic invitations based on interactive state awareness.

[0053] Figure 2 A flowchart for obtaining the transparent area of ​​the mask.

[0054] Figure 3 A flowchart for generating the interface object takeover table.

[0055] Figure 4 A flowchart for initiating video playback. Detailed Implementation

[0056] To make the above-mentioned objects, features and advantages of the present invention more apparent and understandable, the specific embodiments of the present invention will be described in detail below with reference to the accompanying drawings.

[0057] Many specific details are set forth in the following description in order to provide a full understanding of the invention. However, the invention may also be practiced in other ways different from those described herein, and those skilled in the art can make similar extensions without departing from the spirit of the invention. Therefore, the invention is not limited to the specific embodiments disclosed below.

[0058] Secondly, the term "one embodiment" or "embodiment" as used herein refers to a specific feature, structure, or characteristic that may be included in at least one implementation of the present invention. The phrase "in one embodiment" appearing in different places in this specification does not necessarily refer to the same embodiment, nor is it a single or selective embodiment that is mutually exclusive with other embodiments.

[0059] Reference Figures 1-4 As one embodiment of the present invention, this embodiment provides a method for presenting electronic invitation video based on interactive state awareness, including the following steps:

[0060] S1: Create an interactive canvas on the electronic invitation page, and arrange the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer, and generate the interface object takeover table.

[0061] S1.1: It should be noted that when the invitee opens the electronic invitation access portal, the electronic invitation page resource package is loaded according to the electronic invitation access portal. The electronic invitation page resource package includes a page structure file and a page adaptation configuration file. The page structure file is parsed to form the electronic invitation page. After the electronic invitation page completes its initial rendering, the display width and display height are read from the root container layout result of the electronic invitation page. The left security boundary, right security boundary, top security boundary, and bottom security boundary recorded in the page adaptation configuration file are read to form the security display boundary. The device pixel ratio returned by the display device during the initial rendering of the electronic invitation page is read and used as the pixel density. The horizontal pixel count of the interactive canvas is obtained by multiplying the display width by the pixel density, and the vertical pixel count of the interactive canvas is obtained by multiplying the display height by the pixel density. The horizontal pixel count and the vertical pixel count are used as the canvas size parameters of the interactive canvas. After reading the left, right, top, and bottom security boundaries of the security display boundary, multiply them by the pixel density and round up to obtain the left, right, top, and bottom boundary values. Using the left and top boundary values ​​as the starting point of the effective display area of ​​the interactive canvas, subtract the left and right boundary values ​​from the horizontal pixel count, and subtract the top and bottom boundary values ​​from the vertical pixel count to obtain the effective display area parameters of the interactive canvas. Establish a conversion ratio between the logical coordinates and physical pixel coordinates of the electronic invitation page according to the pixel density, and use this conversion ratio as the pixel mapping relationship of the interactive canvas. Record the top left corner of the electronic invitation page as the origin of the interactive canvas coordinates, record the horizontal direction as the horizontal coordinate direction of the interactive canvas, and record the vertical direction as the vertical coordinate direction of the interactive canvas, thus completing the establishment of the interactive canvas.

[0062] S1.2: It should be noted that after establishing an interactive canvas on the electronic invitation page, the configuration items for the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer recorded in the page structure file are read. Among them, the configuration items for the closed envelope graphic object, the sealing boundary graphic object, and the invitation bottom page graphic object all include object type, drawing path, horizontal anchor point ratio, vertical anchor point ratio, display width ratio, display height ratio, layer number, initial transparency, initial visibility state, and interactive state; the configuration items for the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer all include layer type, horizontal anchor point ratio, vertical anchor point ratio, display width ratio, display height ratio, layer number, initial transparency, initial visibility state, and interactive state.

[0063] Read the x-coordinate of the effective display range starting point, y-coordinate of the effective display range starting point, width of the effective display range, and height of the effective display range from the effective display range parameters of the interactive canvas. Multiply the width of the effective display range by the horizontal anchor point ratio in the configuration items of the closed envelope graphic object, the sealed boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer, and then superimpose the product of the horizontal anchor point ratio of the effective display range starting point to obtain the horizontal display coordinates of the closed envelope graphic object, the sealed boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer.

[0064] The effective display range height is multiplied by the vertical anchor point ratios in the configuration items for the closed envelope graphic object, the sealed boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer, and then superimposed on the vertical coordinate of the effective display range starting point to obtain the vertical display coordinates of the closed envelope graphic object, the sealed boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer.

[0065] The effective display area width is multiplied by the display width ratios in the configuration items for the closed envelope graphic object, seal boundary graphic object, invitation bottom page graphic object, video carrier layer, first frame embedded mask layer, and interactive feedback layer, respectively, to obtain the display width of the closed envelope graphic object, seal boundary graphic object, invitation bottom page graphic object, video carrier layer, first frame embedded mask layer, and interactive feedback layer. The effective display area height is multiplied by the display height ratios in the configuration items for the closed envelope graphic object, seal boundary graphic object, invitation bottom page graphic object, video carrier layer, first frame embedded mask layer, and interactive feedback layer, respectively, to obtain the display width of the closed envelope graphic object. The display heights of the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer are determined. Based on the pixel mapping relationship of the interactive canvas, the horizontal display coordinates, vertical display coordinates, display width, and display height are rounded down by physical pixels to form the display coordinates and display range of the closed envelope graphic object, sealing boundary graphic object, invitation bottom page graphic object, video carrier layer, first frame embedded mask layer, and interactive feedback layer. According to the drawing paths recorded in the configuration items of the closed envelope graphic object, sealing boundary graphic object, and invitation bottom page graphic object, the drawing paths are executed in combination with the corresponding display ranges to form the closed envelope graphic object, sealing boundary graphic object, and invitation bottom page graphic object. Create a video carrier layer according to the layer type and display range of the video carrier layer in the video carrier layer configuration item; create a first frame embedded mask layer according to the layer type and display range of the first frame embedded mask layer in the first frame embedded mask layer configuration item; create an interactive feedback layer according to the layer type and display range of the interactive feedback layer in the interactive feedback layer configuration item; and associate and save the corresponding layer number, display coordinates, display range, initial transparency, initial visibility state, and interactive state of the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer.

[0066] S1.3: It should be noted that the layer number, display coordinates, display range, initial visible state, and interactive state of the closed envelope graphic object, the seal boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer are read and arranged in ascending order of layer number to form a stacked relationship; for any two graphic objects or layers whose display ranges overlap, the closed envelope graphic object, the seal boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer are compared in pairs, and the graphic object or layer with the largest layer number is recorded as the occluding party, and the graphic object or layer with the smallest layer number is recorded as the occluding party. The layer is recorded as the occluded side, and the overlapping part of the two display areas is recorded as the occlusion area, forming a display occlusion relationship; the interactive closed envelope graphic object and the seal boundary graphic object are recorded as trigger response entry points, and the trigger response entry points are associated with the corresponding display area, layer number, and initial visible state, forming a trigger response relationship; according to the order in which the final state of the unpacking animation object ends displaying with the closed envelope graphic object and the seal boundary graphic object, and the video carrying layer is revealed and replaced by the mask layer embedded in the first frame, the takeover order is recorded; the stacking relationship, display occlusion relationship, trigger response relationship, and takeover order are summarized to generate an interface object takeover table.

[0067] S2: Perform area division on the interface object takeover table and generate an unpacking interaction area table.

[0068] S2.1: It should be noted that the layer number, display coordinates, display range, interactive state, display occlusion relationship, trigger response relationship and takeover order of the closed envelope graphic object, sealing boundary graphic object, invitation bottom page graphic object, video carrying layer, first frame embedded mask layer and interactive feedback layer in the interface object takeover table are read.

[0069] S2.2: It should be noted that when the interactive state of the closed envelope graphic object is interactive, the horizontal display coordinates, vertical display coordinates, display width, and display height corresponding to the display range of the closed envelope graphic object are extracted, and the range enclosed by the horizontal display coordinates, vertical display coordinates, display width, and display height is recorded as the starting area; in the trigger response relationship, the trigger response entry corresponding to the sealing boundary graphic object is located, the display range of the sealing boundary graphic object is extracted, the display range of the sealing boundary graphic object is associated with the area boundary of the starting area, and recorded as the opening expansion area after the starting area is triggered, so that the opening expansion area is used to receive the opening change and folding change of the sealing boundary graphic object driven by the touch movement trajectory; according to the display occlusion relationship, the closed envelope graphic object's... The first occlusion area formed by the invitation's bottom graphic object is read, and the second occlusion area formed by the sealing boundary graphic object on the invitation's bottom graphic object is read. The first and second occlusion areas are merged to form the bottom page occlusion area. The bottom page occlusion area is subtracted from the display area of ​​the invitation's bottom graphic object to obtain the bottom page exposed area. According to the takeover order, the order in which the video carrier layer is exposed through the first frame embedded mask layer and takes over video playback is read. The display area of ​​the video carrier layer is overlapped with the display area of ​​the first frame embedded mask layer to obtain the video embedded area. The video embedded area is associated with the first frame embedded mask layer exposure stage. The display area of ​​the video carrier layer is recorded as the playback takeover area, and the playback takeover area is associated with the video carrier layer's takeover video playback stage.

[0070] S2.3: It should be noted that the opening area, opening expansion area, bottom page exposure area, video embedding area and playback takeover area are associated with the corresponding display range, area boundary, interactive state, trigger response relationship, display occlusion relationship and takeover order respectively, and the opening interaction area table is generated.

[0071] S3: After responding to the invitee's trigger operation in the unpacking interaction area table, start the unpacking animation object and calculate the unpacking interaction progress.

[0072] S3.1: It should be noted that after responding to the invitee's trigger operation in the unsealing interaction area table, the display range, area boundary, and interactive state corresponding to the opening area in the unsealing interaction area table are read; when the interactive state corresponding to the opening area is interactive, the position coordinates returned when the trigger operation first touches the electronic invitation page are collected, and the difference between the horizontal page coordinates in the position coordinates and the horizontal origin coordinates corresponding to the origin of the interactive canvas are calculated to obtain the horizontal logical offset; the difference between the vertical page coordinates in the position coordinates and the vertical origin coordinates corresponding to the origin of the interactive canvas are calculated to obtain the vertical logical offset; according to the conversion ratio between logical coordinates and physical pixel coordinates in the pixel mapping relationship, the horizontal logical offset is converted to pixels and rounded to obtain the horizontal landing point coordinates, and the vertical logical offset is converted to pixels and rounded to obtain the vertical landing point coordinates; the horizontal landing point coordinates and the vertical landing point coordinates are combined to form the landing point coordinates; the timestamp returned when the trigger operation first touches the electronic invitation page is collected and the timestamp is recorded as the touch start time; in the trigger operation During the process, multiple contact position coordinates are continuously collected in the order of the contact positions returned by the trigger operation. These coordinates are then converted into multiple trajectory coordinate points according to the coordinate origin and pixel mapping relationship of the interactive canvas. These trajectory coordinate points are arranged in the order of collection to form a touch movement trajectory. The lower, upper, lower, and upper limits of the horizontal and vertical boundaries of the opening area are calculated based on the display range of the opening area. The horizontal landing point coordinates are compared with the lower and upper limits of the horizontal and vertical boundaries, respectively. The vertical landing point coordinates are also compared with the lower and upper limits of the vertical boundaries, respectively. When the horizontal landing point coordinates are greater than or equal to the lower limit and less than or equal to the upper limit of the horizontal boundary, and the vertical landing point coordinates are greater than or equal to the lower limit and less than or equal to the upper limit of the vertical boundary, the landing point coordinates are determined to match the opening area in the opening interaction area table. The trigger operation satisfies the start condition of the opening animation object, and the landing point coordinates, the touch start time, and the touch movement trajectory are retained as data for subsequent changes in the opening and folding of the sealing boundary graphic object.

[0073] S3.2: It should be noted that when the landing point coordinates are within the opening area, the trigger response relationship between the opening area and the opening expansion area in the opening interaction area table is read, and the opening animation object associated with the closed envelope graphic object and the sealing boundary graphic object is started according to the trigger response relationship; the first trajectory coordinate point, the current trajectory coordinate point, and the order of the trajectory coordinate points in the touch movement trajectory are read, and the vertical displacement of the current trajectory coordinate point relative to the first trajectory coordinate point is used as the opening displacement, and the opening displacement is limited to the display height range of the sealing boundary graphic object; according to the opening displacement and the sealing boundary... The ratio between the display heights of the graphic objects is used to calculate the opening ratio of the seal. Based on this ratio, the opening width of the seal boundary graphic object is increased, and the folding angle of the seal boundary graphic object is also increased, causing changes in the opening and folding of the seal boundary graphic object. Based on the opening width and folding angle of the seal boundary graphic object, the obstruction range of the closed envelope graphic object on the invitation bottom page graphic object is adjusted, and the adjusted obstruction range is subtracted from the display range of the invitation bottom page graphic object to obtain the exposed range of the invitation bottom page graphic object, thus causing changes in the exposure of the invitation bottom page graphic object.

[0074] S3.3: It should be noted that during the operation of the unpacking animation object, the acquisition time is continuously determined according to the screen refresh order of the unpacking animation object, and the current display result of the seal boundary graphic object and the current display result of the invitation bottom graphic object are read at each acquisition time; the left opening boundary coordinates and right opening boundary coordinates corresponding to the current opening outline are extracted from the current display result of the seal boundary graphic object, and the horizontal distance between the right opening boundary coordinates and the left opening boundary coordinates is recorded as the opening width of the seal boundary graphic object; the flipping transformation angle corresponding to the seal boundary graphic object at the current acquisition time is read, and the flipping transformation angle is recorded as the flipping angle of the seal boundary graphic object; the exposed area of ​​the invitation bottom graphic object that is not obscured by the closed envelope graphic object and the seal boundary graphic object is extracted from the current display result of the invitation bottom graphic object, and the vertical height corresponding to the exposed area is recorded as the exposed height of the invitation bottom graphic object; the opening width of the seal boundary graphic object, the flipping angle of the seal boundary graphic object, and the exposed height of the invitation bottom graphic object are saved in the order of acquisition time to form a continuous acquisition result for calculating the progress of the unpacking interaction.

[0075] The opening width ratio is calculated by comparing the opening width with the display width of the sealing boundary graphic object; the folding angle ratio is calculated by comparing the folding angle with the maximum folding angle; and the exposure height ratio is calculated by comparing the exposure height with the display height of the invitation bottom graphic object. The opening width ratio is multiplied by its weight to obtain the opening progress component; the folding angle ratio is multiplied by its weight to obtain the folding progress component; and the exposure height ratio is multiplied by its weight to obtain the exposure progress component. The opening progress component, folding progress component, and exposure progress component are summed to obtain the unpacking interaction progress, which is then limited to between zero and one.

[0076] Furthermore, the opening width directly represents the lateral expansion of the opening formed by the sealing boundary graphic object, and the exposure height directly represents the vertical extent to which the bottom page graphic object of the invitation is exposed from the occlusion range of the closed envelope graphic object and the sealing boundary graphic object. Therefore, the weight of the opening width is the same as that of the exposure height, which is 0.4. The folding angle represents the folding posture change of the sealing boundary graphic object. The folding angle is used to supplement and reflect the visual transition state of the unpacking animation object. Therefore, the folding angle has the smallest weight, which is 0.2.

[0077] The maximum folding angle is a preset angle value, set according to the range of posture changes of the sealing boundary graphic object from a closed state to a fully open state, such as 90 degrees.

[0078] S4: Divide the unpacking interaction progress into states and obtain unpacking interaction state pieces. Establish a video display gating chain based on the unpacking interaction state pieces and the interface object takeover table.

[0079] S4.1: It should be noted that the unpacking interaction progress corresponding to each acquisition time in the continuous acquisition results is read, and the unpacking interaction progress is divided into the following states in ascending order of value: unpacking state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state. In one embodiment, the value range of unpacking interaction progress greater than or equal to 0 and less than 0.2 is divided into the unpacking state, the value range of unpacking interaction progress greater than or equal to 0.2 and less than 0.4 is divided into the opening expansion state, the value range of unpacking interaction progress greater than or equal to 0.4 and less than 0.6 is divided into the bottom page exposure state, and the value range of unpacking interaction progress greater than or equal to 0.6 and less than 0.4 is divided into the opening expansion state. The numerical range of 0.8 is divided into video embedding states, and the numerical range of unpacking interaction progress greater than or equal to 0.8 and less than or equal to 1 is divided into playback takeover states. The unpacking interaction progress at adjacent capture times is read. When the unpacking interaction progress at a later capture time is greater than that at a previous capture time, it is marked as a forward unpacking state; when the unpacking interaction progress at a later capture time is equal to that at a previous capture time, it is marked as a paused state; when the unpacking interaction progress at a later capture time is less than that at a previous capture time, it is marked as a re-unpacking state; when the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state, it is marked as an unpacking complete state. The unpacking state, opening expansion state, bottom page exposure state, video embedding state, playback takeover state, forward unpacking state, paused state, re-unpacking state, and unpacking complete state are associated and recorded with the corresponding capture time, unpacking interaction progress, and numerical range to obtain the unpacking interaction state slice.

[0080] Furthermore, the numerical ranges corresponding to the opening state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state are set according to the opening width ratio of the sealing boundary graphic object, the folding angle ratio of the sealing boundary graphic object, the exposure height ratio of the invitation bottom page graphic object, and the gating triggering order of the video exposure gating chain.

[0081] S4.2: It should be noted that the unpacking interaction state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state are read from the unpacking interaction state sheet, and the takeover order corresponding to the video carrier layer and the first frame embedding mask layer in the interface object takeover table is read. The opening state is used as the basis for establishing the video information preparation gate, placing the video information preparation gate at the beginning of the video exposure gate control chain; the opening expansion state is used as the basis for establishing the video index preparation gate, placing the video index preparation gate after the video information preparation gate; the bottom page exposure state is used as the basis for establishing the first frame decoding gate, placing the first frame decoding gate after the video index preparation gate; the video embedding state is used as the basis for establishing the first frame embedding gate, placing the first frame embedding gate after the first frame decoding gate; within the playback takeover state, according to the takeover order of the video carrier layer being exposed through the first frame embedding mask layer and taking over video playback, the mask exposure gate is established first, followed by the... Establish a playback takeover gate, placing the mask exposure gate after the first frame embedding gate, and placing the playback takeover gate after the mask exposure gate. Specifically, the mask exposure gate is used to trigger the writing of the first frame embedded mask layer into the transparent area of ​​the mask when the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state. The playback takeover gate is used to trigger the video carrier layer to take over video playback after the mask transparency area covers the first frame display area of ​​the video carrier layer that has been bound to the first frame texture and the unpacking interaction status piece marks the unpacking completion state. This completes the sequential establishment of the video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate.

[0082] S4.3: It should be noted that the video information preparation gate is associated with the unsealing state, the video index preparation gate is associated with the opening expansion state, the first frame decoding gate is associated with the bottom page exposure state, the first frame embedding gate is associated with the video embedding state, and the mask exposure gate and playback takeover gate are associated with the playback takeover state respectively. The first frame embedding gate, mask exposure gate, and playback takeover gate are sequentially associated with the first frame embedding mask layer exposure stage and the video carrier layer takeover video playback stage according to the takeover order. The trigger condition for the mask exposure gate is recorded as the unsealing interaction progress reaching the numerical range corresponding to the playback takeover state. The trigger condition for the playback takeover gate is recorded as the transparent area of ​​the mask covering the first frame display area of ​​the video carrier layer with the bound first frame texture and the unsealing interaction status piece marking the unsealing completion state. The gate control names, associated states, state ranges, gate control order, takeover order, and trigger conditions corresponding to the video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate are saved to form a video exposure gate control chain.

[0083] S5: Trigger the video exposure gate chain based on the unpacking interaction status and obtain the video carrier layer with the bound first frame texture.

[0084] It should be noted that the following states are extracted from the unpacking interaction state slice: opening state, opening expansion state, bottom page exposure state, video embedding state, forward unpacking state, paused state, and reversal unpacking state; the unpacking interaction progress corresponding to adjacent acquisition times is read, and the unpacking interaction progress of the later acquisition time is compared with that of the earlier acquisition time; when the unpacking interaction progress of the later acquisition time is greater than that of the earlier acquisition time, the forward unpacking state is determined to be valid; when the unpacking interaction progress of the later acquisition time is equal to that of the earlier acquisition time, the paused state is determined to be valid; when the unpacking interaction progress of the later acquisition time is less than that of the earlier acquisition time, the reversal unpacking state is determined to be valid; and the video information in the video display gating chain is then used. When the gating triggers the preparation gate, video index preparation gate, first frame decoding gate, and first frame embedding gate in that order, the current unpacking interaction progress is compared sequentially with the state intervals corresponding to the opening state, opening expansion state, bottom page exposure state, and video embedding state, respectively. When the current unpacking interaction progress reaches or crosses the state interval corresponding to the opening state, the opening state is determined to be valid, and the video information preparation gate is activated. The video resource record associated with the video carrying layer configuration item in the page structure file is read, and the video size, video duration, and video encoding format are extracted from the video resource record. When the current unpacking interaction progress reaches or crosses the state interval corresponding to the opening expansion state, the gating is determined to be valid. When the opening expansion state is valid, the video index preparation gate is activated, and the position of the first frame video segment is obtained based on the video resource index data in the video resource record. When the current unpacking interaction progress reaches or crosses the state interval corresponding to the bottom page exposure state, the bottom page exposure state is determined to be valid, and the first frame decoding gate is activated. The corresponding video segment data is read based on the position of the first frame video segment, and the first frame image in the video segment data is decoded according to the video encoding format to obtain the first frame texture. When the forward unpacking state is valid, and the current unpacking interaction progress reaches or crosses the state interval corresponding to the video embedding state, the video embedding state is determined to be valid, and the first frame embedding gate is activated to embed the first frame texture. The image is written to the video carrier layer, and the video carrier layer with the bound first frame texture is obtained. When the paused state is valid, the video exposure gating chain maintains the gating results already triggered in the video information preparation gate, video index preparation gate, first frame decoding gate, and first frame embedding gate, and pauses the continued triggering of gating that has not yet been triggered. When the back-open state is valid, the video exposure gating chain maintains the gating results already triggered, does not cancel the video size, video duration, video encoding format, the position of the video segment where the first frame is located, and the first frame texture, and prevents the subsequent gate in the gating sequence that has not yet been triggered from continuing to trigger. When the back-open state ends and the forward unpacking state becomes valid again, the gating results already triggered in the video exposure gating chain are read, and the gating triggering continues from the subsequent gate in the gating sequence that has not yet been triggered.Specifically, after the first frame decoding gate has been triggered and the first frame texture has been obtained, when the forward unpacking state becomes valid again and the video embedding state becomes valid, the first frame embedding gate directly reads the first frame texture and writes it into the video carrier layer, without restarting the first frame decoding gate again; before the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state again, the video exposure gate chain does not start the playback takeover gate.

[0085] S6: Based on the video carrier layer with the bound first frame texture and the current opening outline of the sealing boundary graphic object, construct the mask transparent area and write the mask transparent area into the first frame embedded mask layer.

[0086] S6.1: It should be noted that the process reads the texture boundary corresponding to the first frame texture in the video carrier layer, the display coordinates of the video carrier layer, and the display range of the video carrier layer; it reads the horizontal and vertical display coordinates from the display coordinates of the video carrier layer, and the display width and display height from the display range of the video carrier layer; using the horizontal and vertical display coordinates as the placement reference for the first frame texture in the interactive canvas, it translates the texture boundary corresponding to the first frame texture to the coordinate range of the interactive canvas to obtain the canvas boundary of the first frame texture; it reads the lower limit of the horizontal boundary, the upper limit of the horizontal boundary, the lower limit of the vertical boundary, and the upper limit of the vertical boundary of the first frame texture in the canvas boundary of the first frame texture, and reads the lower limit of the horizontal boundary, the upper limit of the horizontal boundary, the lower limit of the vertical boundary, and the upper limit of the vertical boundary of the video carrier layer in the display range of the video carrier layer; it uses the maximum value between the lower limit of the horizontal boundary of the first frame texture and the lower limit of the horizontal boundary of the video carrier layer as... The lower limit of the overlapping horizontal boundary is determined by the minimum value between the upper limit of the horizontal boundary of the first frame texture and the upper limit of the horizontal boundary of the video carrying layer. The lower limit of the overlapping vertical boundary is determined by the maximum value between the lower limit of the vertical boundary of the first frame texture and the lower limit of the vertical boundary of the video carrying layer. The upper limit of the overlapping vertical boundary is determined by the minimum value between the upper limit of the vertical boundary of the first frame texture and the upper limit of the vertical boundary of the video carrying layer. When the lower limit of the overlapping horizontal boundary is less than the upper limit of the overlapping horizontal boundary and the lower limit of the overlapping vertical boundary are both less than the upper limit of the overlapping vertical boundary, the lower limit of the overlapping horizontal boundary is used as the horizontal display coordinate of the first frame display area, the lower limit of the overlapping vertical boundary is used as the vertical display coordinate of the first frame display area, the difference between the upper limit of the overlapping horizontal boundary and the lower limit of the overlapping horizontal boundary is used as the display width of the first frame display area, and the difference between the upper limit of the overlapping vertical boundary and the lower limit of the overlapping vertical boundary is used as the display height of the first frame display area. The area enclosed by the horizontal display coordinates, vertical display coordinates, display width, and display height of the first frame display area is recorded as the first frame display area. When extracting the contour coordinates and opening coverage of the current opening contour of the sealing boundary graphic object, the current display result of the sealing boundary graphic object under the unsealing interaction progress is read, and the display range of the sealing boundary graphic object is read. Within the display range of the sealing boundary graphic object, continuous pixels belonging to the edge of the sealing boundary graphic object in the current display result are extracted. The continuous pixels located to the left of the current opening are connected in vertical display coordinate order to form the left opening boundary. The continuous pixels located to the right of the current opening are connected in vertical display coordinate order to form the right opening boundary. The continuous pixels located below the current opening are connected in horizontal display coordinate order to form the lower edge boundary of the opening. The coordinates corresponding to the continuous pixels are arranged in the connection order of the left opening boundary, the lower edge boundary of the opening, and the right opening boundary to form the contour coordinates corresponding to the current opening contour. The range enclosed by the contour coordinates in the connection order is recorded as the opening coverage.

[0087] S6.2: It should be noted that after obtaining the first frame display area, contour coordinate points, and opening coverage area, the first frame display area is used as the basic range allowed to be displayed by the first frame texture, and the opening coverage area is used as the limitation range allowed to be exposed by the current opening of the sealing boundary graphic object. A region intersection operation is performed on the first frame display area and the opening coverage area, and the part that belongs to both the first frame display area and the opening coverage area is retained to obtain the candidate exposed area. Adjacent contour coordinate points are connected according to the arrangement order of the contour coordinate points in the current opening contour, and the last contour coordinate point in the arrangement order is connected to the first contour coordinate point to form the opening contour closed path. The opening contour closed path is used as the clipping boundary, and path clipping is performed on the candidate exposed area to retain the part of the candidate exposed area located inside the opening contour closed path to obtain the mask transparent area. The layer display coordinates and layer display range of the first frame embedded mask layer are read, and the mask transparent area is converted into the mask transparent area within the first frame embedded mask layer according to the layer display coordinates of the first frame embedded mask layer. The mask transparent area is written to the first frame embedded mask layer, so that the first frame embedded mask layer is transparently displayed within the mask transparent area.

[0088] S7: Based on the first frame of the mask layer embedded in the transparent area of ​​the mask, take over the final state of the unpacking animation object, and start video playback after the takeover is completed.

[0089] S7.1: It should be noted that the transparent area of ​​the mask already written in the first frame embedded mask layer is read, and the layer display coordinates and layer display range of the video carrier layer with the first frame texture bound to it are read. Then, the screen display coordinates and screen display range corresponding to the final state of the unpacking animation object are read. Using the transparent area of ​​the mask as the video exposure boundary, the part of the video carrier layer with the first frame texture bound to it that is located within the transparent area of ​​the mask is set to be allowed to be displayed, and the part of the video carrier layer with the first frame texture bound to it that is located outside the transparent area of ​​the mask is set to be hidden, so that the video carrier layer with the first frame texture bound to it is restricted to be displayed within the transparent area of ​​the mask; at the same time The process involves setting the portion of the unpacking animation object's final state image within the transparent mask area to be hidden, and setting the portion outside the transparent mask area to remain visible, thus keeping the final state image of the unpacking animation object outside the transparent mask area. Following the layer display order of the first frame embedded mask layer, the video carrier layer with the first frame texture bound to it, and the final state image of the unpacking animation object, the video carrier layer with the first frame texture bound to it displayed within the transparent mask area is spliced ​​together with the final state image of the unpacking animation object displayed outside the transparent mask area, forming a display state where the video content is gradually revealed along the opening position of the graphic object at the sealing boundary.

[0090] S7.2: It should be noted that during the process of the unpacking animation object continuing to drive the sealing boundary graphic object to undergo opening and folding changes according to the touch movement trajectory, the opening width of the sealing boundary graphic object increases with the progress of the unpacking interaction, and the current opening outline of the sealing boundary graphic object expands as the opening width increases; the current display result of the sealing boundary graphic object at each acquisition moment is continuously read according to the screen refresh order of the unpacking animation object, and the outline coordinate points and opening coverage area corresponding to the current opening outline of the sealing boundary graphic object are re-extracted at each acquisition moment; the display area of ​​the first frame is used as the basic range allowed to be displayed in the first frame texture, and the updated opening coverage area is used as the limit range allowed to be revealed by the current opening of the sealing boundary graphic object. A region intersection operation is performed on the display area of ​​the first frame and the updated opening coverage area, and the path is clipped according to the closed path of the opening outline formed by the updated outline coordinate points to obtain a more... The updated transparent mask area is then written over the first frame embedded mask layer, and the video carrier layer with the bound first frame texture remains partially visible within the updated transparent mask area. Within the first frame display area, multiple coverage detection points are generated sequentially according to the increasing horizontal and vertical display coordinates, using the physical pixel units of the interactive canvas as the detection interval. The coordinates of each coverage detection point are read one by one, and the inclusion relationship between each detection point coordinate and the updated transparent mask area is determined. When all detection point coordinates are within the updated transparent mask area, it is determined that the updated transparent mask area covers the first frame display area of ​​the video carrier layer with the bound first frame texture, and the video carrier layer with the bound first frame texture is switched from partially visible to fully visible. At the same time, the final state of the unpacking animation object is switched from being displayed to being hidden, thus completing the takeover of the final state of the unpacking animation object.

[0091] Furthermore, when updating the transparent mask area in the first frame embedded mask layer based on the current opening contour of the sealing boundary graphic object, the forward unsealing state, paused state, and re-unsealing state in the unsealing interaction state slice are read; when the forward unsealing state is valid, the transparent mask area in the first frame embedded mask layer is updated according to the expansion direction of the current opening contour of the sealing boundary graphic object; when the paused state is valid, the transparent mask area written to the first frame embedded mask layer at the previous acquisition time is maintained, and the partial exposure state of the video carrier layer with the bound first frame texture is maintained; when the re-unsealing state is valid, the contour is re-extracted according to the current opening contour of the sealing boundary graphic object at the current acquisition time. The coordinate points and opening coverage area are used as the basic range that the first frame texture can be displayed, with the first frame display area as the base area. The re-extracted opening coverage area is used as the limit range that the current opening of the sealing boundary graphic object can be exposed. A region intersection operation is performed on the first frame display area and the re-extracted opening coverage area. The result of the region intersection operation is then clipped according to the closure path of the opening contour formed by the re-extracted contour coordinate points to obtain a transparent mask area. The transparent mask area is then written to the first frame embedded mask layer. When the unpacking interaction status piece is not marked as unpacking complete, the playback takeover gate is not activated, and the video carrier layer that has been bound to the first frame texture is not switched to a fully visible state.

[0092] S7.3: It should be noted that after the takeover is completed, the complete visibility state of the video carrier layer with the bound first frame texture is read, and the video resource record, video size, video duration, and video encoding format associated with the video carrier layer are read; based on the position of the video segment where the first frame is located, the continuous video segment data after the first frame in the video resource record is located, and the continuous video segment data is decoded according to the video encoding format to obtain a video frame sequence that is sequentially connected with the first frame texture; the first frame texture in the video carrier layer with the bound first frame texture is retained as the starting screen for video playback, and the playback start time corresponding to the first frame texture is set to zero; the number of frames in the video frame sequence is read, the number of frames in the video frame sequence is added to the frame corresponding to the first frame texture to obtain the total number of frames, and the video duration is divided by the total number of frames to obtain the playback interval between adjacent video frames; according to the decoding order of the video frame sequence, the video frame sequence is... The video frames are numbered sequentially from the first frame to the second frame, up to the Nth frame, where N is the number of frames in the video frame sequence. The playback time of the first frame is set as one playback interval, the playback time of the second frame as two playback intervals, and so on, with the playback time of the Nth frame set as N playback intervals. The playback start time corresponding to the first frame texture, the frame order of each video frame in the video frame sequence, and the playback time corresponding to each video frame in the video frame sequence are associated to generate a playback timeline. The video frame sequence is then written sequentially to the video carrier layer bound to the first frame texture according to the playback timeline, switching the video carrier layer from a fully visible state to a video playback state. During video playback, the video frame sequence is continuously refreshed according to the playback timeline, starting from the playback start time corresponding to the first frame texture, while keeping the final state of the unpacking animation object hidden, and video playback is initiated.

[0093] In summary, this invention achieves structured modeling and standardized management of the electronic invitation's interactive interface by establishing an interactive canvas and interface object takeover table, ensuring consistency and rendering efficiency across devices. By generating an unpacking interaction area table, user operations and interface feedback are precisely mapped, improving the sensitivity and logic of the interaction. The unpacking interaction progress is quantitatively calculated, achieving real-time synchronization between animation feedback and user operations, enhancing the realism of the immersive experience. Furthermore, a video display gating chain is constructed to precisely couple the timing of video content presentation with the unpacking animation state, optimizing resource scheduling, ensuring the coherence of visual logic, and simultaneously improving the standardization of electronic invitation production.

[0094] It should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention and are not intended to limit it. Although the present invention has been described in detail with reference to preferred embodiments, those skilled in the art should understand that modifications or equivalent substitutions can be made to the technical solutions of the present invention without departing from the spirit and scope of the technical solutions of the present invention, and all such modifications or substitutions should be covered within the scope of the claims of the present invention.

Claims

1. A method for presenting electronic invitation videos based on interactive state awareness, characterized in that: include, Create an interactive canvas on the electronic invitation page, and arrange the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer, and generate the interface object takeover table. Perform area division on the interface object takeover table to generate an unpacking interaction area table; After responding to the invitee's trigger operation in the unpacking interaction area table, start the unpacking animation object and calculate the unpacking interaction progress; The unpacking interaction progress is divided into states to obtain unpacking interaction state pieces, and a video display gating chain is established based on the unpacking interaction state pieces and the interface object takeover table. Based on the unpacking interaction status, trigger the video exposure gate chain to obtain the video carrier layer with the bound first frame texture; Based on the current opening outline of the video carrier layer and the sealing boundary graphic object that have been bound to the first frame texture, construct the mask transparent area and write the mask transparent area into the first frame embedded mask layer. Based on the first frame of the embedded mask layer written to the transparent area of ​​the mask, the final state of the unpacking animation object is taken over, and video playback is started after the takeover is completed.

2. The electronic invitation video presentation method based on interactive state awareness as described in claim 1, characterized in that: The creation of an interactive canvas on the electronic invitation page specifically involves: Extract the display width, display height, safe display boundary, and pixel density of the electronic invitation page. Configure the canvas size parameters of the interactive canvas based on the display width and display height. Crop the canvas size parameters based on the safe display boundary to form the effective display range parameters of the interactive canvas. The pixel mapping relationship of the interactive canvas is calibrated based on pixel density. The upper left corner of the electronic invitation page is set as the origin of the interactive canvas, the horizontal direction is set as the horizontal coordinate direction of the interactive canvas, and the vertical direction is set as the vertical coordinate direction of the interactive canvas, thus completing the creation of the interactive canvas.

3. The electronic invitation video presentation method based on interactive state awareness as described in claim 2, characterized in that: The generation of the interface object takeover table is specifically as follows: After creating an interactive canvas on the electronic invitation page, configure the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrier layer, the first frame embedded mask layer, and the interactive feedback layer based on the coordinate origin, horizontal coordinate direction, vertical coordinate direction, canvas size parameters, effective display range parameters, and pixel mapping relationship of the interactive canvas. Write the layer number, display coordinates, display range, initial transparency, initial visible state, and interactive state respectively. Based on the stacking relationships between the closed envelope graphic object, the sealing boundary graphic object, the invitation bottom page graphic object, the video carrying layer, the first frame embedded mask layer, and the interactive feedback layer, the display occlusion relationship, the trigger response relationship, and the takeover order are recorded to generate the interface object takeover table.

4. The electronic invitation video presentation method based on interactive state awareness as described in claim 3, characterized in that: The generation of the unpacking interaction area table is specifically as follows: Read the layer number, display coordinates, display range, interactive state, display occlusion relationship, trigger response relationship and takeover order of the closed envelope graphic object, sealing boundary graphic object, invitation bottom page graphic object, video carrying layer, first frame embedded mask layer and interactive feedback layer in the interface object takeover table; The opening area is divided according to the display range and interactive state of the closed envelope graphic object; the opening expansion area is divided according to the display range and trigger response relationship of the sealing boundary graphic object; the bottom page exposure area is divided according to the display range and display occlusion relationship of the invitation bottom page graphic object; and the video embedding area and playback takeover area are divided according to the display range and takeover order of the video carrying layer. The opening area, the opening expansion area, the bottom page exposure area, the video embedding area, and the playback takeover area are associated and saved with their corresponding display range, area boundaries, interactive states, trigger response relationships, display occlusion relationships, and takeover order, respectively, to generate an unpacking interaction area table.

5. The electronic invitation video presentation method based on interactive state awareness as described in claim 4, characterized in that: The calculation of the unpacking interaction progress is specifically as follows: After responding to the invitee's trigger operation in the unpacking interaction area table, the system collects the landing point coordinates, touch start time, and touch movement trajectory of the trigger operation, and matches the landing point coordinates with the unpacking interaction area in the unpacking interaction area table; When the landing point coordinates are within the starting area, the unsealing animation object is activated. The unsealing animation object drives the sealing boundary graphic object to change its opening and folding according to the touch movement trajectory, and causes the bottom graphic object of the invitation to change its exposure. During the unpacking animation, continuously collect the opening width, folding angle of the sealing boundary graphic object, and the exposure height of the invitation bottom graphic object; The opening width, folding angle, and exposed height are proportionally converted and then weighted and summed to obtain the unpacking interaction progress.

6. The electronic invitation video presentation method based on interactive state awareness as described in claim 5, characterized in that: The specific steps for obtaining the unpacking interaction status slice are as follows: The unpacking interaction progress is divided into the following states in ascending order: unpacking state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state. The unpacking interaction progress is also marked as forward unpacking state, paused state, and re-unpacking state based on the direction of change of unpacking interaction progress at adjacent collection times. When the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state, mark the unpacking completion state. The unpacking interaction state slice is obtained by associating and recording the following states: opening state, opening expansion state, bottom page exposure state, video embedding state, playback takeover state, forward unpacking state, paused state, re-unpacking state, and unpacking completion state.

7. The electronic invitation video presentation method based on interactive state awareness as described in claim 6, characterized in that: The establishment of the video exposure gating chain specifically involves: Read the unpacking interaction status, opening expansion status, bottom page exposure status, video embedding status, and playback takeover status from the unpacking interaction status sheet, and read the takeover order corresponding to the video carrying layer and the first frame embedded mask layer in the interface object takeover table; Establish the following gates in the order of opening state, opening expansion state, bottom page exposure state, video embedding state, and playback takeover state: video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate. The video information preparation gate, video index preparation gate, first frame decoding gate, first frame embedding gate, mask exposure gate, and playback takeover gate are associated with their respective unpacking interaction state pieces and takeover order to form a video exposure gating chain.

8. The electronic invitation video presentation method based on interactive state awareness as described in claim 7, characterized in that: The specific steps for obtaining the video carrier layer with the bound first frame texture are as follows: Read the opening state, opening expansion state, bottom page exposure state, video embedding state, forward opening state, paused state and return opening state in the opening interaction state piece, and execute the gating trigger in the order of video information preparation gate, video index preparation gate, first frame decoding gate and first frame embedding gate in the video exposure gating chain. When the opening state is valid, the video information preparation gate is activated to obtain the video size, video duration and video encoding format. When the opening expansion state is valid, the video index preparation gate is activated to obtain the position of the video segment where the first frame is located. When the bottom page exposure state is valid, the first frame decoding gate is activated. The first frame image is decoded according to the position of the video segment where the first frame is located to obtain the first frame texture. When the forward unpacking state is valid and the video embedding state is valid, the first frame embedding gate is activated and the first frame texture is written into the video carrier layer to obtain the video carrier layer with the first frame texture bound. When the paused state is valid, the video display gating chain maintains the gating results that have been triggered. When the unpacking state is valid, the video display gating chain does not start the next gate in the gating sequence that has not yet been triggered, and does not start the playback takeover gate until the unpacking interaction progress reaches the numerical range corresponding to the playback takeover state again.

9. The electronic invitation video presentation method based on interactive state awareness as described in claim 8, characterized in that: The step of writing the transparent area of ​​the mask into the first frame embedded mask layer specifically involves: Read the first frame display area, layer display coordinates, and layer display range of the video carrier layer that has been bound to the first frame texture, and extract the outline coordinate points and opening coverage area corresponding to the current opening outline of the sealing boundary graphic object; The overlap calculation between the first frame display area and the opening coverage area is performed, and the overlap calculation result is cropped according to the outline coordinate points to obtain the mask transparent area. The mask transparent area is then written into the first frame embedded mask layer.

10. The method for presenting electronic invitation videos based on interactive state awareness as described in claim 9, characterized in that: The process of taking over the final state of the unpacking animation object and starting video playback after the takeover is completed is as follows: Read the first frame embedded mask layer, the video carrier layer with bound first frame texture, and the final state of the unpacking animation object written to the mask transparent area. Use the mask transparent area as the video exposure boundary, restrict the video carrier layer with bound first frame texture to be displayed within the mask transparent area, and keep the final state of the unpacking animation object displayed outside the mask transparent area. As the unpacking animation object continues to drive the sealing boundary graphic object to undergo opening and folding changes according to the touch movement trajectory, the transparent area of ​​the mask layer embedded in the first frame is updated according to the current opening outline of the sealing boundary graphic object. When the updated transparent area of ​​the mask covers the first frame display area of ​​the video carrier layer that has been bound to the first frame texture, the video carrier layer that has been bound to the first frame texture is switched from a partially visible state to a fully visible state, and the final state of the unpacking animation object is switched to a hidden state, thus completing the takeover of the final state of the unpacking animation object. After the takeover is completed, switch the video carrier layer that has been bound to the first frame texture to video playback mode and start video playback.

Images