Method and device for moving media data, electronic equipment and product

Abstract

The embodiment of the invention relates to a method and device for moving media data, electronic equipment and a product. The method includes detecting movement of media data in a window by a user and determining a degree of intersection between the media data and the window. The method further includes stopping movement of the media data in the first direction and / or the second direction in response to the degree of intersection satisfying a predetermined condition. According to the embodiment of the invention, when the user moves the media data in the window, the cross length and / or the cross width of the media data and the window are / is monitored, and whether the movement of the media data is stopped or not is judged based on the relationship between the cross width and / or the cross length and the preset condition, so that the accuracy of limiting the movement of the media data is improved, and the user experience is improved. And the user experience is improved.

Description

Technical Field

[0001] The present disclosure generally relates to the field of computers, and more particularly, to methods, apparatuses, electronic devices, and products for mobile media data. Background Art

[0002] When a user views media data such as pictures and videos on their device, in order to observe a certain area in more detail or view more content of media data such as pictures and videos, the user can adjust the display mode of the media data by performing operations such as zooming in, dragging, or rotating. These operations provide flexibility, enabling the user to freely explore the details of the media data while fully meeting personalized browsing needs.

[0003] During the process of performing these operations, in order to maintain a good user experience, it is not allowed for the entire media data to be dragged outside the window, causing the entire picture to fall out of the user's visible range. Summary of the Invention

[0004] Embodiments of the present disclosure provide a method, apparatus, electronic device, and product for mobile media data. According to a first aspect of the present disclosure, a method for mobile media data is provided. The method includes detecting a user's movement of media data in a window. The method further includes determining a degree of intersection between the media data and the window, where the degree of intersection indicates the intersection width of the media data and the window in a first direction and / or the intersection height of the media data and the window in a second direction perpendicular to the first direction. The method further includes stopping the movement of the media data in the first direction and / or the second direction in response to the degree of intersection satisfying a predetermined condition.

[0005] In a second aspect of the present disclosure, an apparatus for mobile media data is provided. The apparatus includes a media data movement detection module configured to detect a user's movement of media data in a window. The apparatus further includes a degree of intersection determination module configured to determine a degree of intersection between the media data and the window, where the degree of intersection indicates the intersection width of the media data and the window in a first direction and / or the intersection height of the media data and the window in a second direction perpendicular to the first direction. The apparatus further includes a media data movement stop module configured to stop the movement of the media data in the first direction and / or the second direction in response to the degree of intersection satisfying a predetermined condition.

[0006] In a third aspect of the present disclosure, an electronic device is provided. The electronic device includes a processor and a memory coupled to the processor, the memory having instructions stored therein that, when executed by the processor, cause the electronic device to perform the method according to the first aspect.

[0007] In a fourth aspect of the present disclosure, there is provided a computer program product having computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by a processor to implement the method of the first aspect.

[0008] The Summary of the Invention section is intended to introduce, in a simplified form, a selection of concepts that will be further described in the Detailed Description below. The Summary of the Invention section is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to limit the scope of the claimed subject matter. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] In conjunction with the accompanying drawings and with reference to the following detailed description, the above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent. In the drawings, like or similar reference numerals denote like or similar elements, wherein:

[0010] Figure 1 A schematic diagram showing an example environment in which some embodiments of the present disclosure may be implemented;

[0011] Figure 2 A flowchart showing a method for moving media data according to some embodiments of the present disclosure;

[0012] Figure 3A A schematic diagram showing a method for magnifying media data according to some embodiments of the present disclosure;

[0013] Figure 3B A schematic diagram showing a method for magnifying media data and a window according to some embodiments of the present disclosure;

[0014] Figure 3C A schematic diagram showing an alternative method for magnifying media data according to some embodiments of the present disclosure;

[0015] Figure 3D A schematic diagram showing a method for moving magnified media data in the longitudinal upward direction according to some embodiments of the present disclosure;

[0016] Figure 3E A schematic diagram showing a method for moving magnified media data in the horizontal right direction according to some embodiments of the present disclosure;

[0017] Figure 3F A schematic diagram showing a method for moving magnified media data in the obliquely upward direction according to some embodiments of the present disclosure;

[0018] Figure 4A A schematic diagram showing a method for moving media data according to some embodiments of the present disclosure;

[0019] Figure 4B A schematic diagram showing a method for moving media data in the longitudinal upward direction according to some embodiments of the present disclosure;

[0020] Figure 4C Schematic diagrams for horizontally moving media data to the right in some embodiments of the present disclosure;

[0021] Figure 4D Schematic diagrams for diagonally moving media data upward in some embodiments of the present disclosure;

[0022] Figure 5 Schematic diagrams for horizontally moving media data to the right in some embodiments of the present disclosure;

[0023] Figure 6 Schematic diagrams for vertically moving media data upward in some embodiments of the present disclosure;

[0024] Figure 7 Schematic diagrams for moving media data in a direction between horizontal and vertical in some embodiments of the present disclosure;

[0025] Figure 8 Schematic diagrams for moving media data with an outer border in some embodiments of the present disclosure;

[0026] Figure 9 Block diagrams of devices for moving media data in some embodiments of the present disclosure; and

[0027] Figure 10 Block diagrams of electronic devices in some embodiments of the present disclosure.

[0028] In all the drawings, the same or similar reference numerals denote the same or similar elements. Detailed Description of the Embodiments

[0029] It can be understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and related provisions.

[0030] The embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0031] In the description of the embodiments of the present disclosure, the term "including" and its like shall be understood as open inclusion, that is, "including but not limited to". The term "based on" shall be understood as "at least partially based on". The term "an embodiment" or "the embodiment" shall be understood as "at least one embodiment". The terms "first", "second", etc. may refer to different or the same objects, unless otherwise specified. There may also be other explicit and implicit definitions hereinafter.

[0032] When a user views media data (such as pictures or videos) on a terminal device, in order to view details of a certain part of the media data in a window or browse more media data pictures, the user can perform operations such as zooming in, dragging, or rotating the media data, but cannot completely drag the entire media data outside the window. Conventionally, in order to allow the user to see details at different positions of the media data, the maximum movable distance is calculated by comparing the coordinates of the media data with the coordinates of the window to limit the movement of the media data in four directions. However, the coordinate positions of the media data and the window are easily affected by factors such as window nesting, resulting in inaccurate calculations, unable to accurately limit the movement range of the media data, and ultimately leading to movement errors.

[0033] In the embodiments of the present disclosure, when the user moves the media data in the window, the cross height and / or cross width of the media data and the window are monitored, and the movement range of the media data is limited based on the relationship between the cross height and / or cross width and a predetermined condition, so that the movement of the media data can be limited within a threshold range, achieving the effect of accurately limiting the movement range of the media data and enhancing the user experience.

[0034] Figure 1 FIG. shows a schematic diagram of an exemplary environment 100 in which some embodiments of the present disclosure may be implemented. As Figure 1As shown, window 102 at least includes an example media data display window 104, a generated media data display window 106, and a text input window 110. In the upper right corner of window 102, there are also "Minimize", "Restore", and "Close" buttons arranged from left to right in sequence. Some default example media data is displayed in window 104. In some embodiments, these example media data can be generated through a text-media data model. In some embodiments, the media data is presented in the form of pictures, and the pictures can be static or dynamic. In some embodiments, the media data is presented in the form of videos. Window 102 can be a small window or a whole window on the screen. Window 102 can be displayed on a computing device, where the computing device can be set as a computing system, a single server, a distributed server, or a cloud-based server, etc., can also be set as a user terminal, a mobile device, a computer, etc., and can also be set as a combination of the above devices. For example, the computing device can be a combination of a server and a user terminal, and interactions with users can be achieved based on this combination.

[0035] Referring to Figure 1 , window 102 can be a web page window. For example, users can experience one-click generation of media data by accessing the text-media data model on the web page or application interface. For example, users input "a potted plant" or any descriptive language of the media data they want to generate in text input window 110, and click the "Generate Now" 114 button, then media data matching the text input by the user can be generated in window 106, just as Figure 1 shown by media data 108, 108 can be media data such as pictures or videos. When the media data is presented in the form of a video, the generated video can be automatically played or in a paused state.

[0036] In some embodiments, the generated media data can be media data with an irregular outer border or a regular outer border. For example, it can be a picture with an irregular outer border. Before clicking the "Generate Now" 114 button, users can also make further parameter adjustment settings for the media data they want to generate. By clicking the "Parameter Adjustment" 112 button, the style of the media data to be generated can be selected. For example, in the model selection parameters, "General" or "Anime" can be selected to limit the style of the media data presentation. For example, the ratio of the media data and the fineness of the generated media data can also be selected. For example, when the media data is presented in the form of a picture, the ratio of the generated picture can be selected as 9:16 or 4:3. For example, when the media data is presented in the form of a video, it can be selected that the generated video is in portrait or landscape. Among them, the larger the value of the fineness, the better the quality effect of the generated media data, and the longer the time consumed.

