Method and apparatus for switching interface, and computing device and program product

The swipe gesture enables a natural transition from the standard editing page to the advanced editing page, solving the problem of inconvenient interaction design in existing technologies and improving users' utilization of advanced editing functions and the quality of submissions.

WO2026108740A1PCT designated stage Publication Date: 2026-05-28BEIJING ZITIAO NETWORK TECH CO LTD
View PDF 7 Cites 0 Cited by

Patent Information

Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
BEIJING ZITIAO NETWORK TECH CO LTD
Filing Date
2025-11-14
Publication Date
2026-05-28

AI Technical Summary

Technical Problem

In existing technologies, the interaction design from the normal editing page to the advanced editing page is inconvenient, causing users to fail to fully utilize the advanced editing functions and affecting the quality of submissions to short video platforms.

Method used

The user is guided from the normal editing page to the advanced editing page by swiping. In the interface design, the first area gradually shrinks, the second area gradually fades in, and the toolbar gradually fades out, achieving a natural transition.

Benefits of technology

It improved users' understanding of advanced editing capabilities, enhanced the ease of interaction on the advanced editing page, and improved the overall submission quality of short video platforms.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2025135135_28052026_PF_FP_ABST
    Figure CN2025135135_28052026_PF_FP_ABST
Patent Text Reader

Abstract

Provided in the present application are a method and apparatus for switching an interface, and a computing device, a computer-readable storage medium and a computer program product. The method comprises: displaying a first interface on a screen, wherein the first interface comprises a first area for playing a video and a toolbar for editing the video (710); and in response to detecting a sliding operation on the screen, gradually transitioning the first interface to a second interface in synchronization with the sliding operation, wherein the second interface comprises a second area for playing the video and an editing area for providing an enhanced editing capability for the video (720).
Need to check novelty before this filing date? Find Prior Art

Description

Methods, apparatus, computing devices, and program products for switching interfaces.

[0001] Cross-references to related applications

[0002] This application claims priority to Chinese Patent Application No. 202411679102.0, filed on November 21, 2024, entitled “Method, Apparatus, Device and Product for Switching Interfaces”, the entire contents of which are incorporated herein by reference. Technical Field

[0003] This disclosure relates to the field of computer technology, and more specifically, to a method, apparatus, computing device, computer-readable storage medium, and computer program product for switching interfaces. Background Technology

[0004] Currently, short video platforms typically offer creators a standard editing page and an advanced editing page. The standard editing page provides users with basic video editing functions (such as video trimming, music selection, and filter addition) to meet their simple video editing needs, allowing them to easily create short videos with a certain level of visual appeal. The advanced editing page offers richer and more professional video editing features (such as frame-level processing, effects addition, and multi-track editing) to enable users to create higher-quality video works. Summary of the Invention

[0005] In view of the above, this disclosure provides a method, apparatus, computing device, computer-readable storage medium, and computer program product for switching interfaces.

[0006] According to a first aspect of this disclosure, a method for switching interfaces is provided, comprising: displaying a first interface on a screen, the first interface including a first area for playing a video and a toolbar for editing the video; and, in response to detecting a swipe operation on the screen, gradually transitioning the first interface to a second interface in sync with the swipe operation, the second interface including a second area for playing a video and an editing area providing enhanced editing capabilities for the video.

[0007] According to a second aspect of this disclosure, an apparatus for switching interfaces is provided, comprising: a first interface display unit configured to display a first interface on a screen, the first interface including a first area for playing video and a toolbar for editing video; and an interface transition unit configured to, in response to detecting a swipe operation on the screen, gradually transition the first interface to a second interface in sync with the swipe operation, the second interface including a second area for playing video and an editing area providing enhanced editing capabilities for the video.

[0008] According to a third aspect of this disclosure, a computing device is provided, comprising: at least one processing unit; at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the computing device to perform the method as described in the first aspect of this disclosure.

