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

Abstract

Embodiments of the present disclosure relate to a method and apparatus for moving media data, an electronic device, and a product. The method comprises: detecting the movement of media data in a window by a user, and determining the degree of intersection between the media data and the window. The method further comprises: in response to the degree of intersection satisfying a predetermined condition, stopping the movement of the media data in a first direction and / or a second direction.

Description

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

[0001] This application claims priority to Chinese patent application number 202410077597.3, filed on January 18, 2024, and entitled “Methods, devices, electronic devices and products for moving media data”. The entire contents of this application are incorporated by reference into this application. Technical Field

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

[0003] When viewing media data such as images and videos on their devices, users can adjust the display of the media data by zooming in, dragging, or rotating it to observe a specific area in more detail or browse more of the media data. These operations provide flexibility, allowing users to freely explore the details of the media data while fully meeting their personalized browsing needs. Summary of the Invention

[0004] Embodiments of the present disclosure provide a method, apparatus, electronic device, and product for moving media data. According to a first aspect of the present disclosure, a method for moving media data is provided. The method includes detecting a user's movement of media data in a window. The method also includes determining a degree of intersection between the media data and the window, the degree of intersection indicating a width of intersection between the media data and the window in a first direction and / or a height of intersection between the media data and the window in a second direction perpendicular to the first direction. The method also 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.

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

[0006] In a third aspect of the present disclosure, an electronic device is provided, comprising a processor and a memory coupled to the processor, wherein the memory has instructions stored therein, and when the instructions are executed by the processor, the electronic device executes the method according to the first aspect.

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

[0008] This summary is intended to introduce a selection of concepts in a simplified form that are further described below in the detailed description. It 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] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0010] FIG1 illustrates a schematic diagram of an example environment in which some embodiments of the present disclosure may be implemented;

[0011] FIG2 shows a flowchart of a method for moving media data according to some embodiments of the present disclosure;

[0012] FIG3A shows a schematic diagram for amplifying media data according to some embodiments of the present disclosure;

[0013] FIG3B shows a schematic diagram for enlarging media data and a window according to some embodiments of the present disclosure;

[0014] FIG3C shows an optional schematic diagram for amplifying media data according to some embodiments of the present disclosure;

[0015] FIG3D shows a schematic diagram of some embodiments of the present disclosure for moving and amplifying media data in a vertically upward direction;

[0016] FIG3E shows a schematic diagram of some embodiments of the present disclosure for moving and amplifying media data in a horizontal right direction;

[0017] FIG3F shows a schematic diagram of some embodiments of the present disclosure for moving and amplifying media data in an oblique upward direction;

[0018] FIG4A shows a schematic diagram for moving media data according to some embodiments of the present disclosure;

[0019] FIG4B shows a schematic diagram for vertically moving media data upward according to some embodiments of the present disclosure;

[0020] FIG4C shows a schematic diagram for moving media data horizontally to the right according to some embodiments of the present disclosure;

[0021] FIG4D shows a schematic diagram for moving media data diagonally upward according to some embodiments of the present disclosure;

[0022] FIG5 shows a schematic diagram of some embodiments of the present disclosure for moving media data horizontally to the right;

[0023] FIG6 shows a schematic diagram for vertically moving media data upward according to some embodiments of the present disclosure;

[0024] FIG7 shows a schematic diagram of some embodiments of the present disclosure for moving media data between horizontal and vertical directions;

[0025] FIG8 shows a schematic diagram of some embodiments of the present disclosure for moving media data with an outer border;

[0026] FIG9 shows a block diagram of an apparatus for moving media data according to some embodiments of the present disclosure; and

[0027] FIG10 shows a block diagram of an electronic device according to some embodiments of the present disclosure.

[0028] Throughout the drawings, the same or similar reference numbers denote the same or similar elements. DETAILED DESCRIPTION

[0029] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0030] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the accompanying 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 described herein. Instead, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0031] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The terms "first", "second", etc. can refer to different or the same objects, unless explicitly stated otherwise. Other explicit and implicit definitions may also be included below.

[0032] During operations such as zooming in, dragging, or rotating an image, in order to maintain a good user experience, the entire media data cannot be dragged outside the window, causing the entire image to be out of the user's visual range.

[0033] When a user views media data (pictures or videos, etc.) on a terminal device, in order to view the details of a certain part of the media data in the window or browse more media data images, the media data can be enlarged, dragged, or rotated, but the entire media data cannot be completely dragged out of the window. Traditionally, in order to allow users to see the details of different positions of the media data, the maximum movable distance is calculated by comparing the relationship between the coordinates of the media data and the coordinates of the window to limit the movement of the media data in four directions. However, the coordinate position of the media data and the coordinate position of the window are easily affected by factors such as the nested windows of the window, resulting in inaccurate calculations and the inability to accurately limit the movement range of the media data, which ultimately leads to movement errors.

[0034] In an embodiment of the present disclosure, when a user moves media data in a window, the intersection height and / or intersection 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 intersection height and / or intersection width and a predetermined condition, so that the movement of the media data can be limited within a threshold range, thereby achieving the effect of accurately limiting the movement range of the media data and improving the user experience.

[0035] FIG1 illustrates a schematic diagram of an example environment 100 in which some embodiments of the present disclosure may be implemented. As shown in FIG1 , window 102 includes at least a sample media data display window 104, a generated media data display window 106, and a text input window 110. Window 102 also includes, from left to right, "Minimize," "Restore," and "Close" buttons in the upper right corner. Window 104 displays some default sample media data. In some embodiments, this sample media data may be generated using a text-media data model. In some embodiments, the media data is presented in the form of images, which may be static or dynamic. In some embodiments, the media data is presented in the form of a video. Window 102 may be a small window on a screen or a full window. Window 102 may be displayed on a computing device, which may be a computing system, a single server, a distributed server, a cloud-based server, or a user terminal, or a combination of these devices. For example, the computing device may be a combination of a server and a user terminal, with user interaction implemented based on this combination.

[0036] Referring to FIG1 , window 102 can be a web page window. For example, a user can experience one-click media data generation by accessing a text-media data model on a web page or in an application interface. For example, a user enters "a potted plant" or any descriptive language for the media data the user wants to generate in text input window 110 and clicks the Generate Now button 114 to generate media data matching the user-entered text in window 106, as shown in FIG1 , media data 108, which can be media data such as an image or video. When the media data is presented in the form of a video, the generated video can be automatically played or paused.