[0037] Continuing to refer toFigure 1 , the user can view the details of the example media data by clicking on the media data in window 104, specifically through operations such as zooming in, dragging, or rotating the example media data. After generating the media data, the user can also perform operations such as dragging, zooming in, or rotating the generated media data 108 in window 106. For example, operations such as zooming in, dragging, or rotating can be performed on pictures and videos. In some embodiments, window 106 can fill window 102, and the user can operate on media data 108 in the enlarged window 106. The media data 108 can be in an enlarged state, a reduced state, or a normal size. For example, when the media data is a picture, the picture can be in an enlarged state, a reduced state, or a normal size.

[0038] Continue to refer to Figure 1 , when the user drags the media data 108 in window 106, the crossing width and crossing height of the media data 108 and window 106 in the horizontal and vertical directions are detected. If the crossing width in the horizontal right direction reaches the threshold of the set crossing width, the media data 108 will be prohibited from moving in the horizontal right direction. If the crossing height in the vertical upward direction reaches the threshold of the set crossing height, the media data 108 will be prohibited from moving in the vertical upward direction. If both the crossing width and crossing height in the horizontal and vertical upward directions reach the set crossing threshold, the media data 108 will be prohibited from moving in both the horizontal right and vertical upward directions.

[0039] In some embodiments, the units for measuring height and width can be absolute units in Cascading Style Sheets (CSS), which do not change due to the size changes of other elements and are displayed in exact pixels on the window page. Absolute units include, for example, pixels (px), which represent a point on the screen, and pixels are fixed and do not change according to the screen size. For example, when the user drags the media data in the horizontal right direction, when it is detected that the crossing width of the media data 108 and window 106 in the horizontal direction meets the 256px set by the preset condition, the media data 108 cannot be continuously dragged in the horizontal direction in window 106. At this time, the state of the media data 108 is set to the collision state. In some embodiments, it is also possible to detect whether the ratio of the crossing width of the media data 108 and window 106 in the horizontal direction to the width of the media data 108 itself meets a predetermined condition. In some embodiments, it is also possible to detect whether the product of the crossing width of the media data 108 and window 106 in the horizontal direction and the crossing height of the media data 108 and window 106 in the vertical direction meets the area condition.

[0040] Continue to refer to Figure 1, when the media data is prohibited from moving in a certain direction in the generated media data display window, that is, when it is in a collision state in a certain direction, moving the media data in the direction opposite to the certain direction can restore the movement of the media data in this certain direction. For example, when the media data 108 is a picture, 108 is in a collision state in the horizontal right direction in the window 106. If it is detected that the user moves the picture in the horizontal left direction, the horizontal movement of the picture in the window 106 can be restored. For example, when the media data 108 is a video, 108 is in a collision state in the horizontal right direction in the window 106. If it is detected that the user moves the video in the horizontal left direction, the horizontal movement of the video in the window 106 can be restored.

[0041] The present disclosure determines the state of the media data based on the degree of intersection between the moved media data and the window, ensuring the accuracy of the movement of the media data. It should be understood that the architecture and functions in the example environment 100 are described only for exemplary purposes and do not imply any limitation on the scope of the present disclosure. Embodiments of the present disclosure can also be applied to other environments with different structures and / or functions.

[0042] The following will be combined with Figures 2 to 10 Describe in detail the process according to the embodiments of the present disclosure. For the sake of easy understanding, the specific data mentioned in the following description are all exemplary and are not used to limit the protection scope of the present disclosure. It can be understood that the embodiments described below may also include additional actions not shown and / or the actions shown may be omitted, and the scope of the present disclosure is not limited in this regard.

[0043] Figure 2 The flowchart of the method 200 for moving media data according to some embodiments of the present disclosure is shown. At block 202, detect the movement of the media data in the window by the user. For example, detect the first movement of the media data by the user. For example, detect the movement of the original media data in the web page window by the user. For example, detect the movement of the enlarged or reduced media data by the user. For example, detect the movement of the media data in the reduced or enlarged window by the user.

[0044] At block 204, the degree of intersection between the media data and the window is determined. The degree of intersection indicates the intersection width of the media data and the window in the first direction and / or the intersection height of the media data and the window in a second direction perpendicular to the first direction. The units of the intersection width and / or the intersection height are absolute units, which do not change according to the screen size and have better universality. For example, it can be an absolute pixel unit, representing a point on the screen. Pixels are fixed, thereby improving the accuracy of media data movement and enhancing the user experience. In some embodiments, when determining the degree of intersection between media data with regular or irregular outer borders and the window, the outer borders of the regular or irregular media data are not considered.

[0045] In some embodiments, when the media data is moved horizontally, the intersection width between the media data and the window in the horizontal direction is determined. For example, the intersection width of a picture and the window in the horizontal direction is 100 px. In some embodiments, when the media data is moved vertically, the intersection height between the media data and the window in the vertical direction is determined. For example, the intersection width of a video and the window in the vertical direction is 105 px.

[0046] In some embodiments, when the media data is moved in a direction (diagonal) between horizontal and vertical, the intersection width between the media data and the window in the horizontal direction and the intersection height in the vertical direction are determined simultaneously. For example, when a picture is moved diagonally upward in the window, the intersection height in the vertical direction is determined to be 105 px, and the intersection width in the horizontal direction is determined to be 100 px. For example, when a video is moved diagonally upward in the window, the intersection height in the vertical direction is determined to be 105 px, and the intersection width in the horizontal direction is determined to be 100 px. By determining the intersection width and / or intersection height between the media data and the window, the distance range of media data movement can be accurately controlled, thereby improving the accuracy of media data movement.

[0047] In some embodiments, when the media data is moved horizontally, the ratio of the intersection width between the media data and the window in the horizontal direction to the width of the media data itself is determined. For example, the intersection width of a picture and the window in the horizontal direction is 100 px, and the width of the picture itself is 200 px, then the ratio is 0.5. For example, the intersection width of a video and the window in the horizontal direction is 200 px, and the width of the video itself is 400 px, then the ratio is 0.5.

[0048] In some embodiments, when the media data is moved vertically, the ratio of the intersection height between the media data and the window in the vertical direction to the height of the media data itself is determined. For example, the intersection height of a picture and the window in the vertical direction is 105 px, and the height of the picture itself is 210 px, then the ratio is 0.5. For example, the intersection height of a video and the window in the vertical direction is 100 px, and the height of the video itself is 200 px, then the ratio is 0.5.

[0049] In some embodiments, when the media data is moved obliquely, the ratio of the intersection width between the media data and the window in the horizontal direction to the width of the media data itself and the ratio of the intersection height between the media data and the window in the vertical direction to the width and height of the media data itself are determined simultaneously. For example, if the intersection width between a picture and a window in the horizontal direction is 100 px, the intersection height in the vertical direction is 100 px, the width of the picture itself is 200 px, and the height itself is 200 px, then the ratios in both the horizontal and vertical directions are 0.5. For example, if the intersection width between a video and a window in the horizontal direction is 100 px, the intersection height in the vertical direction is 100 px, the width of the video itself is 200 px, and the height itself is 200 px, then the ratios in both the horizontal and vertical directions are 0.5. By determining the ratio of the intersection width between the media data and the window to the width of the media data itself and / or the ratio of the intersection height to the height of the media data itself, the accuracy of media data movement is improved.

[0050] In some embodiments, when the media data is moved horizontally, assuming that the intersection height of the media data in the vertical direction remains unchanged, the product of the intersection width and the intersection height between the media data and the window in the horizontal direction is determined. For example, if the fixed height of a picture and a window in the vertical direction is 150 px, and the detected intersection width between the picture and the window in the horizontal direction is 100 px, then the product of the intersection width and the intersection length of the picture and the window is 15000. For example, if the fixed height of a video and a window in the vertical direction is 150 px, and the detected intersection width between the video and the window in the horizontal direction is 100 px, then the product of the intersection width and the intersection length of the video and the window is 15000.

[0051] In some embodiments, when the media data is moved vertically, assuming that the intersection width of the media data in the horizontal direction remains unchanged, the product of the intersection width and the intersection height between the media data and the window in the horizontal direction is determined. For example, if the fixed width of a picture and a window in the horizontal direction is 200 px, and the detected intersection height between the picture and the window in the horizontal direction is 100 px, then the product of the intersection width and the intersection length of the picture and the window is 20000. For example, if the fixed width of a video and a window in the horizontal direction is 200 px, and the detected intersection height between the video and the window in the horizontal direction is 100 px, then the product of the intersection width and the intersection length of the video and the window is 20000.