[0009] According to a fourth aspect of this disclosure, a non-transient computer storage medium is provided, including machine-executable instructions that, when executed by a device, cause the device to perform the method as described in the first aspect of this disclosure.

[0010] According to a fifth aspect of this disclosure, a computer program product is provided, including machine-executable instructions that, when executed by a device, cause the device to perform the method as described in the first aspect of this disclosure.

[0011] The summary section is provided to present the chosen concepts in a simplified form, which will be further described in the detailed description below. The summary section is not intended to identify key or principal features of the claimed subject matter, nor is it intended to limit the scope of the claimed subject matter. Attached Figure Description

[0012] The above and other objects, features, and advantages of embodiments of the present disclosure will become more readily understood from the following detailed description with reference to the accompanying drawings. In the drawings, several embodiments of the present disclosure will be described by way of example and non-limitation, wherein:

[0013] Figure 1 shows a schematic diagram of a first interface according to an embodiment of the present disclosure;

[0014] Figure 2 shows a schematic diagram of a second interface according to an embodiment of the present disclosure;

[0015] Figure 3 shows a schematic diagram of the interface during the swipe-up operation according to an embodiment of the present disclosure;

[0016] Figure 4 shows a schematic diagram of a transition interface according to an embodiment of the present disclosure;

[0017] Figure 5 shows a schematic flowchart of a process for switching interfaces according to an embodiment of the present disclosure;

[0018] Figure 6A shows a schematic flowchart of the initialization process of an advanced editing page according to an embodiment of the present disclosure;

[0019] Figure 6B shows a schematic flowchart of the initialization process of another advanced editing page according to an embodiment of the present disclosure;

[0020] Figure 7 shows a schematic flowchart of a method for switching interfaces according to an embodiment of the present disclosure;

[0021] Figure 8 shows a block diagram of an apparatus for switching interfaces according to an embodiment of the present disclosure; and

[0022] Figure 9 shows a block diagram of an electronic device according to an embodiment of the present disclosure.

[0023] In all the accompanying figures, the same or similar reference numerals denote the same or similar elements. Detailed Implementation

[0024] This disclosure will now be discussed with reference to several example implementations. It should be understood that these implementations are discussed only to enable those skilled in the art to better understand and thus implement this disclosure, and not to imply any limitation on the scope of this disclosure.

[0025] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

[0026] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as the electronic device, application, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.

[0027] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0028] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0029] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0030] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The terms "first", "second", etc., may refer to different or the same objects unless explicitly stated. Other explicit and implicit definitions may also be included below.

[0031] This document uses a smartphone as an example to illustrate an exemplary user interface. However, those skilled in the art will understand that the embodiments of this disclosure are equally applicable to other devices with screens, such as tablets, laptops, desktop computers, wearable devices with screens, and devices with foldable screens. Furthermore, the interfaces provided herein are for illustrative purposes only, and some elements may be omitted or have different numbers, and may include more elements not shown. Additionally, the interfaces according to embodiments of this disclosure may have a different layout than those shown in the accompanying drawings, and the positions of the elements may also differ. This disclosure does not impose limitations in these respects.

[0032] The inventors noticed some problems. In applications with video editing capabilities, the existing interactive design for switching from the standard editing page to the advanced editing page is quite inconvenient. This leads some users to only use a few familiar function buttons (such as filters) within the standard editing page, without recognizing the more powerful video editing capabilities of the advanced editing page. Therefore, too many user submissions produced by standard editing are detrimental to improving the quality of submissions on short video platforms. Providing a convenient mechanism for switching between the standard and advanced editing pages would be beneficial.

[0033] In view of this, this disclosure provides a method for switching interfaces, which allows users to enter an advanced editing page from a normal editing page by swiping, thereby enhancing users' awareness of the advanced editing capabilities within the normal editing page, increasing user interaction for quick access to the advanced editing page, and improving the overall submission quality of the platform. The embodiments of this disclosure are described in detail below with reference to Figures 1 to 9.