[0037] In some embodiments, the generated media data may be media data with an irregular outer border or a regular outer border, for example, it may be a picture with an irregular outer border. Before clicking the Generate Now 114 button, the user may further adjust the parameters of the media data to be generated. By clicking the Parameter Adjustment 112 button, the style of the media data to be generated may be selected. For example, in the model selection parameters, "general" or "animation" may be selected to limit the style of the media data presentation. For example, the proportion of the media data and the fineness of the generated media data may also be selected. For example, when the media data is presented in the form of a picture, the proportion of the generated picture may be selected to be 9:16 or 4:3. For example, when the media data is presented in the form of a video, the generated video may be selected to be vertical or horizontal. The larger the value of the fineness, the better the quality of the generated media data and the longer the time consumed.

[0038] Continuing with reference to FIG1 , a user can view the details of the example media data by clicking on the media data in window 104. Specifically, the user can perform operations such as zooming in, dragging, or rotating the example media data. After generating the media data, the user can also drag, zoom in, or rotate the generated media data 108 in window 106. For example, operations such as zooming in, dragging, or rotating pictures and videos can be performed. In some embodiments, window 106 can cover the entire window 102, and the user can operate on the media data 108 in the zoomed window 106. The media data 108 can be in an enlarged state, a reduced state, or a normal size. For example, if the media data is a picture, the picture can be in an enlarged state, a reduced state, or a normal size.

[0039] Continuing with FIG1 , when a user drags media data 108 within window 106, the intersection width and height between media data 108 and window 106 in the horizontal and vertical directions are detected. If the intersection width in the horizontal right direction reaches a set intersection width threshold, the media data 108 is prohibited from moving in the horizontal right direction. If the intersection height in the vertical upward direction reaches a set intersection height threshold, the media data 108 is prohibited from moving in the vertical upward direction. If the intersection width and intersection height in both the horizontal and vertical upward directions reach the set intersection thresholds, the media data 108 is prohibited from moving in both the horizontal right direction and the vertical upward direction.

[0040] In some embodiments, the units used to measure height and width can be absolute units in Cascading Style Sheets (CSS), which do not change due to changes in the size of other elements and are displayed in pixel-per-inch format within the window page. Absolute units include, for example, pixels (px), which represent a point on the screen. Pixels are fixed and do not change depending on screen size. For example, when a user drags media data horizontally to the right, if the horizontal intersection width between media data 108 and window 106 meets a preset condition of 256px, media data 108 cannot be dragged further horizontally within window 106, and the state of media data 108 is set to a collision state. In some embodiments, the ratio of the horizontal intersection width between media data 108 and window 106 to the width of media data 108 itself can also be detected to see if it meets a predetermined condition. In some embodiments, the product of the horizontal intersection width between media data 108 and window 106 and the vertical intersection height of window 106 can also be detected to see if it meets an area condition.

[0041] Continuing with reference to Figure 1, when media data is prohibited from moving in a certain direction within the generated media data display window, i.e., is in a collision state in that direction, moving the media data in a direction opposite to that direction can restore the movement of the media data in that direction. For example, when media data 108 is an image, 108 is in a collision state in a horizontal rightward direction within window 106. If the user is detected moving the image in a horizontal leftward direction, the horizontal movement of the image within window 106 can be restored. For example, when media data 108 is a video, 108 is in a collision state in a horizontal rightward direction within window 106. If the user is detected moving the video in a horizontal leftward direction, the horizontal movement of the video within window 106 can be restored.

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

[0043] The following describes in detail the process according to an embodiment of the present disclosure in conjunction with Figures 2 to 10. For ease of understanding, the specific data mentioned in the following description are exemplary and are not intended to limit the scope of protection of the present disclosure. It is understood that the embodiments described below may also include additional actions not shown and / or may omit the actions shown, and the scope of the present disclosure is not limited in this respect.

[0044] FIG2 illustrates a flow chart of a method 200 for moving media data according to some embodiments of the present disclosure. In block 202, a user's movement of media data within a window is detected. For example, a user's movement of media data for the first time is detected. For example, a user's movement of original media data within a webpage window is detected. For example, a user's movement of zoomed-in or zoomed-out media data is detected. For example, a user's movement of media data within a zoomed-out or zoomed-in window is detected.

[0045] In block 204, the degree of intersection between the media data and the window is determined, where the degree of intersection indicates the width of the intersection between the media data and the window in a first direction and / or the height of the intersection between 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 and do not change with screen size, thus having better universality. For example, it can be an absolute pixel unit, representing a point on the screen, where the pixels are fixed, thereby improving the accuracy of media data movement and enhancing the user experience. In some embodiments, 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.

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

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

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

[0049] In some embodiments, when media data is moved vertically, the ratio of the vertical intersection height between the media data and the window to the height of the media data itself is determined. For example, if the vertical intersection height between the image and the window is 105px and the image itself is 210px, the ratio is 0.5. For example, if the vertical intersection height between the video and the window is 100px and the video itself is 200px, the ratio is 0.5.

[0050] In some embodiments, when media data is moved diagonally, the ratio of the cross-width between the media data and the window in the horizontal direction to the width of the media data itself is determined, as well as the ratio of the cross-height between the media data and the window in the vertical direction to the width and height of the media data itself is determined. For example, if the cross-width between the image and the window in the horizontal direction is 100px and the cross-height between the image and the window in the vertical direction is 100px, and the image itself has a width of 200px and a height of 200px, then the ratio of the cross-width to the vertical direction is 0.5. For example, if the cross-width between the video and the window in the horizontal direction is 100px and the cross-height between the video and the window in the vertical direction is 100px, and the video itself has a width of 200px and a height of 200px, then the ratio of the cross-width to the vertical direction is 0.5. By determining the ratio of the cross-width between the media data and the window to the width and / or the ratio of the cross-height to the height, the accuracy of media data movement is improved.

[0051] In some embodiments, when media data is moved horizontally, assuming that the height of the intersection 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 the image and the window in the vertical direction is 150px, and the detected intersection width of the image and the window in the horizontal direction is 100px, then the product of the intersection width and the intersection length between the image and the window is 15000. For example, if the fixed height of the video and the window in the vertical direction is 150px, and the detected intersection width of the video and the window in the horizontal direction is 100px, then the product of the intersection width and the intersection length between the video and the window is 15000.

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