[0052] In some embodiments, when the media data is moved obliquely, the product of the crossing width and the crossing height in the horizontal direction between the media data and the window is determined. For example, if the crossing width of a picture and the window in the horizontal direction is 100 px and the crossing height in the vertical direction is 100 px, the product is 10,000. For example, if the crossing width of a video and the window in the horizontal direction is 100 px and the crossing height in the vertical direction is 100 px, the product is 10,000.

[0053] In some embodiments, when the media data is moved, the product of the crossing width in the horizontal direction and the crossing height in the vertical direction between the media data and the window is determined, where the horizontal direction and the vertical direction are perpendicular to each other. For example, if the crossing width of the media data and the window in the horizontal direction is 100 px and in the vertical direction perpendicular to the horizontal direction is 105 px, the product is 10,500. For example, if the crossing width of a video and the window in the horizontal direction is 100 px and in the vertical direction perpendicular to the horizontal direction is 105 px, the product is 10,500.

[0054] In some embodiments, when the media data with an outer border is moved, the crossing width and crossing height of the outer border and the window are not considered, and only the crossing width of the actual area of the media data and the window is determined. For example, if the width of a picture including an outer border is 105 px and the width of the outer border is 5 px, the actual width of the picture is 100 px. For example, if the height of a video including an outer border is 105 px and the height of the outer border is 5 px, the actual width of the video is 100 px. This can more precisely facilitate the user to view the entity details of the media data.

[0055] In block 206, in response to the degree of crossing satisfying a predetermined condition, the movement of the media data in the first direction and / or the second direction is stopped. In some embodiments, when the media data is moved horizontally to the right (assuming the user only moves the media data in the horizontal direction), if it is determined that the crossing width of the media data and the window in the horizontal right direction reaches a predetermined value, the movement of the media data in the horizontal right direction is stopped. For example, if the crossing width of a picture and the window in the horizontal right direction is 100 px and the value set by the predetermined condition is also 100 px, the picture is stopped from moving in the horizontal right direction. For example, if the crossing width of a video and the window in the horizontal right direction is 100 px and the value set by the predetermined condition is also 100 px, the video is stopped from moving in the horizontal right direction.

[0056] In some embodiments, when the media data is moved horizontally to the right (assuming the user only moves the media data in the horizontal direction), if it is determined that the ratio of the intersection width between the media data and the window in the horizontally right direction to the width of the media data itself reaches a predetermined value, the movement of the media data in the horizontally right direction is stopped. For example, if the intersection width between a picture and the window in the horizontal direction is 100 px and the width of the picture itself is 200 px, then the ratio is 0.5, and if the ratio of the set predetermined condition is also 0.5, the picture is stopped from moving in the horizontally right direction. For example, if the intersection width between a video and the window in the horizontal direction is 100 px and the width of the video itself is 200 px, then the ratio is 0.5, and if the ratio of the set predetermined condition is also 0.5, the video is stopped from moving in the horizontally right direction.

[0057] In some embodiments, when the media data is moved horizontally to the right, assuming the vertical intersection width remains unchanged (assuming the user only moves the media data in the horizontal direction), if it is determined that the product of the intersection width between the media data and the window in the horizontal direction and the intersection height in the vertical direction satisfies the area condition, the movement of the media data in the horizontally right direction is stopped. For example, if the intersection width between a picture and the window in the horizontal direction is 100 px and it is fixed at 105 px in the vertical direction perpendicular to the horizontal direction (i.e., the user only moves the picture in the horizontal direction), then the product is 10500. When the area condition value is also 10500, the picture stops moving. For example, if the intersection width between a video and the window in the horizontal direction is 100 px and it is fixed at 105 px in the vertical direction perpendicular to the horizontal direction (i.e., the user only moves the video in the horizontal direction), then the product is 10500. When the area condition value is also 10500, the video is stopped from moving.

[0058] In some embodiments, when the media data is moved vertically upward (the user only moves the media data in the vertical direction), if it is determined that the intersection height between the media data and the window in the vertically upward direction reaches a predetermined value, the movement of the media data in the vertically upward direction is stopped. For example, if the intersection height between a picture and the window in the vertically upward direction is 105 px and the value set for the predetermined condition is also 105 px, the picture is stopped from moving in the vertically upward direction. For example, if the intersection height between a video and the window in the vertically upward direction is 105 px and the value set for the predetermined condition is also 105 px, the video is stopped from moving in the vertically upward direction.

[0059] In some embodiments, when the media data is moved, if it is determined that the ratio of the intersection height between the media data and the window in the vertical direction (where the user only moves the media data in the vertical direction) to the height of the media data itself reaches a predetermined value, the movement of the media data in the vertically rightward direction is stopped. For example, if the intersection height between a picture and the window in the vertical direction is 90 px and the height of the picture itself is 180 px, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, then the picture is stopped from moving in the vertically upward direction. For example, if the intersection height between a video and the window in the vertical direction is 90 px and the height of the video itself is 180 px, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, then the video is stopped from moving in the vertically upward direction.

[0060] In some embodiments, when the media data is moved vertically, assuming that the horizontal intersection width remains unchanged (i.e., the user only moves the media data in the vertical direction), if it is determined that the product of the intersection height between the media data and the window in the vertical direction and the intersection width in the horizontal direction satisfies the area condition, the movement of the media data in the vertically upward direction is stopped. For example, if the intersection width between a picture and the window in the horizontal direction is fixed at 100 px (i.e., the user only moves the picture in the vertical direction) and in the vertical direction perpendicular to the horizontal direction it is 105 px, then the product is 10500. When the area condition value is also 10500, the picture stops moving. For example, if the intersection width between a video and the window in the horizontal direction is fixed at 100 px (i.e., the user only moves the video in the vertical direction) and in the vertical direction perpendicular to the horizontal direction it is 105 px, then the product is 10500. When the area condition value is also 10500, the video is stopped from moving.

[0061] In some embodiments, when the media data is moved obliquely, if both the intersection width between the media data and the window in the horizontal direction and the intersection height in the vertically upward direction reach a predetermined value, the movement of the media data in the oblique direction is stopped. For example, if the intersection width between the media data and the window in the horizontally rightward direction is 105 px and the intersection height in the vertically upward direction is 105 px, and the set predetermined condition sets the values of the intersection width and the intersection height to be also 105 px, then the media data is stopped from moving in the obliquely upward direction.

[0062] In some embodiments, when the media data is moved obliquely, if the ratio of the cross width between the media data and the window in the horizontal direction to its own width and the ratio of the cross height in the vertical upward direction to its own height both reach a predetermined value, the movement of the media data in the oblique direction is stopped. For example, if the ratio of the cross width between a picture and the window in the horizontal right direction to its own width is 0.5, and the ratio of the cross height in the vertical upward direction to its own height is 0.5, and the cross width threshold ratio and the cross height threshold ratio set by the predetermined conditions are both 0.5, then the picture is stopped from moving in the oblique direction. For example, if the ratio of the cross width between a video and the window in the horizontal right direction to its own width is 0.5, and the ratio of the cross height in the vertical upward direction to its own height is 0.5, and the cross width threshold ratio and the cross height threshold ratio set by the predetermined conditions are both 0.5, then the video is stopped from moving in the oblique direction.

[0063] In some embodiments, when the media data is moved obliquely, if it is determined that the product of the cross height in the vertical direction and the cross width in the horizontal direction between the media data and the window meets the area condition, the movement of the media data in the obliquely upward direction is stopped. For example, if the cross width between a picture and the window in the horizontal direction is 100 px and in the vertical direction perpendicular to the horizontal direction is 105 px, then the product is 10,500. When the area condition value is also 10,500, the picture stops moving in the oblique direction. For example, if the cross width between a video and the window in the horizontal direction is 100 px and in the vertical direction perpendicular to the horizontal direction is 105 px, then the product is 10,500. When the area condition value is also 10,500, the video is stopped from moving in the oblique direction.

[0064] In this embodiment, when the user moves the media data in the window, the cross degree between the media data and the window is monitored, and based on the relationship between the cross degree and the predetermined conditions, it is determined whether to stop the movement of the media data, thereby avoiding the problem of incorrect movement of the media data during the movement of the media data and ensuring the accuracy during the movement of the media data.

[0065] Figure 3ASchematic diagram showing some embodiments of the present disclosure for magnifying media data 300A. In some embodiments, the media data is a picture, and the picture can be static or dynamic. In some embodiments, the media data is a video. In some embodiments, when the user hovers the mouse over the generated media data 304A, four icons 306A will appear, which are "Download", "Magnify", "Partial Redrawing", and "Enlarge Picture" from left to right. Clicking the "Download" icon, the user can save the generated media data to the local, for example, save the generated picture or video to the local. Clicking the "Magnify" icon, both the generated media data 304A and the generated media data window 302A will be magnified. Clicking the "Partial Redrawing" icon, the user can select to redraw a certain area of the media data. Clicking the "Enlarge Picture" icon, the generated media data will be enlarged again.