[0034] Figure 1 illustrates a schematic diagram of a first interface 100 according to some embodiments of the present disclosure. In this document, the first interface 100 is an example of a general editing page according to embodiments of the present disclosure. When a user performs general editing of a short video using an electronic device, the electronic device can display the first interface 100 shown in Figure 1. The electronic device can be a terminal with a screen, such as a mobile phone, tablet computer, or laptop computer. For example, a user adds or records a short video through a short video application on the electronic device for general editing. In some implementations, the user can click or touch the general editing function icon on the screen to enter the first interface 100 as shown in Figure 1.

[0035] The first interface 100 may include a video playback area 101 (referred to as the first area), from which the user can view and play the video currently to be edited. The first interface 100 may also include a toolbar 102, which may include one or more interactive controls, such as settings icons, download icons, one-click video creation icons, text addition icons, filter icons, sticker icons, etc. In some implementations, the toolbar 102 may also include an advanced editing icon. The advanced editing icon can link to an advanced editing page (referred to as the second interface), so that when the user clicks or touches the advanced editing icon, the electronic device can jump to display the advanced editing page for the currently edited video. The first interface 100 may also include a control area 103, which includes other controls with different functions than the controls in the toolbar 102, such as controls 103-1 and 103-2. For example, when the user clicks control 103-1, the current video can be published directly, or when the user clicks or touches control 103-2, the user will be switched to the next page where they can configure more details of the video publication.

[0036] When a user interacts with the advanced editing icon on toolbar 102, or performs a swipe operation on the first interface 100, the electronic device can switch to displaying the second interface 200 as shown in FIG2, which illustrates a schematic diagram of the second interface 200 according to some embodiments of the present disclosure. It is understood that the first interface 100 in FIG1 is for illustrative purposes only, and ordinary editing pages may have different layouts or designs, which are not limited in this disclosure.

[0037] Figure 2 illustrates a schematic diagram of a second interface 200 according to an embodiment of the present disclosure. In this document, the second interface 200 is an example of an advanced editing page according to an embodiment of the present disclosure. As shown in Figure 2, the second interface 200 may include a video playback area 201 (which may be referred to as a second area) from which the user can view and play the video currently to be edited. The second interface 200 may also include an editing area 202, which provides enhanced editing capabilities for the video to be edited compared to the first interface 100. For example, the editing area 202 may include a timeline 203, allowing the user in the second interface 200 to perform frame-by-frame processing and multi-track editing of the video to be edited by dragging the timeline 203. The second interface 200 may also include an enhanced toolbar 204. The enhanced toolbar 204 includes controls that have the same functionality as the controls in the toolbar 102 of the first interface 100, and also includes one or more controls with enhanced functionality, such as audio editing icons, effects icons, etc.

[0038] According to embodiments of this disclosure, when a user uses a swipe gesture (e.g., an upward swipe gesture) to transition from a first interface 100 to a second interface 200, the electronic device can display a transition effect for the interface switch. In some embodiments, changes in the position of the user's gesture can cause changes in the position of the second page; in other words, the position of the second page follows the gesture, and wherever the gesture moves, the second page is displayed without any lag. Based on this approach, an interaction for quickly entering and exiting an advanced editing page from a normal editing page is provided, improving the user experience.

[0039] Figure 3 illustrates a schematic diagram 300 of an interface during a swipe-up operation according to some embodiments of the present disclosure. As shown in Figure 3, when a user uses a swipe-up gesture 301 on the first interface 100, the first area 101 can gradually shrink and move from the bottom to the top of the screen of the electronic device, while the editing area 202 of the second interface 200 fades in from the bottom of the screen. Simultaneously, the toolbar 102 and control area 103 in the first interface 100 can be gradually hidden in a fade-out manner. In some embodiments, the opacity of the editing area 202 of the second interface 200 and the control area 103 of the first interface 100 can change with the distance the gesture 301 moves. For example, the initial opacity of the editing area 202 is 0 and gradually increases, while the opacity of the control area 103 is initially 1 and gradually decreases. It is understood that the gesture 301 is for illustrative purposes only and is not displayed in the actual interface.