[0053] In some embodiments, when the media data is moved diagonally, the product of the cross-width and cross-height between the media data and the window in the horizontal direction is determined. For example, if the cross-width between the image and the window in the horizontal direction is 100 px and the cross-height between the image and the window in the vertical direction is 100 px, the product is 10000. For example, if the cross-width between the video and the window in the horizontal direction is 100 px and the cross-height between the video and the window in the vertical direction is 100 px, the product is 10000.

[0054] In some embodiments, when the media data is moved, the product of the width of the intersection between the media data and the window in the horizontal direction and the height of the intersection in the vertical direction is determined, where the horizontal direction is perpendicular to the vertical direction. For example, if the width of the intersection between the media data and the window in the horizontal direction is 100 px and the width in the vertical direction perpendicular to the horizontal direction is 105 px, the product is 10500. For example, if the width of the intersection between the video and the window in the horizontal direction is 100 px and the width in the vertical direction perpendicular to the horizontal direction is 105 px, the product is 10500.

[0055] In some embodiments, when media data with a border is moved, the intersection width and height of the border with the window are not considered. Instead, only the intersection width of the actual area of ​​the media data with the window is determined. For example, if an image with a border is 105px wide and the border width is 5px, the actual width of the image is 100px. For example, if a video with a border is 105px high and the border height is 5px, the actual width of the video is 100px. This allows users to more accurately view the physical details of the media data.

[0056] In box 206, in response to the intersection degree 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 that the user only moves the media data in the horizontal direction), it is determined that the intersection width between the media data and the window in the horizontal right direction has reached a predetermined value, then the movement of the media data in the horizontal right direction is stopped. For example, if the intersection width between the picture and the window in the horizontal right direction is 100px, and the value set by the predetermined condition is also 100px, the picture is stopped from moving in the horizontal right direction. For example, if the intersection width between the video and the window in the horizontal right direction is 100px, and the value set by the predetermined condition is also 100px, the video is stopped from moving in the horizontal right direction.

[0057] 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), it is determined that the ratio of the cross-width between the media data and the window in the horizontal right direction to the width of the media data itself reaches a predetermined value, then the movement of the media data in the horizontal right direction is stopped. For example, if the cross-width between the image and the window in the horizontal direction is 100px, and the image itself is 200 wide, then the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, then the image is stopped from moving in the horizontal right direction. For example, if the cross-width between the video and the window in the horizontal direction is 100px, and the video itself is 200 wide, then 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 horizontal right direction.

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

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