[0066] Figure 3B Schematic diagram showing some embodiments of the present disclosure for magnifying media data and window 300B. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the window 302B can remain the same size as the previous window or be reduced or enlarged. The window 304B and the media data 306B are in a magnified state. In some embodiments, the media data and the window are visually magnified or reduced, but the unit for measuring their sizes is an absolute unit and will not change due to the change in the size of other elements, and the page is displayed according to precise pixels.

[0067] Figure 3C Schematic diagram showing some selectable embodiments of the present disclosure for magnifying media data 300C. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the media data and the window are visually magnified or reduced, but the unit for measuring their sizes is an absolute unit and will not change due to the change in the size of other elements, and the page is displayed according to precise pixels. In some embodiments, the media data 304C can be magnified to be larger than the window 302C and the window 306C. After magnifying the media data, the user can drag the media data to carefully view a certain detail of the generated media data. In some embodiments, the magnified media data 304C can be default centered in the entire window 302C or the window 306C or in other positions.

[0068] Figure 3D Schematic diagram showing some embodiments of the present disclosure for moving the magnified media data 300D vertically upward. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Figure 3DThe cross height and cross width between the media data and the window are shown. In some embodiments, the user can drag the generated media data 302D upward in the vertical direction. At this time, there is a cross width and a cross height between the media data 302D and the window 304D. When the cross height does not meet the preset condition, the user can drag the media data in the vertical upward direction. When the cross height meets the preset condition, the media data cannot be dragged by the user in the vertical upward direction, and the media data is in a collision state in the vertical upward direction. For example, if the cross height of a picture and the window in the vertical upward direction is 105px, and the value set by the predetermined condition is also 105px, the picture stops moving in the vertical upward direction. For example, if the cross height of a video and the window in the vertical upward direction is 105px, and the value set by the predetermined condition is also 105px, the video stops moving in the vertical upward direction. For example, if the cross height of the media data and the window in the vertical direction is 90px, and the height of the media data itself is 180px, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, the media data stops moving in the vertical upward direction. For example, if the cross width of the media data and the window in the horizontal direction is fixed at 100px (i.e., the user only moves the media data in the vertical direction), and it is 105px in the vertical direction perpendicular to the horizontal direction, the product is 10500px. When the area condition value is also 10500, the media data stops moving.

[0069] When the media data is in a collision state in the vertical upward direction, if it is detected that the user moves the media data in the vertical downward direction, the collision state of the media data in the vertical upward direction is released. In some embodiments, for the media data in collision in the vertical direction, as long as the cross width in the horizontal direction does not meet the corresponding preset condition, the user can continue to move the media data in the horizontal direction. In this way, the range of movement of the media data can be accurately restricted, and the user experience of viewing the media data is also improved.

[0070] Figure 3E The figure shows a schematic diagram for moving and magnifying the media data 300E in the horizontal right direction in some embodiments of the present disclosure. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Figure 3EThe cross height and cross width between the media data and the window are shown. In some embodiments, the user can drag the media data 302E in the horizontal right direction. At this time, there is a cross width and a cross height between the media data 302E and the generated window 304E. When the cross width does not meet the preset condition, the user can drag the media data in the horizontal right direction. When the cross width meets the preset condition, the media data cannot be dragged by the user in the horizontal right direction, and the media data is in a collision state in the horizontal right direction. For example, if the cross width between the media data and the window in the horizontal right direction is 100px, and the value set by the predetermined condition is also 100px, then the media data stops moving in the horizontal right direction and is in a collision state. For example, if the cross width between the media data and the window in the horizontal direction is 100px and the width of the media data itself is 200, then the ratio is 0.5, and if the ratio of the set predetermined condition is also 0.5, then the media data stops moving in the horizontal right direction. For example, if the cross width between the media data and the window in the horizontal direction is 100px and is fixed at 105px in the vertical direction perpendicular to the horizontal direction (i.e., the user only moves the media data in the horizontal direction), then the product is 10500. When the area condition value is also 10500, the media data stops moving.

[0071] When the media data is in a collision state in the horizontal right direction and it is detected that the user moves the media data in the horizontal left direction, the collision state of the media data in the horizontal right direction is released. In some embodiments, for the media data in a collision state in the horizontal right direction, as long as the cross width in the vertical upward direction does not meet the corresponding preset condition, the user can continue to move the media data in the vertical direction. In this way, on the one hand, the range of movement of the media data can be accurately restricted, and on the other hand, the user experience of viewing the media data is also improved.

[0072] Figure 3F A schematic diagram for moving and magnifying the media data 300F in the obliquely upward direction in some embodiments of the present disclosure is shown. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Figure 3FThe cross height and cross width of the media data and the window are shown. In some embodiments, the user can drag the generated media data 302F to move obliquely upward. At this time, there is a cross width and a cross height between the media data 302F and the window 304F. When neither the cross width nor the cross height meets the preset conditions, the user can drag the media data in the obliquely upward direction (i.e., the horizontal and / or vertical directions). When the cross width and the cross height meet the preset conditions, the media data cannot be dragged by the user in the obliquely upward direction, and the media data is in a collision state with the window both horizontally and vertically in the obliquely upward direction. For example, the cross width of the media data and the window in the horizontal right direction is 105px, and the cross height in the vertical upward direction is 105px. If the preset condition sets the values of the cross width and the cross height to be 105px as well, the media data is stopped from moving in the obliquely upward direction. For example, the ratio of the cross width of the media data and the window in the horizontal right direction to its own width is 0.5, and the ratio of the cross height in the vertical upward direction to its own height is 0.5. If the preset condition sets the cross width threshold ratio and the cross height threshold ratio to be 0.5 both, the media data is stopped from moving in the obliquely upward direction. For example, the cross width of the media data and the window in the horizontal direction is 100px, and in the vertical direction perpendicular to the horizontal direction is 105px, then the product is 10500px. When the area condition value is also 10500, the media data stops moving in the obliquely upward direction.

[0073] In some embodiments, when the media data is in a collision state with the window in the obliquely upward direction, the user can continue to move the media data in the vertically downward direction to make the cross height not meet the preset conditions, or can also continue to move the media data in the horizontally left direction to make the cross width not meet the preset conditions, so that it can continue to move in the vertical and horizontal directions. In this way, the range of movement of the media data can be accurately restricted, and the user experience of viewing the media data is also improved.

[0074] Figure 4A A schematic diagram for moving media data 400A according to some embodiments of the present disclosure is shown. Figure 4A It is the state of generating media data and displaying a window after the user clicks the "zoom in" icon. The generated media data 404A does not fill the window 402A. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the media data and the window are visually enlarged or reduced, but the unit for measuring their sizes is an absolute unit and will not change due to the change of the sizes of other elements, and the page is displayed according to precise pixels. In some embodiments, the enlarged media data 404A can be default at the center position of the entire window 402A or at other positions.

[0075] Figure 4B A schematic diagram for vertically moving media data 400B upward is shown, which illustrates some embodiments of the present disclosure. The cross - height and cross - width of the media data and the window are shown in FIG. 400B. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the media data and the window are visually enlarged or reduced, but the unit for measuring their sizes is an absolute unit and will not change due to the change of the sizes of other elements, and the page is displayed according to precise pixels.

[0076] In some embodiments, the user can drag the media data 404B in the vertically upward direction. At this time, there is a cross - width and a cross - height between the media data 404B and the window 402B. Assuming that the cross - width does not change during the user's movement, if the cross - height does not meet the preset condition, the user can drag the media data in the vertically upward direction. If the cross - height meets the preset condition, the media data cannot be dragged by the user in the vertically upward direction, and the media data is in a collision state in the vertically upward direction.

[0077] For example, the cross - height of the media data and the window in the vertically upward direction is 150px, and the value set by the predetermined condition is also 150px, then the media data stops moving in the vertically upward direction. Another example, the cross - height of the media data and the window in the vertical direction is 100px, and the height of the media data itself is 200px, so the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, then the media data stops moving in the vertically upward direction. Still another example, the cross - width of the media data and the window in the horizontal direction is 100px, and in the vertical direction perpendicular to the horizontal direction is 100px, then the product is 10000. When the area condition value is also 10000, the media data stops moving. In some embodiments, when the media data has an outer border, the width of the outer border does not need to be considered when determining the cross - degree between the media data and the window.

[0078] In some embodiments, for the media data in a collision state in the vertical direction, as long as the cross - width in the horizontal direction does not meet the corresponding preset condition, the user can continue to move the media data in the horizontal direction. For example, the media data 404B is in a collision state in the vertically upward direction, the cross - width with the window in the horizontal direction is 110px, and the set threshold width is 80px. Since the cross - width does not reach the threshold width, the media data 404B can continue to move in the horizontal direction. In this way, the range of movement of the media data can be accurately restricted, and the user experience of viewing the media data is also improved.