[0040] In some implementations, a threshold distance for the first region 101 to move upwards can be obtained first. Then, based on the ratio of the actual movement distance of the swipe gesture to the distance threshold, the first region 101 can be uniformly shrunk to make the transition effect more natural. The distance threshold can correspond to the distance from the target position of the editing area 202 (e.g., the top of the editor area 202 in Figure 2) to the bottom of the screen. When the actual distance moved by the swipe gesture reaches this distance threshold, it means that the first region 101 has shrunk and moved to the target position. In some embodiments, the distance threshold can also be greater than or less than the distance from the target position to the bottom (e.g., with a certain proportional relationship), thereby achieving a more refined or sensitive interface switching.

[0041] In some implementations, the transition effect shown in Figure 3 can be achieved by splicing the first interface 100 and the second interface 200. Figure 4 shows a schematic diagram 400 of a transition interface according to an embodiment of the present disclosure. As shown in Figure 4, the first interface 100 and the second interface 200 are spliced ​​together to form a transition interface 400. In the transition interface 400, the first interface 100 obscures the second region 201 of the second interface 200, and the editing area of ​​the second interface 200 is below the first region 101 of the first interface 100 and is preset to be transparent (i.e., the opacity is 0).

[0042] Therefore, after constructing the transition interface 400, the user's initial view on the screen is still the first interface 100. When the user performs an upward swipe gesture on the screen, the entire transition interface 400 is moved upward according to the distance of the swipe gesture, and the opacity of the editing area 202 of the second interface 200 is gradually adjusted to achieve a fade-in effect. Simultaneously, as the transition interface 400 moves upward, the opacity of the toolbar 102 and control area 103 is evenly adjusted to achieve a fade-out effect. When the upward movement distance of the editing area 202 of the transition interface 400 reaches a threshold, the occlusion of the second area 201 is eliminated, and the second interface 200 is fully displayed, thus achieving the switching display from the first interface 100 to the second interface 200. The process of switching interfaces is further explained below with reference to Figure 5.

[0043] Figure 5 shows a schematic flowchart of a process 500 for switching interfaces according to some embodiments of the present disclosure. As shown in Figure 5, in step 501, the user performs a swipe gesture input on the first interface 100. In step 502, the electronic device can determine whether swiping up to enter the advanced editing page is supported. If supported, in step 503, it continues to determine whether the user's swipe gesture is an upward swipe gesture. If it is an upward swipe gesture, in step 504, the electronic device can begin some data preparation and data processing work to construct the second interface 200.

[0044] Starting from step 505, the electronic device can begin constructing the transition interface 400. First, in step 505, the second area 201 of the second interface 200 is hidden by masking the first interface 100, and the editing area 202 is preset to transparent. In step 506, the second interface 200 can be positioned below the first interface 100 to complete the construction of the transition interface 400. In step 507, the position and opacity of the lower half of the second interface 200 can be adjusted based on the distance of the user's gesture swipe to achieve a fade-in effect. In step 508, when the user moves the second interface 200 a distance that reaches a threshold using gestures, the opacity of the editing area 202 can be set to 0, and the masking of the second area 201 can be removed to display the entire second interface. Finally, in step 509, the interface switching process ends.

[0045] In some implementations, a threshold for the user's gesture swipe distance can also be set. When the user completes the swipe gesture and releases their hand, if the movement distance of the second interface 200 has not yet reached the threshold while the user's gesture swipe distance has, an animation effect can be used to move the second interface 200 to its final position.