[0060] 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 (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 vertical right direction is stopped. For example, if the intersection height between the image and the window in the vertical direction is 90px, and the image itself is 180px high, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, the image is stopped from moving in the vertical upward direction. For example, if the intersection height between the video and the window in the vertical direction is 90px, and the video itself is 180px high, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, the video is stopped from moving in the vertical upward direction.

[0061] In some embodiments, when media data is moved vertically, assuming that the horizontal cross-width remains unchanged (i.e., the user only moves the media data in the vertical direction), 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, then the movement of the media data in the vertical upward direction is stopped. For example, the cross-width between the image and the window in the horizontal direction is fixed at 100px (i.e., the user only moves the image in the vertical direction), and is 105px in the vertical direction perpendicular to the horizontal direction. The product is 10500. When the area condition value is also 10500, the image stops moving. For example, the cross-width between the video and the window in the horizontal direction is fixed at 100px (i.e., the user only moves the video in the vertical direction), and is 105px in the vertical direction perpendicular to the horizontal direction. The product is 10500. When the area condition value is also 10500, the video stops moving.

[0062] In some embodiments, when media data is being moved diagonally, if the width of the intersection between the media data and the window in the horizontal direction and the height of the intersection in the vertical upward direction both reach predetermined values, the diagonal movement of the media data is stopped. For example, if the width of the intersection between the media data and the window in the horizontal right direction is 105px and the height of the intersection in the vertical upward direction is 105px, and the predetermined condition sets the values ​​of the intersection width and the intersection height to 105px as well, the diagonal upward movement of the media data is stopped.

[0063] In some embodiments, when the media data is moved diagonally, 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 predetermined values, the movement of the media data in the diagonal direction is stopped. For example, if the ratio of the cross width between the image 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, the image is stopped from moving in the diagonal direction. For example, if the ratio of the cross width between the 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, the video is stopped from moving in the diagonal direction.

[0064] In some embodiments, when the media data is moved diagonally, if it is determined that the product of the cross height between the media data and the window in the longitudinal direction and the cross width in the transverse direction satisfies the area condition, the movement of the media data in the diagonal upward direction is stopped. For example, if the cross width between the image and the window in the transverse direction is 100px and 105px in the longitudinal direction perpendicular to the transverse direction, the product is 10500. When the area condition value is also 10500, the image stops moving in the diagonal direction. For example, if the cross width between the video and the window in the transverse direction is 100px and 105px in the longitudinal direction perpendicular to the transverse direction, the product is 10500. When the area condition value is also 10500, the video stops moving in the diagonal direction.

[0065] In this embodiment, when a user moves media data in a window, the degree of intersection between the media data and the window is monitored, and based on the relationship between the degree of intersection and a predetermined condition, it is determined whether to stop the movement of the media data, thereby avoiding the problem of media data movement errors during the process of moving the media data and ensuring the accuracy of the media data movement process.

[0066] Figure 3A shows a schematic diagram for magnifying media data 300A in some embodiments of the present disclosure. In some embodiments, the media data is a picture, which 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, from left to right, namely "Download", "Zoom in", "Partial Redraw" and "Expand Picture". Click the "Download" icon, and the user can save the generated media data locally, for example, the generated picture or video can be saved locally. Click the "Zoom in" icon, and the generated media data 304A and the generated media data window 302A will be enlarged. Click the "Partial Redraw" icon, and the user can choose to redraw an area of ​​the media data. Click the "Expand Picture" icon, and the generated media data will be expanded again.

[0067] Figure 3B shows a schematic diagram for magnifying media data and window 300B in some embodiments of the present disclosure. In some embodiments, the media data is an image. In some embodiments, the media data is a video. In some embodiments, window 302B can remain the same size as the previous window or be reduced or enlarged. Window 304B and media data 306B are in a magnified state. In some embodiments, the media data and window are visually magnified or reduced, but the units used to measure their sizes are absolute units and do not change due to changes in the sizes of other elements. The page is displayed in precise pixel format.

[0068] 3C shows a schematic diagram of an optional method for magnifying media data 300C in accordance with some embodiments of the present disclosure. 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 units used to measure their sizes are absolute units and will not change due to changes in the sizes of other elements. The page is displayed in precise pixels. In some embodiments, media data 304C can be magnified to be larger than window 302C and window 306C. After magnifying the media data, the user can carefully examine a detail of a certain part of the generated media data by dragging the media data. In some embodiments, the magnified media data 304C can be located by default at the center of the entire window 302C or window 306C or at another location.

[0069] Figure 3D shows a schematic diagram of some embodiments of the present disclosure for moving and enlarging media data 300D in a vertically upward direction. In some embodiments, the media data is an image. In some embodiments, the media data is a video. Figure 3D illustrates the intersection height and intersection width between the media data and the window. In some embodiments, a user can drag media data 302D to move vertically upward. In this case, there is an intersection width and intersection height between media data 302D and window 304D. If the intersection height does not meet a preset condition, the user can drag the media data in the vertically upward direction. If the intersection height meets the preset condition, the media data cannot be dragged in the vertically upward direction by the user and is in a collision state in the vertically upward direction. For example, if the intersection height between the image and the window in the vertically upward direction is 105px, and the value set by the predetermined condition is also 105px, the image will be stopped in the vertically upward direction. For example, if the intersection height between the video and the window in the vertically upward direction is 105px, and the value set by the predetermined condition is also 105px, the video will be stopped in the vertically upward direction. For example, if the vertical intersection height of the media data and the window is 90px, and the media data itself is 180px tall, the ratio is 0.5. If the ratio of the pre-set condition is also 0.5, the media data will be stopped in the vertical upward direction. For example, if the horizontal intersection width of the media data and the window is fixed at 100px (i.e., the user only moves the media data in the vertical direction), and the vertical intersection width is 105px, the product is 10500px. When the area condition value is also 10500, the media data will be stopped.

[0070] When media data is in a vertically upward collision state, detecting a user's movement of the media data in a vertically downward direction releases the vertically upward collision state. In some embodiments, the user can continue to move the media data in the horizontal direction as long as the cross-width of the media data in the vertical direction does not meet a corresponding preset condition. This can accurately limit the range of media data movement and improve the user's viewing experience.

[0071] Figure 3E shows a schematic diagram of some embodiments of the present disclosure for moving and enlarging media data 300E in a horizontal rightward direction. In some embodiments, the media data is an image. In some embodiments, the media data is a video. Figure 3E shows the intersection height and intersection width between the media data and the window. In some embodiments, the user can drag the media data 302E in a horizontal rightward direction. In this case, there is an intersection width and intersection height between the media data 302E and the generated window 304E. If the intersection width does not meet the preset conditions, the user can drag the media data in a horizontal rightward direction. If the intersection width meets the preset conditions, the media data cannot be dragged in the horizontal rightward direction by the user, and the media data is in a collision state in the horizontal rightward direction. For example, if the intersection width between the media data and the window in the horizontal rightward direction is 100px, and the value set by the preset condition is also 100px, the media data will stop moving in the horizontal rightward direction and be in a collision state. For example, if the width of the intersection of the media data and the window in the horizontal direction is 100px, and the media data itself is 200px wide, the ratio is 0.5. If the ratio of the preset condition is also 0.5, the media data will be stopped from moving horizontally to the right. For example, if the width of the intersection of the media data and the window in the horizontal direction is 100px, and the vertical direction perpendicular to the horizontal direction is fixed at 105px (i.e., the user only moves the media data in the horizontal direction), the product is 10500. When the area condition value is also 10500, the media data will be stopped.

[0072] When media data is in a collision state in the horizontal right direction, and a user is detected moving the media data in the horizontal left direction, the collision state in the horizontal right direction is released. In some embodiments, the user can continue to move the media data in the vertical direction as long as the vertical cross width does not meet the corresponding preset conditions. This can not only accurately limit the range of media data movement, but also improve the user's viewing experience of media data.

[0073] Figure 3F shows a schematic diagram of some embodiments of the present disclosure for moving and enlarging media data 300F in an obliquely upward direction. In some embodiments, the media data is an image. In some embodiments, the media data is a video. Figure 3F shows the intersection height and intersection width between the media data and the window. In some embodiments, the user can drag the generated media data 302F to move obliquely upward. In this case, there is an intersection width and intersection height between the media data 302F and the window 304F. If the intersection width and intersection height do not meet the preset conditions, the user can drag the media data in an obliquely upward direction (i.e., horizontally and / or vertically). If the intersection width and intersection height meet the preset conditions, the media data cannot be dragged in the oblique upward direction by the user, and the media data is in a collision state with the window in both the horizontal and vertical directions in the oblique upward direction. For example, if the intersection width of the media data and the window in the horizontal right direction is 105px and the intersection height in the vertical upward direction is 105px, and the predetermined conditions set the intersection width and intersection height values ​​to 105px, then the media data will be stopped from moving in the oblique direction. For example, if the ratio of the width of the intersection of the media data and the window in the horizontal right direction to the width of the media data and the window itself is 0.5, and the ratio of the height of the intersection in the vertical upward direction to the height of the media data and the window itself is 0.5, and the predetermined conditions set the threshold ratio of the intersection width and the threshold ratio of the intersection height to each other to be 0.5, then the media data will be stopped from moving diagonally. For example, if the width of the intersection 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. If the area condition value is also 10500, then the media data will be stopped from moving diagonally.

[0074] In some embodiments, when media data collides with a window in an upward, diagonal direction, the user can continue to move the media data in a downward, vertical direction so that the intersection height does not meet a preset condition, or continue to move the media data in a leftward, horizontal direction so that the intersection width does not meet a preset condition, thereby allowing further movement in both the vertical and horizontal directions. In this way, the range of media data movement can be accurately limited, and the user's viewing experience of the media data can be improved.

[0075] Figure 4A shows a schematic diagram for moving media data 400A in accordance with some embodiments of the present disclosure. Figure 4A shows a state of generating media data and displaying a window after a user clicks the "Zoom in" icon, where the generated media data 404A does not fill the entire 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 units used to measure their sizes are absolute units and do not change with changes in the sizes of other elements. The page is displayed in precise pixels. In some embodiments, the enlarged media data 404A may be located by default at the center of the entire window 402A or at another location.

[0076] Figure 4B shows a schematic diagram of some embodiments of the present disclosure for vertically moving media data 400B upward. Figure 400B shows the intersection height and intersection width of the media data and the window. In some embodiments, the media data is an image. 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 units used to measure their sizes are absolute units and do not change due to changes in the sizes of other elements. The page is displayed in precise pixel units.

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

[0078] For example, if the height of the intersection between the media data and the window in the vertical upward direction is 150px, and the value set for the predetermined condition is also 150px, the media data will be stopped from moving in the vertical upward direction. For another example, if the height of the intersection between the media data and the window in the vertical direction is 100px, and the height of the media data itself is 200, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, the media data will be stopped from moving in the vertical upward direction. For another example, if the width of the intersection between the media data and the window in the horizontal direction is 100px, and the width in the vertical direction perpendicular to the horizontal direction is 100px, the product is 10000. When the area condition value is also 10000, the media data will be stopped from 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 degree of intersection between the media data and the window.

[0079] In some embodiments, if media data is colliding in the vertical direction, the user can continue to move the media data in the horizontal direction as long as the cross-width in the horizontal direction does not meet the corresponding preset conditions. For example, if media data 404B is colliding in the upward vertical direction, and the cross-width with the window in the horizontal direction is 110px, and the threshold width is set to 80px, the cross-width does not reach the threshold width, then media data 404B can continue to move in the horizontal direction. This can accurately limit the range of media data movement and improve the user's viewing experience.

[0080] Figure 4C shows a schematic diagram of some embodiments of the present disclosure for moving media data 400C horizontally to the right. Figure 400C shows the intersection height and intersection width of the media data and the window. 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 horizontally to the right. At this time, there is a cross width and cross height between the generated media data 404C and the window 402C. Assuming that the cross height is not changed during the user's movement, if the cross width does not meet the preset conditions, the user can drag the media data in the horizontal right direction. If the cross width meets the preset conditions, 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.

[0081] For example, if the width of the intersection between the media data and the window in the horizontal right direction is 100px, and the value set for the predetermined condition is also 100px, the media data will be stopped from moving in the horizontal right direction. For another example, if the width of the intersection between the media data and the window in the horizontal direction is 100px, and the width of the media data itself is 200, the ratio is 0.5, and the ratio of the set predetermined condition is also 0.5, the media data will be stopped from moving in the horizontal right direction. For another example, if the width of the intersection between the media data and the window in the horizontal direction is 200px, and the width in the vertical direction perpendicular to the horizontal direction is 100px, the product is 20000. When the area condition value is also 20000, the media data will be stopped from moving. In some embodiments, when the media data has an outer border, the degree of intersection between the media data and the window does not need to take into account the width of the outer border.

[0082] In some embodiments, if media data is in a horizontal collision state, the user can continue to move the media data in the vertical direction as long as the vertical intersection height does not meet the corresponding preset conditions. For example, if media data 404C is in a horizontal collision state and the vertical intersection width with the window is 120px, and the threshold width is set to 90px, media data 404C can continue to move in the horizontal direction. This can accurately limit the range of media data movement and improve the user's viewing experience.

[0083] Figure 4D shows a schematic diagram of some embodiments of the present disclosure for moving media data 400D diagonally upward. Figure 400D shows the intersection height and intersection width of the media data and the window. 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 diagonally upward. In this case, there is an intersection width and intersection height between the generated media data 402D and the window 404D. If the intersection width and intersection height do not meet the preset conditions, the user can drag the media data in an oblique upward direction. If the intersection width and intersection height meet the preset conditions, the media data cannot be dragged by the user in a horizontal direction to the right, and the media data is in a collision state with the generated media data display window in both the horizontal and vertical directions in the oblique upward direction. In some embodiments, when the media data has an outer border, the degree of intersection between the media data and the window does not need to take into account the width of the outer border.

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

[0085] In some embodiments, when media data is in a collision state with a window in an upward, diagonal direction, the user can continue to move the media data in a downward, vertical direction to prevent the intersection height from satisfying a preset condition, or can continue to move the media data in a leftward, horizontal direction to prevent the intersection width from satisfying a preset condition, thereby allowing further movement in both the vertical and horizontal directions. For example, the threshold for the vertical intersection height between the media data and the window is set to 80px. When the user moves the media data in a collision state in a downward, vertical direction, the vertical intersection height of the media data increases to 120px, thereby preventing the media data from satisfying the preset condition in the upward, vertical direction and allowing movement in the vertical direction. For another example, the threshold for the horizontal intersection width between the media data and the window is set to 80px. When the user moves the media data in a collision state in a leftward, horizontal direction, the horizontal intersection height of the media data increases to 120px, thereby preventing the media data from satisfying the preset condition in the rightward, horizontal direction and allowing movement in the horizontal direction. In this way, the range of media data movement can be accurately limited, and the user's experience of viewing media data can be improved.

[0086] Figure 5 shows a schematic diagram of some embodiments of the present disclosure for moving media data 500 horizontally to the right. A user can drag the media data to move it in any direction. When the media data moves, if 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 an image. In some embodiments, the media data is a video. Referring to Figure 5, a user drags media data 504-1 to move horizontally to the right. Media data 504-1 and window 502-1 generate an intersection width 508 and an intersection height 506. When the intersection width 508 meets the preset intersection width condition, 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 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, the media data will be stopped from moving in the horizontal right direction.

[0087] In some embodiments, if the cross width 508 reaches a set cross width threshold, media data 504-1 is determined to be in a collision state in the horizontal right direction and cannot be moved in the horizontal right direction. In some embodiments, if the ratio of the cross width 508 to the width of the media data 504-1 reaches a set threshold ratio, media data 504-1 is determined to be in a collision state in the horizontal right direction and cannot be moved 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 the media data itself is 200px wide, the ratio is 0.5. If the ratio of the set predetermined condition is also 0.5, the media data is in a collision state in the horizontal right direction. In some embodiments, when the product of the cross width 508 between the media data 504-1 and the window 502-1 and the cross height 506 between the media data 504-1 and the window 502-1 meets a certain area condition, media data 504-1 cannot be moved.

[0088] Continuing with reference to FIG5 , after the media data is in a collision state, if the user detects movement of the media data in a direction opposite to the horizontal rightward direction, the collision state of the media data in the horizontal rightward direction is released, and the user's movement of the media data in the horizontal direction is restored. In some embodiments, if media data 504-2 is in a collision state, i.e., cannot move horizontally to the right, and the user moves media data 504-2 in a horizontal leftward direction, media data 504-2 can move left and right in the horizontal direction, i.e., the collision state is released. In some embodiments, when the intersection width 512 of media data 504-2 in the horizontal direction with window 502-2 meets a preset condition, i.e., is in a collision state in the horizontal rightward direction, the user can continue to move the media data in the vertical direction as long as the intersection height 510 in the vertical direction does not meet the corresponding preset condition. In this way, not only can the range of media data movement be accurately limited, but the user's experience of viewing media data is also further improved.

[0089] Figure 6 shows a schematic diagram of some embodiments of the present disclosure for moving media data 600 vertically upward. A user can drag the media data to move it in any direction. When the media data moves, if 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. Referring to Figure 6, a user drags media data 604-1 to move vertically upward. Media data 604-1 and window 602-1 generate an intersection width 608 and an intersection height 606. When the intersection height 606 meets the preset intersection height condition, media data 604-1 is prohibited from moving in the vertical direction and is in a collision state. For example, if the intersection height between the media data and the window in the vertical upward direction is 100px, and the value set by the predetermined condition is also 100px, the media data will be stopped from moving in the vertical upward direction.

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

[0091] Continuing with reference to FIG6 , after the media data is in a collision state, if the user detects movement of the media data in the opposite direction of the longitudinal upward direction, the collision state of the media data in the longitudinal upward direction is released, and the user's movement of the media data in the longitudinal direction is restored. In some embodiments, if media data 604-2 is in a collision state, i.e., cannot move in the longitudinal upward direction, and the user moves media data 604-2 in the longitudinal downward direction, then media data 604-2 can move up and down in the longitudinal direction, i.e., the collision state of the media data has been released. In some embodiments, when the intersection height 610 of media data 604-2 in the longitudinal direction with window 602-2 meets a preset condition, i.e., is in a collision state in the longitudinal upward direction, the user can continue to move the media data in the transverse direction as long as the intersection width 612 in the transverse direction does not meet the corresponding preset condition. In this way, the range of media data movement can be accurately limited, and the user's experience of viewing media data is also improved.

[0092] FIG7 shows a schematic diagram of some embodiments of the present disclosure for moving media data 700 between horizontal and vertical directions. A user can drag the media data to move it in any direction. When the media data moves, if 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. Referring to FIG7 , a user drags media data 704-1 to move diagonally upward. Media data 704-1 and window 702-1 generate an intersection width 708 and an intersection height 706. When both the intersection height 706 and the intersection width 708 meet the preset conditions, media data 704-1 is prohibited from moving in the diagonally upward direction and is in a collision state.

[0093] In some embodiments, if both the intersection height 706 and the intersection width 708 reach a predetermined intersection height threshold and a predetermined intersection width threshold, the media data 704-1 is determined to be in a collision state both vertically upward and horizontally to the right, and the media data 704-1 cannot be moved in either the vertically upward or horizontally to the right. In some embodiments, if both the ratio of the intersection height 706 to the height of the media data 704-1 and the ratio of the intersection width 708 to the width of the media data 704-1 reach predetermined threshold ratios, the media data 704-1 is determined to be in a collision state diagonally upward, and the media data 704-1 cannot be moved in the diagonally upward direction. In some embodiments, when the product of the intersection width 708 between the media data 704-1 and the window 702-1 and the intersection height 706 between the media data 704-1 and the window 702-1 meets a predetermined area condition, the media data 704-1 cannot be moved.

[0094] Continuing with FIG7 , after the media data is in a collision state in the diagonally upward direction, if the user again detects movement of the media data in the opposite direction of the diagonal upward direction, the collision state of the media data in the diagonal upward direction is released, and the user's movement of the media data in the diagonal direction is restored. In some embodiments, if media data 704-2 is in a collision state in the diagonally upward direction, i.e., cannot be moved in the diagonally upward direction, and the user moves media data 704-2 in the diagonally downward direction, media data 704-2 can move in the diagonally downward direction, i.e., the collision state of the media data is released.

[0095] In some embodiments, when media data 704-2 is in a collision state with window 702-2 in an upward diagonal direction, the user can continue to move the media data in a downward longitudinal direction to cause the cross height 710 to not meet the preset condition, or continue to move the media data in a leftward transverse direction to cause the cross width 712 to not meet the preset condition, thereby allowing further movement in both the longitudinal and transverse directions. For example, if media data 704-2's horizontal cross width 712 in an upward diagonal direction reaches a set threshold width of 110px and its vertical cross height 710 also reaches a set threshold height of 110px, media data 704-2 is in a collision state. In this case, the user can drag the media data in a downward longitudinal direction to cause the vertical cross height to decrease to 120px, thus not meeting the threshold height condition, thereby allowing media data 704-2 to be moved in the longitudinal direction. The user can also drag the media data in a leftward transverse direction to cause the horizontal cross width to decrease to 120px, thus not meeting the threshold height condition, thereby allowing media data 704-2 to be moved in the transverse direction.

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

[0097] Figure 8 shows a schematic diagram of some embodiments of the present disclosure for moving media data 800 with an outer border. A user drags media data 806 in any direction within window 802; media data 806 includes an outer border 804. In some embodiments, the media data is an image. In some embodiments, the media data is a video. In some embodiments, the degree of intersection between the media data and the window is determined without considering the presence of outer border 804. The horizontal intersection length of media data 806 and window 802 is 808, and the vertical intersection height of media data 806 and window 802 is 810. In some embodiments, when determining the degree of intersection between an image with an irregular outer border and the window, the outer border of the irregular image is not considered. In this way, by accurately locating the degree of intersection between the content of the media data entity and the window, the range of media data movement can be better limited, making it easier for users to view the details of the media data entity, thereby improving the user experience when moving media data.

[0098] Figure 9 shows a block diagram of an apparatus 900 for moving media data according to some embodiments of the present disclosure. As shown in Figure 9, the apparatus 900 includes a media data movement detection module 902, which is configured to detect the user's movement of the media data in the window. The apparatus 900 also includes a crossover degree determination module 904, which is configured to determine the crossover degree between the media data and the window, where the crossover degree indicates the crossover width of the media data and the window in a first direction and / or the crossover height of the media data and the window in a second direction perpendicular to the first direction. The apparatus 900 also includes a media data movement stopping module 906, which is configured to stop the movement of the media data in the first direction and / or the second direction in response to the crossover degree satisfying a predetermined condition.

[0099] Figure 10 shows a block diagram of an electronic device 1000 of some embodiments of the present disclosure, and device 1000 can be the device or apparatus described in the embodiments of the present disclosure. As shown in Figure 10, 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 loaded from a storage unit 1008 into a random access memory (RAM) 1003. In RAM 1003, various programs and data required for the operation of device 1000 can also be stored. CPU / GPU 1001, ROM 1002 and RAM 1003 are connected to each other via bus 1004. Input / output (I / O) interface 1005 is also connected to bus 1004. Although not shown in Figure 10, device 1000 can also include a coprocessor.

[0100] Various components in device 1000 are connected to I / O interface 1005, including: an input unit 1006, such as a keyboard, mouse, etc.; an output unit 1007, such as various types of displays, speakers, etc.; a storage unit 1008, such as a magnetic disk, optical disk, etc.; and a communication unit 1009, such as a network card, modem, wireless communication transceiver, etc. The 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.

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

[0102] In some embodiments, the methods and processes described above may be implemented as a computer program product. The computer program product may include a computer-readable storage medium carrying computer-readable program instructions for executing various aspects of the present disclosure.

[0103] Computer-readable storage medium can be a tangible device that can keep and store the instructions used by the instruction execution device.Computer-readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device or any suitable combination thereof.More specific examples (non-exhaustive list) of computer-readable storage medium include: a portable computer disk, 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 disk (DVD), a memory stick, a floppy disk, a mechanical encoding device, for example, a punch card or a convex structure in a groove having instructions stored thereon, and any suitable combination thereof.Computer-readable storage medium used herein is not interpreted as a transient signal itself, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagated by waveguides or other transmission media (for example, light pulses by fiber optic cables), or electrical signals transmitted by wires.

[0104] The computer-readable program instructions described herein can be downloaded from a computer-readable storage medium to each computing / processing device, 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 can include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and / or edge servers. The 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 to be stored in the computer-readable storage medium in each computing / processing device.

[0105] The computer program instructions for performing the disclosed operation can be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state setting data or source code or the object code written in any combination of one or more programming languages, programming languages ​​include object-oriented programming languages, and conventional procedural programming languages.Computer-readable program instructions can be performed completely on a user's computer, partially on a user's computer, performed as an independent software package, partly on a user's computer and partly on a remote computer, or performed completely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer by any type of network-including local area network (LAN) or wide area network (WAN), or can be connected to an external computer (such as utilizing an internet service provider to connect by the internet). In certain embodiments, by utilizing the state information of computer-readable program instructions to carry out personalized customization electronic circuits, such as programmable logic circuits, field programmable gate arrays (FPGAs) or programmable logic arrays (PLA), this electronic circuit can perform computer-readable program instructions, thereby realizing various aspects of the present disclosure.

[0106] 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, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

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

[0108] The flow charts and block diagrams in the accompanying drawings show the possible architecture, functions and operations of the devices, methods and computer program products according to multiple embodiments of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and the part of the module, program segment or instruction contains one or more executable instructions for realizing the prescribed logical function. In some alternative implementations, the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart, can be implemented by a special hardware-based system that performs the prescribed function or action, or can be implemented by a combination of special hardware and computer instructions.

[0109] 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 skilled in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is selected to best explain the principles of the embodiments, practical applications, or technical improvements to existing technologies, or to enable other persons skilled in the art to understand the embodiments disclosed herein.

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

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

[0112] Detecting user movement of media data in the window;

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

[0114] In response to the intersection degree satisfying a predetermined condition, movement of the media data in the first direction and / or the second direction is stopped.

[0115] Example 2. The method of Example 1, further comprising:

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

[0117] Example 3. The method of any one of Examples 1-2, further comprising:

[0118] detecting a second movement of the media data by the user; and

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

[0120] Example 4. The method of any one of Examples 1-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 comprises:

[0121] determining whether a direction of the second movement is opposite to the first direction; and

[0122] 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.

[0123] Example 5. The method of any one of Examples 1-4, 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 comprises:

[0124] determining whether the direction of the second movement is opposite to the second direction; and

[0125] 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.

[0126] Example 6. The method of any one of Examples 1-5, 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 comprises:

[0127] determining whether a direction of the second movement is between the first direction and the second direction; and

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

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

[0130] In response to the intersection width of the media data and the window in the first direction reaching a first threshold width, the movement of the media data in the first direction is stopped; and / or in response to the intersection height of the media data and the window in the second direction reaching a second threshold height, the movement of the media data in the second direction is stopped.

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

[0132] In response to a ratio of an intersection width of the media data and the window in the first direction to a width of the media data in the first direction reaching a first threshold ratio, stopping movement of the media data in the first direction; and / or

[0133] In response to a ratio of an intersection height of the media data and the window in the second direction to a height of the media data in the second direction reaching a second threshold ratio, movement of the media data in the second direction is stopped.

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

[0135] In response to the product of the intersection width of the media data and the window in the first direction and the intersection height of the media data and the window in the second direction satisfying the area condition, the movement of the media data in the first direction and / or the second direction is stopped.

[0136] Example 10. A method according to any one of Examples 1-9, wherein the units of the cross width and / or the cross width and the width and / or height of the window are absolute units in a cascading style sheet, and the media data includes a picture or a video.

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

[0138] Obtaining text input by the user in a dialog box on a display interface;

[0139] Based on the input text, generating the media data by a text-media data generation model; and

[0140] The media data is displayed in the window of the display interface.

[0141] Example 12. The method of any of Examples 1-12, wherein determining a degree of intersection between the media data and the window comprises:

[0142] Determining whether the media data has an outer border;

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

[0144] Based on the actual intersection area, a degree of intersection between the media data and the window is determined.

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

[0146] a media data movement detection module, configured to detect movement of media data in a window by a user;

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

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

[0149] Example 14. The apparatus of Example 13, further comprising:

[0150] The media data collision state determination module is 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 intersection degree satisfying the predetermined condition, and the collision state indicates that the media data is prohibited from moving in the first direction and / or the second direction.

[0151] Example 15. The apparatus of any of Examples 13-14, further comprising:

[0152] a movement detection module, configured to detect a second movement of the media data by the user; and

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

[0154] Example 16. The apparatus of any 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 comprises:

[0155] a reverse direction determining module configured to determine whether the direction of the second movement is reverse to the first direction; and

[0156] The media data first direction release state determining module is configured to determine that the media data is in a release state in the first direction in response to determining that the direction of the second movement is opposite to the first direction.

[0157] Example 17. The apparatus of any 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 comprises:

[0158] a reverse direction determining module configured to determine whether the direction of the second movement is reverse to the second direction; and

[0159] The media data second direction release state determining module is configured to determine that the media data is in a release state in the second direction in response to determining that the direction of the second movement is opposite to the second direction.

[0160] Example 18. The apparatus of any 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 comprises:

[0161] a direction determination module configured to determine whether a direction of the second movement is between the first direction and the second direction; and

[0162] The release state determining module is configured to determine that the media data is in a release 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.

[0163] Example 19. The apparatus of any of Examples 13-18, wherein the media data movement stopping module comprises:

[0164] a first direction movement stopping module, configured to stop movement of the media data in the first direction in response to an intersection width between the media data and the window in the first direction reaching a first threshold width; and / or

[0165] The second direction movement stopping module is configured to stop the movement of the media data in the second direction in response to the intersection height of the media data and the window in the second direction reaching a second threshold height.

[0166] Example 20. The apparatus of any of Examples 13-19, wherein the media data movement stopping module comprises:

[0167] a first direction movement stopping module, configured to stop movement of the media data in the first direction in response to a ratio of an intersection width between the media data and the window in the first direction to a width of the media data in the first direction reaching a first threshold ratio; and / or

[0168] The second direction movement stopping module is configured to stop the movement of the media data in the second direction in response to a ratio of a height of an intersection of the media data and the window in the second direction to a height of the media data in the second direction reaching a second threshold ratio.

[0169] Example 21. The apparatus of any of Examples 13-20, wherein the media data stopping module comprises:

[0170] A movement stopping module stops the movement of the media data in the first direction and / or the second direction in response to the product of the intersection width of the media data and the window in the first direction and the intersection height of the media data and the window in the second direction satisfying the area condition.

[0171] Example 22. An apparatus according to any one of Examples 13-21, wherein the units of the cross width and / or the cross width and the width and / or height of the window are absolute units in a cascading style sheet, and the media data includes a picture or a video.

[0172] Example 23. The apparatus of any of Examples 13-22, further comprising:

[0173] A text acquisition module is configured to acquire text input by the user in the dialog box of the display interface;

[0174] a media data generation module configured to generate the media data based on the input text using a text-media data generation model; and

[0175] The media data display module is configured to display the media data in the window of the display interface.

[0176] Example 24. The apparatus of any of Examples 13-23, wherein the intersection degree determination module comprises:

[0177] An outer border determining module, configured to determine whether the media data has an outer border;

[0178] an actual intersection region determining module, configured to determine an actual intersection region between the media data and the window in response to the existence of an outer border of the media data; and

[0179] The intersection degree determination module is configured to determine the intersection degree between the media data and the window based on the actual intersection area.

[0180] Example 25. An electronic device comprising:

[0181] processor; and

[0182] A memory coupled to the processor, the memory having instructions stored therein, wherein when the instructions are executed by the processor, the electronic device performs actions, the actions comprising:

[0183] Detecting user movement of media data in the window;

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

[0185] In response to the intersection degree satisfying a predetermined condition, movement of the media data in the first direction and / or the second direction is stopped.

[0186] Example 26. The electronic device of Example 25, wherein the actions further comprise:

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

[0188] Example 27. The electronic device of any of Examples 25-26, detecting a second movement of the media data by the user; and

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

[0190] Example 28. The electronic device of any 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 comprises:

[0191] determining whether a direction of the second movement is opposite to the first direction; and

[0192] 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.

[0193] Example 29. The electronic device of any 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 comprises:

[0194] determining whether the direction of the second movement is opposite to the second direction; and

[0195] 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.

[0196] Example 30. The electronic device of any 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 comprises:

[0197] determining whether a direction of the second movement is between the first direction and the second direction; and

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

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

[0200] In response to an intersection width between the media data and the window in the first direction reaching a first threshold width, stopping movement of the media data in the first direction; and / or

[0201] In response to an intersection height between the media data and the window in the second direction reaching a second threshold height, movement of the media data in the second direction is stopped.

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

[0203] In response to a ratio of an intersection width of the media data and the window in the first direction to a width of the media data in the first direction reaching a first threshold ratio, stopping movement of the media data in the first direction; and / or

[0204] In response to a ratio of an intersection height of the media data and the window in the second direction to a height of the media data in the second direction reaching a second threshold ratio, movement of the media data in the second direction is stopped.

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

[0206] In response to the product of the intersection width of the media data and the window in the first direction and the intersection height of the media data and the window in the second direction satisfying the area condition, the movement of the media data in the first direction and / or the second direction is stopped.

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

[0208] Example 35. The electronic device of any of Examples 25-34, wherein the actions further comprise:

[0209] Obtaining text input by the user in a dialog box on a display interface;

[0210] Based on the input text, generating the media data by a text-media data generation model; and

[0211] The media data is displayed in the window of the display interface.

[0212] Example 36. The electronic device of any of Examples 25-35, wherein determining the degree of intersection between the media data and the window comprises:

[0213] Determining whether the media data has an outer border;

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

[0215] Based on the actual intersection area, a degree of intersection between the media data and the window is determined.

[0216] 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.

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

[0218] 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 on 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 comprises: 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 comprises: 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 comprises: 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 comprises: 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 the user on the media data in the window; 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