[0079] Figure 4CA schematic diagram showing the lateral rightward movement of media data 400C according to some embodiments of the present disclosure. The crossing height and crossing width between the media data and the window are shown in FIG. 400C. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the user can drag the generated media data 404C to move in the lateral rightward direction, at which time there is a crossing width and a crossing height between the generated media data 404C and the window 402C. Assuming that the crossing height remains unchanged during the user's movement, when the crossing width does not meet the preset condition, the user can drag the media data in the lateral rightward direction. When the crossing width meets the preset condition, the media data cannot be dragged by the user in the lateral rightward direction, and the media data is in a collision state in the lateral rightward direction.

[0080] For example, the crossing width of the media data and the window in the lateral rightward direction is 100px, and the value set by the predetermined condition is also 100px, and the media data is stopped from moving in the lateral rightward direction. Another example, the crossing width of the media data and the window in the lateral direction is 100px, and the width of the media data itself is 200, then the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, then the media data is stopped from moving in the lateral rightward direction. Still another example, the crossing width of the media data and the window in the lateral direction is 200px, and in the longitudinal direction perpendicular to the lateral direction is 100px, then the product is 20000, and when the area condition value is also 20000, the media data stops moving. In some embodiments, when the media data has an outer border, the width of the outer border does not need to be considered when determining the crossing degree between the media data and the window.

[0081] In some embodiments, for media data in a collision state in the lateral direction, as long as the crossing height in the longitudinal direction does not meet the corresponding preset condition, the user can continue to move the media data in the longitudinal direction. For example, the media data 404C is in a collision state in the lateral direction, and the crossing width with the window in the longitudinal direction is 120px, and the set threshold width is 90px, then the media data 404C can continue to move in the lateral direction. In this way, the range of movement of the media data can be accurately limited, and the user experience of viewing the media data is also improved.

[0082] Figure 4DA schematic diagram for obliquely upward moving media data 400D showing some embodiments of the present disclosure is presented. The cross height and cross width of the media data and the window are shown in FIG. 400D. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, the user can drag the generated media data 402D to move obliquely upward, at this time there is a cross width and a cross height between the generated media data 402D and the window 404D. In the case where both the cross width and the cross height do not meet the preset conditions, the user can drag the media data in the obliquely upward direction. In the case where the cross width and the cross height meet the preset conditions, the media data cannot be dragged by the user in the horizontally rightward direction, and the media data is in a collision state with the generated media data display window both horizontally and vertically. In some embodiments, when the media data has an outer border, the width of the outer border does not need to be considered when determining the cross degree between the media data and the window.

[0083] In some embodiments, for media data in a collision state in the obliquely upward direction, as long as the cross height in the vertical direction does not meet the corresponding preset conditions, the user can continue to move the media data in the vertical direction. For example, the media data 404D is in a collision state in the horizontal direction, the cross width in the vertical direction with the window is 120px, and the set threshold width is 90px, then the media data 402D can continue to move in the horizontal direction.

[0084] In some embodiments, when the media data is in a collision state with the window in the obliquely upward direction, the user can continue to move the media data in the vertically downward direction to make the cross height not meet the preset conditions, or can also continue to move the media data in the horizontally leftward direction to make the cross width not meet the preset conditions, so that it can continue to move in the vertical and horizontal directions. For example, the threshold of the vertical cross height between the media data and the window is set to 80px. When the user moves the media data in the collision state in the vertically downward direction, the vertical cross height of the media data becomes 120px, so that the media data does not meet the preset conditions in the vertically upward direction and can move in the vertical direction. Another example, the threshold of the horizontal cross width between the media data and the window is set to 80px. When the user moves the media data in the collision state in the horizontally leftward direction, the horizontal cross height of the media data becomes 120px, so that the media data does not meet the preset conditions in the horizontally rightward direction and can move in the horizontal direction. In this way, the range of movement of the media data can be accurately restricted, and the user experience of viewing the media data is also improved.

[0085] Figure 5A schematic diagram for horizontally moving media data 500 to the right according to some embodiments of the present disclosure is shown. The user can drag the media data in any direction. When the media data is moving, if the degree of intersection between the media data and the window meets a certain preset condition, the media data cannot be moved in that arbitrary direction. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Refer to Figure 5 , the user drags the media data 504-1 to move horizontally to the right. The media data 504-1 and the window 502-1 generate an intersection width 508 and an intersection height 506. When the intersection width 508 meets the preset intersection width condition, the media data 504-1 is prohibited from moving and is in a collision state in the horizontal right direction. For example, if the intersection width of the media data and the window in the horizontal right direction is 100 px, and the value set by the predetermined condition is also 100 px, then the media data stops moving in the horizontal right direction.

[0086] In some embodiments, if the intersection width 508 reaches the set intersection width threshold, it is determined that the media data 504-1 is in a collision state in the horizontal right direction, and the media data 504-1 cannot be moved in the horizontal right direction. In some embodiments, if the ratio of the intersection width 508 to the width of the media data 504-1 itself reaches the set threshold ratio, it is determined that the media data 504-1 is in a collision state in the horizontal right direction, and the media data 504-1 cannot be moved in the horizontal right direction. For example, if the intersection width of the media data and the window in the horizontal direction is 100 px, and the width of the media data itself is 200, then the ratio is 0.5, and the ratio set by the predetermined condition is also 0.5, then the media data is in a collision state in the horizontal right direction. In some embodiments, when the product of the intersection width 508 between the media data 504-1 and the window 502-1 and the intersection height 506 between the media data 504-1 and the window 502-1 meets a certain area condition, the media data 504-1 cannot be moved either.

[0087] Continue to refer to Figure 5, after the media data is in a collision state, when it is detected again that the user moves the media data in a direction opposite to the horizontal right direction, the collision state of the media data in the horizontal right direction is released, and the user's movement of the media data in the horizontal direction is restored. In some embodiments, when the media data 504-2 is in a collision state, that is, it cannot move in the horizontal right direction, and the user moves the media data 504-2 in the horizontal left direction, the media data 504-2 can move left and right in the horizontal direction, that is, the collision state is released. In some embodiments, when the cross-width 512 of the media data 504-2 and the window 502-2 in the horizontal direction satisfies a preset condition, that is, it is in a collision state in the horizontal right direction, as long as the cross-height 510 in the vertical direction does not satisfy the corresponding preset condition, the user can continue to move the media data in the vertical direction. In this way, not only can the range of movement of the media data be accurately restricted, but also the user experience of viewing the media data is further improved.

[0088] Figure 6 The figure shows a schematic diagram for vertically moving the media data 600 according to some embodiments of the present disclosure. The user can drag the media data to move in any direction. When the media data moves and the degree of intersection between the media data and the window meets certain preset conditions, the media data cannot be moved in that arbitrary direction. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Refer to Figure 6 , the user drags the media data 604-1 to move in the vertically upward direction. The media data 604-1 and the window 602-1 generate a cross-width 608 and a cross-height 606. When the cross-height 606 meets the preset cross-height condition, the media data 604-1 is prohibited from moving in the vertical direction and is in a collision state. For example, the cross-height of the media data and the window in the vertically upward direction is 100px, and the value set by the predetermined condition is also 100px, then the media data stops moving in the vertically upward direction.

[0089] In some embodiments, if the cross-height 606 reaches the set cross-width threshold, it is determined that the media data 604-1 is in a collision state in the vertically upward direction, and the media data 604-1 cannot be moved in the vertically upward direction. In some embodiments, if the ratio of the cross-height 606 to the height of the media data 604-1 itself reaches the set threshold ratio, it is determined that the media data 604-1 is in a collision state in the vertically upward direction, and the media data 604-1 cannot be moved in the vertically upward direction. In some embodiments, when the product of the cross-width 608 of the media data 604-1 and the window 602-1 and the cross-height 606 of the media data 604-1 and the window 602-1 satisfies a certain area condition, the media data 604-1 cannot be moved either.

[0090] Continue to refer toFigure 6 After the media data is in a collision state, when it is detected again that the user moves the media data in a direction opposite to the vertically upward direction, the collision state of the media data in the vertically upward direction is released, and the user's movement of the media data in the vertical direction is restored. In some embodiments, when the media data 604-2 is in a collision state and cannot move in the vertically upward direction, and the user moves the media data 604-2 in the vertically downward direction, the media data 604-2 can move up and down in the vertical direction, that is, the collision state of the media data is released. In some embodiments, when the cross height 610 of the media data 604-2 and the window 602-2 in the vertical direction satisfies a preset condition, that is, in a collision state in the vertically upward direction, as long as the cross width 612 in the horizontal direction does not satisfy the corresponding preset condition, the user can continue to move the media data in the horizontal direction. In this way, the range of movement of the media data can be accurately restricted, and the user experience of viewing the media data is also improved.