[0046] The inventors also noted that the initialization process of the advanced editing page also affects the continuity and smoothness of the swipe-up process. Figure 6A shows a schematic flowchart of an initialization process 600A of an advanced editing page according to some embodiments of the present disclosure. As shown in Figure 6A, the initialization process may include the following steps: model state switching 601, copying model data 602, preprocessing model data 603, resetting confirmation 604, and UI refresh 605. After the swipe-up gesture is recognized, the entire initialization process of the advanced editing page runs serially in the main thread. Based on the above, the transition process of the interface display may be affected by the excessive time consumption of some steps (e.g., copying model data 602 and preprocessing model data 603), thus affecting its smoothness.

[0047] Figure 6B illustrates a schematic flowchart of another advanced editing page initialization process 600B according to some embodiments of the present disclosure, including another example of the initialization process for an advanced editing page. As shown in Figure 6B, the steps in the initialization process are distributed to be executed simultaneously in the main thread and background threads. The relatively time-consuming steps of copying model data 602 and preprocessing model data 603 are distributed to be executed in the background thread, while the other steps are executed sequentially in the main thread. In this way, the advanced editing page can be constructed more quickly when the user performs an upward swipe input, ensuring the continuity and smoothness of the entire interface switching display process.

[0048] The interface design and interaction process for switching from a normal editing page to an advanced editing page according to embodiments of the present disclosure are described above with reference to Figures 1 to 6B. Compared with existing interface switching display designs, embodiments of the present disclosure allow users to enter the advanced editing page from the normal editing page by swiping, thereby enhancing users' awareness of the advanced editing capabilities within the normal editing page, increasing user interaction for quick access to the advanced editing page, and improving the overall submission quality of the platform.

[0049] Figure 7 illustrates a flowchart of a method 700 for switching interfaces according to some embodiments of the present disclosure. Method 700 can be implemented by any electronic device including a screen that has computing and display capabilities. At block 710, a first interface is displayed on the screen, the first interface including a first area for playing video and a toolbar for editing video. At block 720, in response to detecting a swipe operation on the screen, the first interface is gradually transitioned to a second interface in sync with the swipe operation, the second interface including a second area for playing video and an editing area providing enhanced editing capabilities for the video. By way of example only, the first interface could be the first interface 101 in Figure 1, and the second interface could be the interface 200 in Figure 2.

[0050] In some embodiments, the first region occupies at least the bottom of the screen, and the swipe operation includes an upward swipe operation starting from the bottom of the first interface, wherein the gradual transition of the first interface to the second interface in sync with the swipe operation includes: shrinking the first region and moving it from the bottom to the top of the screen during the movement of the upward swipe operation, while simultaneously sliding the editing area of ​​the second interface from the bottom of the screen.

[0051] In some embodiments, during the swipe-up movement, the editing area of ​​the second interface fades in from the bottom of the screen.

[0052] In some embodiments, during the swipe-up operation, the toolbar of the first interface is gradually hidden in a fade-out manner.

[0053] In some embodiments, shrinking the first region includes: obtaining a distance threshold for the first region to move upwards; and shrinking the first region based on the ratio of the actual movement distance of the swipe operation to the distance threshold.

[0054] In some embodiments, method 700 may further include: in response to the first region moving a distance toward the top reaching the distance threshold, switching the display of the second region at the position of the first region.

[0055] In some embodiments, method 700 may further include: constructing a transition page by splicing a first interface and a second interface, wherein the first interface obscures a second area of ​​the second interface in the transition interface, and the editing area of ​​the second interface is below the first area and is preset to be transparent; in response to detecting a user's swipe-up operation, moving the transition interface upward and adjusting the opacity of the editing area of ​​the second interface according to the movement distance of the swipe-up operation; and in response to the upward movement distance of the editing area of ​​the second interface reaching a threshold, eliminating the obscuration of the second area and fully displaying the second editing function area.

[0056] In some embodiments, the process of transitioning from the first interface to the second interface is performed in the main thread, and method 700 may further include: in response to detecting a swipe operation, performing data preparation and data repair operations in a background thread.