[0091] Figure 7 A schematic diagram showing the movement of media data 700 between horizontal and vertical directions in some embodiments of the present disclosure is shown. The user can drag the media data in any direction. When the media data moves and the degree of intersection between the media data and the window satisfies certain preset conditions, the media data cannot be moved in that arbitrary direction. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. Refer to Figure 7 , the user drags the media data 704-1 in the obliquely upward direction, and the media data 704-1 and the window 702-1 generate a cross width 708 and a cross height 706. When both the cross height 706 and the cross width 708 satisfy the preset conditions, the media data 704-1 is prohibited from moving in the obliquely upward direction and is in a collision state.

[0092] In some embodiments, if both the cross height 706 and the cross width 708 reach the set cross height threshold and cross width threshold, it is determined that the media data 704-1 is in a collision state in both the vertically upward and horizontally rightward directions, and the media data 704-1 cannot be moved in both the vertically upward direction and the horizontally rightward direction. In some embodiments, if the ratio of the cross height 706 to the self-height of the media data 704-1 and the ratio of the cross width 708 to the self-width of the media data 704-1 both reach the set threshold ratio, it is determined that the media data 704-1 is in a collision state in the obliquely upward direction, and the media data 704-1 cannot be moved in the obliquely upward direction. In some embodiments, when the product of the cross width 708 of the media data 704-1 and the window 702-1 and the cross height 706 of the media data 704-1 and the window 702-1 satisfies a certain area condition, the media data 704-1 cannot be moved either.

[0093] Continue to refer to Figure 7 After the media data is in a collision state in the obliquely upward direction, when it is detected again that the user moves the media data in the direction opposite to the obliquely upward direction, the collision state of the media data in the obliquely upward direction is released, and the user's movement of the media data in the obliquely upward direction is restored. In some embodiments, when the media data 704-2 is in a collision state in the obliquely upward direction, it cannot move in the obliquely upward direction. When the user moves the media data 704-2 in the obliquely downward direction, the media data 704-2 can move in the obliquely downward direction, that is, the collision state of the media data is released.

[0094] In some embodiments, when the media data 704-2 is in a collision state with the window 702-2 in the obliquely upward direction, the user can continue to move the media data in the vertically downward direction to make the crossing height 710 not meet the preset condition, or can also continue to move the media data in the horizontally left direction to make the crossing width 712 not meet the preset condition, so that it can continue to move in the vertical and horizontal directions. For example, when the horizontal crossing width 712 of the media data 704-2 in the obliquely upward direction reaches the set threshold width of 110px and the vertical crossing height 710 also reaches the set threshold height of 110px, the media data 704-2 is in a collision state. At this time, the user can drag the media data in the vertically downward direction to make the vertical crossing height become 120px, which does not meet the threshold height condition, so that the media data 704-2 can be moved in the vertical direction. The user can also drag the media data in the horizontally left direction to make the horizontal crossing width become 120px, which does not meet the threshold height condition, so that the media data 704-2 can be moved in the horizontal direction.

[0095] In some embodiments, when the media data is moved in any direction, the arbitrary direction is decomposed into two components in the horizontal and vertical directions. For example, when the media data is in a collision state in the vertically upward (vertically downward) direction and the horizontal direction is not in a collision state, and there is a vertically upward (vertically downward) component after the new movement direction is decomposed, the media data cannot be moved in the vertically upward (vertically downward) direction and can only be moved in the horizontal direction. For example, when the media data is in a collision state in the horizontally right (horizontally left) direction and the vertical direction is not in a collision state, and there is a horizontally right (horizontally left) component after the new movement direction is decomposed, the media data cannot be moved in the horizontally right (horizontally left) direction and can only be moved in the vertical direction. In this way, not only can the movement range of the media data be accurately restricted, but also the user experience of viewing the media data is improved.

[0096] Figure 8A schematic diagram showing media data 800 with a movable outer border according to some embodiments of the present disclosure is presented. A user drags media data 806 in any direction within window 802, and the media data 806 has an outer border 804. In some embodiments, the media data is a picture. In some embodiments, the media data is a video. In some embodiments, determining the degree of intersection between the media data and the window does not take into account the presence of the outer border 804. The intersection length of the media data 806 and the window 802 in the horizontal direction is 808, and the intersection height of the media data 806 and the window 802 in the vertical direction is 810. In some embodiments, when determining the degree of intersection between a picture with an irregular outer border and the window, the outer border of the irregular picture is also not considered. In this way, by accurately positioning the degree of intersection between the entity content of the media data and the window, the range of movement of the media data can be better restricted, making it more convenient for the user to view the details of the media data entity and enhancing the user experience when moving the media data.

[0097] Figure 9 A block diagram of a device 900 for moving media data according to some embodiments of the present disclosure is shown. As Figure 9 shown, the device 900 includes a media data movement detection module 902 configured to detect the movement of media data in a window by a user. The device 900 further includes an intersection degree determination module 904 configured to determine the degree of intersection between the media data and the window, where the degree of intersection indicates the intersection width of the media data and the window in a first direction and / or the intersection height of the media data and the window in a second direction perpendicular to the first direction. The device 900 further includes a media data movement stop module 906 configured to stop the movement of the media data in the first direction and / or the second direction in response to the degree of intersection meeting a predetermined condition.

[0098] Figure 10 A block diagram of an electronic device 1000 according to some embodiments of the present disclosure is shown. The device 1000 may be the device or apparatus described in the embodiments of the present disclosure. As Figure 10 shown, the device 1000 includes a central processing unit (CPU) and / or a graphics processing unit (GPU) 1001, which can perform various appropriate actions and processes according to computer program instructions stored in a read-only memory (ROM) 1002 or computer program instructions loaded from a storage unit 1008 into a random access memory (RAM) 1003. In the RAM 1003, various programs and data required for the operation of the device 1000 can also be stored. The CPU / GPU 1001, the ROM 1002, and the RAM 1003 are connected to each other through a bus 1004. An input / output (I / O) interface 1005 is also connected to the bus 1004. Although not shown in Figure 10 the device 1000 may further include a coprocessor.

[0099] Multiple components in device 1000 are connected to I / O interface 1005, including: input unit 1006, such as a keyboard, mouse, etc.; output unit 1007, such as various types of displays, speakers, etc.; storage unit 1008, such as a disk, optical disc, etc.; and communication unit 1009, such as a network card, modem, wireless communication transceiver, etc. Communication unit 1009 allows device 1000 to exchange information / data with other devices via a computer network such as the Internet and / or various telecommunication networks.

[0100] Each of the methods or processes described above can be executed by CPU / GPU 1001. For example, in some embodiments, the method can be implemented as a computer software program tangibly embodied in a machine-readable medium, such as storage unit 1008. In some embodiments, part or all of the computer program can be loaded and / or installed onto device 1000 via ROM 1002 and / or communication unit 1009. When the computer program is loaded into RAM 1003 and executed by CPU / GPU 1001, one or more steps or actions of the methods or processes described above can be executed.

[0101] In some embodiments, the methods and processes described above can be implemented as a computer program product. The computer program product can include a computer-readable storage medium having thereon computer-readable program instructions for performing various aspects of the present disclosure.

[0102] A computer-readable storage medium can be a tangible device that can hold and store instructions used by an instruction execution device. A computer-readable storage medium can be, by way of example and not limitation, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium include: a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), a static random access memory (SRAM), a portable compact disc read-only memory (CD-ROM), a digital versatile disc (DVD), a memory stick, a floppy disk, a mechanically encoded device such as a punch card or raised structures in grooves having instructions stored thereon, and any suitable combination of the foregoing. The computer-readable storage medium as used herein is not construed as being a transitory signal per se, such as a radio wave or other freely propagating electromagnetic wave, an electromagnetic wave propagating through a waveguide or other transmission medium (e.g., an optical pulse through an optical fiber cable), or an electrical signal transmitted through a wire.

[0103] The computer-readable program instructions described herein can be downloaded to various computing / processing devices from a computer-readable storage medium or downloaded to an external computer or external storage device via a network, such as the Internet, a local area network, a wide area network, and / or a wireless network. The network may include copper transmission cables, optical fiber transmission, wireless transmission, routers, firewalls, switches, gateway computers, and / or edge servers. A network adapter card or network interface in each computing / processing device receives the computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing / processing device.

[0104] The computer program instructions for performing the operations of the present disclosure may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state-setting data, or source code or object code written in any combination of one or more programming languages, including object-oriented programming languages and conventional procedural programming languages. The computer-readable program instructions may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider). In some embodiments, by using the status information of the computer-readable program instructions to customize an electronic circuit, such as a programmable logic circuit, a field-programmable gate array (FPGA), or a programmable logic array (PLA), the electronic circuit can execute the computer-readable program instructions to implement various aspects of the present disclosure.

[0105] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is produced that implements the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, which causes the computer, programmable data processing device, and / or other devices to operate in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured article that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0106] Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device, causing a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, such that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / acts specified in one or more boxes of the flowchart and / or block diagram.