[0057] In some embodiments, the toolbar of the first interface includes an interface switching control, and the method 700 may further include: in response to the interface switching control being triggered, switching the screen from the first interface to the second interface.

[0058] In some embodiments, method 700 may further include: the editing area of ​​the second interface includes a region for editing video frame by frame and a toolbar.

[0059] Figure 8 shows a schematic block diagram of an apparatus 800 for switching interfaces according to an embodiment of the present disclosure. As shown in Figure 8, the apparatus 800 includes: a first interface display unit 810 configured to display a first interface on a screen, the first interface including a first area for playing video and a toolbar for editing video. The apparatus 800 also includes an interface transition unit 820 configured to, in response to detecting a swipe operation on the screen, gradually transition the first interface to a second interface in synchronization with the swipe operation, the second interface including a second area for playing video and an editing area providing enhanced editing capabilities for the video.

[0060] It should be noted that more elements shown in Figures 1 to 7 can be implemented using the device 800 shown in Figure 8. For example, device 800 may include more modules or units to implement the elements described above, or some of the units or modules shown in Figure 8 may be further configured to implement the elements described above. This will not be repeated here.

[0061] Figure 9 shows a schematic block diagram of an example device 900 that can be used to implement embodiments of the present disclosure. As shown, the device 900 includes a computing unit 901, which can perform various appropriate actions and processes according to computer program instructions stored in a read-only memory (ROM) 902 or loaded from a storage unit 906 into a random access memory (RAM) 903. Various programs and data required for the operation of the device 900 may also be stored in the RAM 903. The computing unit 901, ROM 902, and RAM 903 are interconnected via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0062] Multiple components in device 900 are connected to I / O interface 905, including: input unit 906, such as touchscreen, keyboard, mouse, etc.; output unit 907, such as various types of displays (e.g., interactive displays, such as touchscreens), speakers, etc.; storage unit 908, such as disk, optical disk, etc.; and communication unit 909, such as network card, modem, wireless transceiver, etc. Communication unit 909 allows device 900 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0063] The computing unit 901 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 901 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 901 performs the various methods and processes described above, such as method 700. For example, in some embodiments, method 700 may be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 908. In some embodiments, part or all of the computer program may be loaded and / or installed on device 900 via ROM 902 and / or communication unit 909. When the computer program is loaded into RAM 903 and executed by the computing unit 901, one or more steps of method 700 described above may be performed. Alternatively, in other embodiments, the computing unit 901 may be configured to perform method 700 by any other suitable means (e.g., by means of firmware).

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

[0065] Computer-readable storage media can be tangible devices capable of holding and storing instructions for use by an instruction execution device. Computer-readable storage media can be, for example—but not limited to—electrical storage devices, magnetic storage devices, optical storage devices, electromagnetic storage devices, semiconductor storage devices, or any suitable combination thereof. More specific examples (a non-exhaustive list) of computer-readable storage media include: portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), static random access memory (SRAM), portable compact disc read-only memory (CD-ROM), digital multifunction disc (DVD), memory sticks, floppy disks, mechanical encoding devices, such as punch cards or recessed protrusions storing instructions thereon, and any suitable combination thereof. The computer-readable storage media used herein are not to be construed as transient signals themselves, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through waveguides or other transmission media (e.g., light pulses through fiber optic cables), or electrical signals transmitted through wires.

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

[0067] Computer program instructions used to perform the operations of this disclosure may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-dependent instructions, microcode, firmware instructions, status setting data, or source code or object code written in any combination of one or more programming languages, including object-oriented programming languages ​​and conventional procedural programming languages. The computer-readable program instructions may execute entirely on a user's computer, partially on a user's computer, as a standalone software package, partially on a user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or may be connected to an external computer (e.g., via the Internet using an Internet service provider). In some embodiments, electronic circuitry, such as programmable logic circuitry, field-programmable gate arrays (FPGAs), or programmable logic arrays (PLAs), is personalized by utilizing the status information of the computer-readable program instructions to implement various aspects of this disclosure.