[0107] The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of devices, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram may represent a module, a segment of code, or a portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the boxes may occur out of the order noted in the figures. For example, two consecutive boxes may in fact be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functionality involved. It should also be noted that each box in the block diagrams and / or flowcharts, and combinations of boxes in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or acts, or by a combination of dedicated hardware and computer instructions.

[0108] The embodiments of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations will be apparent to those of ordinary skill in the art in the technical field without departing from the scope and spirit of the described embodiments. The selection of the terms used herein is intended to best explain the principles of the embodiments, the practical application, or the technical improvement of the technology in the market, or to enable other ordinary skill in the art in the technical field to understand the embodiments disclosed herein.

[0109] Some example implementations of the present disclosure are listed below.

[0110] Example 1. A method for moving media data, comprising:

[0111] detecting a user's movement of media data in a window;

[0112] determining a degree of intersection between the media data and the window, the degree of intersection indicating a crossing width of the media data and the window in a first direction and / or a crossing height of the media data and the window in a second direction perpendicular to the first direction; and

[0113] responsive to the degree of intersection meeting a predetermined condition, stopping the movement of the media data in the first direction and / or the second direction.

[0114] Example 2. The method according to Example 1 further includes:

[0115] In response to the degree of intersection satisfying the predetermined condition, determining that the media data is in a collision state in the first direction and / or the second direction, where the collision state indicates that the media data is prohibited from moving in the first direction and / or the second direction.

[0116] Example 3. The method according to any one of Examples 1-2 further includes:

[0117] Detecting a second movement of the user with respect to the media data; and

[0118] In response to the direction of the second movement satisfying a direction condition, determining that the media data is in a released state in the first direction and / or the second direction, where the released state indicates that the media data resumes moving in the first direction and / or the second direction.

[0119] Example 4. In the method according to any one of Examples 1-3, where the collision state indicates that the media data is prohibited from moving in the first direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0120] Determining whether the direction of the second movement is opposite to the first direction; and

[0121] In response to determining that the direction of the second movement is opposite to the first direction, determining that the media data is in a released state in the first direction.

[0122] Example 5. In the method according to any one of Examples 1-4, where the collision state indicates that the media data is prohibited from moving in the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0123] Determining whether the direction of the second movement is opposite to the second direction; and

[0124] In response to determining that the direction of the second movement is opposite to the second direction, determining that the media data is in a released state in the second direction.

[0125] Example 6. In the method according to any one of Examples 1-5, where the collision state indicates that the media data is prohibited from moving in the first direction and the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0126] Determine whether the direction of the second movement is between the first direction and the second direction; and

[0127] In response to the direction of the second movement not being between the first direction and the second direction, determine that the media data is in a released state between the first direction and / or the second direction.

[0128] Example 7. The method according to any one of Examples 1-6, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0129] In response to the crossing width of the media data and the window in the first direction reaching a first threshold width, stop the movement of the media data in the first direction; and / or in response to the crossing height of the media data and the window in the second direction reaching a second threshold height, stop the movement of the media data in the second direction.

[0130] Example 8. The method according to any one of Examples 1-7, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0131] In response to the ratio of the crossing width of the media data and the window in the first direction to the width of the media data in the first direction reaching a first threshold ratio, stop the movement of the media data in the first direction; and / or

[0132] In response to the ratio of the crossing height of the media data and the window in the second direction to the height of the media data in the second direction reaching a second threshold ratio, stop the movement of the media data in the second direction.

[0133] Example 9. The method according to any one of Examples 1-8, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0134] In response to the product of the crossing width of the media data and the window in the first direction and the crossing height of the media data and the window in the second direction satisfying an area condition, stop the movement of the media data in the first direction and / or the second direction.

[0135] Example 10. The method according to any one of Examples 1-9, wherein the unit of the crossing width and / or the crossing width and the width and / or height of the window is an absolute unit in a cascading style sheet, and the media data includes a picture or a video.

[0136] Example 11. The method according to any one of Examples 1-10, further comprising:

[0137] Obtain the input text of the user in the dialog box on the display interface;

[0138] Based on the input text, generate the media data through a text-media data generation model; and

[0139] Display the media data in the window on the display interface.

[0140] Example 12. The method according to any one of Examples 1-12, wherein determining the degree of intersection between the media data and the window includes:

[0141] Determine whether the media data has an outer border;

[0142] In response to the media data having an outer border, determine the actual intersection area between the media data and the window; and

[0143] Based on the actual intersection area, determine the degree of intersection between the media data and the window.

[0144] Example 13. An apparatus for moving media data, comprising:

[0145] A media data movement detection module configured to detect the movement of the media data in the window by the user;

[0146] An intersection degree determination module configured to determine the degree of intersection between the media data and the window, the degree of intersection indicating the intersection width of the media data and the window in a first direction and / or the intersection height of the media data and the window in a second direction perpendicular to the first direction; and

[0147] A media data movement stop module configured to stop the movement of the media data in the first direction and / or the second direction in response to the degree of intersection satisfying a predetermined condition.

[0148] Example 14. The apparatus according to Example 13, further comprising:

[0149] A media data collision state determination module configured to determine that the media data is in a collision state in the first direction and / or the second direction in response to the degree of intersection satisfying the predetermined condition, the collision state indicating that the media data is prohibited from moving in the first direction and / or the second direction.

[0150] Example 15. The apparatus according to any one of Examples 13-14, further comprising:

[0151] A movement detection module configured to detect a second movement of the user on the media data; and

[0152] A media data release status determination module, configured to determine that the media data is in a released state in the first direction and / or the second direction in response to the direction of the second movement satisfying a direction condition, where the released state indicates that the media data resumes movement in the first direction and / or the second direction.

[0153] Example 16. The apparatus according to any one of Examples 13 - 15, wherein the collision state indicates that the media data is prohibited from moving in the first direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0154] A direction opposite determination module, configured to determine whether the direction of the second movement is opposite to the first direction; and

[0155] A media data first direction release status determination module, configured to determine that the media data is in a released state in the first direction in response to determining that the direction of the second movement is opposite to the first direction.

[0156] Example 17. The apparatus according to any one of Examples 13 - 16, wherein the collision state indicates that the media data is prohibited from moving in the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0157] A direction opposite determination module, configured to determine whether the direction of the second movement is opposite to the second direction; and

[0158] A media data second direction release status determination module, configured to determine that the media data is in a released state in the second direction in response to determining that the direction of the second movement is opposite to the second direction.

[0159] Example 18. The apparatus according to any one of Examples 13 - 17, wherein the collision state indicates that the media data is prohibited from moving in the first direction and the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0160] A direction determination module, configured to determine whether the direction of the second movement is between the first direction and the second direction; and

[0161] A release status determination module, configured to determine that the media data is in a released state between the first direction and / or the second direction in response to the direction of the second movement not being between the first direction and the second direction.

[0162] Example 19. The apparatus according to any one of Examples 13 - 18, wherein the media data movement stop module comprises:

[0163] A first - direction movement stop module, configured to stop the movement of the media data in the first direction in response to the cross - width of the media data and the window in the first direction reaching a first threshold width; and / or

[0164] A second - direction movement stop module, configured to stop the movement of the media data in the second direction in response to the cross - height of the media data and the window in the second direction reaching a second threshold height.

[0165] Example 20. The apparatus according to any one of Examples 13 - 19, wherein the media data movement stop module comprises:

[0166] A first - direction movement stop module, configured to stop the movement of the media data in the first direction in response to the ratio of the cross - width of the media data and the window in the first direction to the width of the media data in the first direction reaching a first threshold ratio; and / or

[0167] A second - direction movement stop module, configured to stop the movement of the media data in the second direction in response to the ratio of the cross - height of the media data and the window in the second direction to the height of the media data in the second direction reaching a second threshold ratio..

[0168] Example 21. The apparatus according to any one of Examples 13 - 20, wherein the media data stop module comprises:

[0169] A movement stop module, configured to stop the movement of the media data in the first direction and / or the second direction in response to the product of the cross - width of the media data and the window in the first direction and the cross - height of the media data and the window in the second direction satisfying an area condition.

[0170] Example 22. The apparatus according to any one of Examples 13 - 21, wherein the unit of the cross - width and / or the cross - width and the width and / or height of the window is an absolute unit in a Cascading Style Sheet, and the media data comprises a picture or a video.

[0171] Example 23. The apparatus according to any one of Examples 13 - 22, further comprising:

[0172] A text acquisition module, configured to acquire the input text of the user in a dialog box on the display interface;

[0173] A media data generation module, configured to generate the media data based on the input text through a text-media data generation model; and

[0174] A media data display module, configured to display the media data in the window of the display interface.

[0175] Example 24. The apparatus according to any one of Examples 13-23, wherein the crossing degree determination module includes:

[0176] An outer border determination module, configured to determine whether there is an outer border for the media data;

[0177] An actual crossing area determination module, configured to determine an actual crossing area between the media data and the window in response to the presence of an outer border for the media data; and

[0178] A crossing degree determination module, configured to determine a crossing degree between the media data and the window based on the actual crossing area.

[0179] Example 25. An electronic device, comprising:

[0180] A processor; and

[0181] A memory coupled to the processor, the memory having instructions stored therein, which when executed by the processor cause the electronic device to perform actions, the actions including:

[0182] Detecting a user's movement of media data in a window;

[0183] Determining a crossing degree between the media data and the window, the crossing degree indicating a crossing width of the media data and the window in a first direction and / or a crossing height of the media data and the window in a second direction perpendicular to the first direction; and

[0184] In response to the crossing degree meeting a predetermined condition, stopping the movement of the media data in the first direction and / or the second direction.

[0185] Example 26. The electronic device according to Example 25, the actions further including:

[0186] In response to the crossing degree meeting the predetermined condition, determining that the media data is in a collision state in the first direction and / or the second direction, the collision state indicating that the media data is prohibited from moving in the first direction and / or the second direction.

[0187] Example 27. The electronic device according to any one of Examples 25-26, detecting a second movement of the user on the media data; and

[0188] In response to the direction of the second movement satisfying a direction condition, determine that the media data is in a released state in the first direction and / or the second direction, where the released state indicates that the media data resumes moving in the first direction and / or the second direction.

[0189] Example 28. The electronic device according to any one of Examples 25-27, wherein the collision state indicates that the media data is prohibited from moving in the first direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0190] Determine whether the direction of the second movement is opposite to the first direction; and

[0191] In response to determining that the direction of the second movement is opposite to the first direction, determine that the media data is in a released state in the first direction.

[0192] Example 29. The electronic device according to any one of Examples 25-28, wherein the collision state indicates that the media data is prohibited from moving in the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0193] Determine whether the direction of the second movement is opposite to the second direction; and

[0194] In response to determining that the direction of the second movement is opposite to the second direction, determine that the media data is in a released state in the second direction.

[0195] Example 30. The electronic device according to any one of Examples 25-29, wherein the collision state indicates that the media data is prohibited from moving in the first direction and the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes:

[0196] Determine whether the direction of the second movement is between the first direction and the second direction; and

[0197] In response to the direction of the second movement not being between the first direction and the second direction, determine that the media data is in a released state between the first direction and / or the second direction.

[0198] Example 31. The electronic device according to any one of Examples 25-30, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0199] In response to the cross width of the media data and the window in the first direction reaching a first threshold width, stop the movement of the media data in the first direction; and / or

[0200] In response to the cross height of the media data and the window in the second direction reaching a second threshold height, stop the movement of the media data in the second direction.

[0201] Example 32. The electronic device according to any one of Examples 25 - 31, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0202] In response to the ratio of the cross width of the media data and the window in the first direction to the width of the media data in the first direction reaching a first threshold ratio, stop the movement of the media data in the first direction; and / or

[0203] In response to the ratio of the cross height of the media data and the window in the second direction to the height of the media data in the second direction reaching a second threshold ratio, stop the movement of the media data in the second direction.

[0204] Example 33. The electronic device according to any one of Examples 25 - 32, wherein stopping the movement of the media data in the first direction and / or the second direction includes:

[0205] In response to the product of the cross width of the media data and the window in the first direction and the cross height of the media data and the window in the second direction satisfying an area condition, stop the movement of the media data in the first direction and / or the second direction.

[0206] Example 34. The electronic device according to any one of Examples 25 - 33, wherein the unit of the cross width and / or the cross width and the width and / or height of the window is an absolute unit in a cascading style sheet, and the media data includes a picture or a video.

[0207] Example 35. The electronic device according to any one of Examples 25 - 34, the action further includes:

[0208] Obtain the input text of the user in the dialog box on the display interface;

[0209] Based on the input text, generate the media data through a text - media data generation model; and

[0210] Display the media data in the window on the display interface.

[0211] Example 36. The electronic device according to any one of Examples 25-35, wherein determining the degree of intersection between the media data and the window includes:

[0212] Determining whether an outer border exists for the media data;

[0213] In response to the media data having an outer border, determining an actual intersection area between the media data and the window; and

[0214] Based on the actual intersection area, determining the degree of intersection between the media data and the window.

[0215] Example 37. A computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by a processor to implement the method according to any one of Examples 1 to 12.

[0216] Example 38. A computer program product, the computer program product being tangibly stored on a computer-readable medium and including computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of Examples 1 to 12.

[0217] Although the present disclosure has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. A method for moving media data, comprising: Detecting a user's movement of media data in a window; Determining a degree of intersection between the media data and the window, the degree of intersection indicating a crossing width of the media data and the window in a first direction and / or a crossing height of the media data and the window in a second direction perpendicular to the first direction; And In response to the degree of intersection meeting a predetermined condition, stopping the movement of the media data in the first direction and / or the second direction.

2. The method according to claim 1, further comprising: In response to the degree of intersection meeting the predetermined condition, determining that the media data is in a collision state in the first direction and / or the second direction, the collision state indicating that the media data is prohibited from moving in the first direction and / or the second direction.

3. The method according to claim 2, further comprising: Detecting a second movement of the user with respect to the media data; And In response to the direction of the second movement meeting a direction condition, determining that the media data is in a released state in the first direction and / or the second direction, the released state indicating that the media data resumes moving in the first direction and / or the second direction.

4. The method according to claim 3, wherein the collision state indicates that the media data is prohibited from moving in the first direction, and determining that the media data is in a released state in the first direction and / or the second direction includes: Determining whether the direction of the second movement is opposite to the first direction; And In response to determining that the direction of the second movement is opposite to the first direction, determining that the media data is in a released state in the first direction.

5. The method according to claim 3, wherein the collision state indicates that the media data is prohibited from moving in the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes: Determining whether the direction of the second movement is opposite to the second direction; And In response to determining that the direction of the second movement is opposite to the second direction, determining that the media data is in a released state in the second direction.

6. The method according to claim 3, wherein the collision state indicates that the media data is prohibited from moving in the first direction and the second direction, and determining that the media data is in a released state in the first direction and / or the second direction includes: Determining whether the direction of the second movement is between the first direction and the second direction; And In response to the direction of the second movement not being between the first direction and the second direction, determining that the media data is in a released state between the first direction and / or the second direction.

7. The method according to claim 1, wherein stopping the movement of the media data in the first direction and / or the second direction includes: In response to the crossing width of the media data and the window in the first direction reaching a first threshold width, stopping the movement of the media data in the first direction; And / or In response to the cross height of the media data and the window in the second direction reaching a second threshold height, stop the movement of the media data in the second direction.

8. The method according to claim 1, wherein stopping the movement of the media data in the first direction and / or the second direction includes: In response to the ratio of the cross width of the media data and the window in the first direction to the width of the media data in the first direction reaching a first threshold ratio, stop the movement of the media data in the first direction; and / or In response to the ratio of the cross height of the media data and the window in the second direction to the height of the media data in the second direction reaching a second threshold ratio, stop the movement of the media data in the second direction.

9. The method according to claim 1, wherein stopping the movement of the media data in the first direction and / or the second direction includes: In response to the product of the cross width of the media data and the window in the first direction and the cross height of the media data and the window in the second direction satisfying an area condition, stop the movement of the media data in the first direction and / or the second direction.

10. The method according to any one of claims 7-9, wherein the unit of the cross width and / or the cross width and the width and / or height of the window is an absolute unit in a cascading style sheet, and the media data includes a picture or a video.

11. The method according to claim 1, further comprising: Obtain the input text of the user in the dialog box of the display interface; Based on the input text, generate the media data through a text-media data generation model; and Display the media data in the window of the display interface.

12. The method according to claim 1, wherein determining the degree of intersection between the media data and the window includes: Determine whether the media data has an outer border; In response to the media data having an outer border, determine the actual intersection area between the media data and the window; and Based on the actual intersection area, determine the degree of intersection between the media data and the window.

13. An apparatus for moving media data, comprising: A media data movement detection module configured to detect the movement of media data in a window by a user; An intersection degree determination module configured to determine the degree of intersection between the media data and the window, where the degree of intersection indicates the cross width of the media data and the window in the first direction and / or the cross height of the media data and the window in a second direction perpendicular to the first direction; and A media data movement stop module configured to stop the movement of the media data in the first direction and / or the second direction in response to the degree of intersection satisfying a predetermined condition.

14. An electronic device, comprising: A processor; and A memory coupled to the processor, the memory having instructions stored therein that, when executed by the processor, cause the electronic device to perform the method according to any one of claims 1 to 12.

15. A computer program product comprising computer-executable instructions, wherein the computer-executable instructions are executed by a processor to implement the method according to any one of claims 1 to 12.

Images