[0068] 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 apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

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

[0070] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of devices, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction containing one or more executable instructions for implementing a specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those shown in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0071] The various embodiments of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they 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 chosen to best explain the principles, practical application, or technical improvements to the technology in the market, or to enable others skilled in the art to understand the embodiments disclosed herein.

Claims

1. A method for switching interfaces, comprising: A first interface is displayed on the screen, the first interface including a first area for playing video and a toolbar for editing said video; as well as In response to detecting a swipe operation on the screen, the first interface is gradually transitioned to a second interface in sync with the swipe operation. The second interface includes a second area for playing the video and an editing area that provides enhanced editing capabilities for the video.

2. The method of claim 1, wherein the first region occupies at least the bottom of the screen, the swiping operation includes an upward swiping operation starting from the bottom of the first interface, wherein synchronously transitioning the first interface to the second interface with the swiping operation includes: During the swipe operation, the first area is shrunk and moved from the bottom to the top of the screen, while the editing area of ​​the second interface slides in from the bottom of the screen.

3. The method of claim 2, wherein during the movement of the swipe operation, the editing area of ​​the second interface fades in from the bottom of the screen.

4. The method of claim 3, wherein during the movement of the swipe operation, the toolbar of the first interface is gradually hidden in a fade-out manner.

5. The method of claim 2, wherein reducing the first region comprises: Obtain the threshold distance that the first region moves towards the top; as well as The first region is reduced based on the ratio of the actual movement distance of the swipe operation to the distance threshold.

6. The method according to claim 5, further comprising: In response to the first region moving upwards to the top a distance that reaches the distance threshold, the second region is switched to be displayed at the position of the first region.

7. The method according to claim 1, further comprising: A transition page is constructed by splicing the first interface and the second interface. In the transition page, the first interface covers the second area of ​​the second interface, and the editing area of ​​the second interface is below the first area and is preset to be transparent. In response to detecting an upward swipe operation on the screen, the transition interface is moved upward and the opacity of the editing area of ​​the second interface is adjusted according to the movement distance of the upward swipe operation; as well as In response to the upward movement distance of the editing area of ​​the second interface reaching a threshold, the obstruction of the second area is eliminated and the second editing function area is fully displayed.

8. The method according to claim 1, wherein the process of transitioning from the first interface to the second interface is performed in the main thread, and the method further comprises: In response to the detection of a swipe operation on the screen, data preparation and data repair operations are performed in a background thread.

9. The method according to claim 1, wherein the toolbar of the first interface includes an interface switching control, and the method further includes: In response to the triggering of the interface switching control, the screen switches from the first interface to the second interface.

10. The method of claim 1, wherein the editing area of ​​the second interface includes a region for editing the video frame by frame and a toolbar.

11. A system for switching interfaces, comprising: The first interface display unit is configured to display a first interface on the screen, the first interface including a first area for playing video and a toolbar for editing the video; as well as An interface transition unit is configured to, in response to detecting a swipe operation on the screen, synchronously transition the first interface to a second interface, the second interface including a second area for playing the video and an editing area providing enhanced editing capabilities for the video.

12. A computing device, comprising: At least one processing unit; At least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the computing device to perform the method as described in any one of claims 1 to 10.

13. A computer storage medium comprising machine-executable instructions that, when executed by a device, cause the device to perform the method as described in any one of claims 1 to 10.

14. A computer program product comprising machine-executable instructions that, when executed by a device, cause the device to perform the method as described in any one of claims 1 to 10.

Citation Information

Patent Citations

  • Display interface switching method, electronic equipment and computer readable storage medium

    CN109857325A

  • Video processing method and device, electronic equipment and computer readable storage medium

    CN111629252A

  • Page switching method and device, equipment and medium

    CN113010249A

  • Interface processing method and device, electronic equipment and computer readable storage medium

    CN113918073A

  • Media data editing method and device, electronic equipment and storage medium

    CN118075537A