Screen recording method, device, electronic device, storage medium and program product

Abstract

The present disclosure provides a screen recording method, device, electronic device, storage medium and program product. The method comprises: displaying a first control in a display area of ​​the screen; displaying a second control in the display area in response to a trigger operation on the first control; and recording target display content in the display area in response to a drag operation of moving the first control to the second control.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a screen recording method, device, electronic device, storage medium and program product. Background Art

[0002] On some platforms, users can record videos using the screen recording function provided by the platform.

[0003] However, due to screen limitations, the entrance to the screen recording function is relatively hidden and not easy to notice; at the same time, the activation of the screen recording function is rather cumbersome and inconvenient to start the function. Summary of the invention

[0004] In view of this, the purpose of the present disclosure is to provide a screen recording method, device, electronic device, storage medium and program product.

[0005] Based on the above purpose, the first aspect of the present disclosure provides a screen recording method, comprising:

[0006] Displaying a first control in a display area of ​​the screen;

[0007] In response to a trigger operation on the first control, displaying a second control in the display area;

[0008] In response to a drag operation of moving the first control to the second control, target display content in the display area is recorded.

[0009] Optionally, the second control includes a first sub-control and a second sub-control; and in response to the drag operation of moving the first control to the second control, recording the target display content in the display area includes:

[0010] In response to a drag operation of moving the first control to the first sub-control, recording the target display content in the display area with the current time as the starting node; or

[0011] In response to a drag operation of moving the first control to the second sub-control, the target display content in the display area is recorded back with the current time as the end node.

[0012] Optionally, before recording the target display content in the display area, the method further includes:

[0013] In response to a dragging operation of dragging the first control to at least partially overlap with the first sub-control, highlighting the first sub-control;

[0014] or,

[0015] In response to a dragging operation of dragging the first control to at least partially overlap with the second sub-control, the second sub-control is highlighted.

[0016] Optionally, in response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the first sub-control, the method further includes:

[0017] In response to a release operation on the first control, the first sub-control is changed into a third sub-control, and the third sub-control includes a recording stop component and a recording time recording component.

[0018] Optionally, also include:

[0019] In response to a trigger operation on the recording stop component in the third subcontrol, the recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process a screen recording file obtained by recording the target display content.

[0020] Optionally, in response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the second sub-control, the method further includes:

[0021] In response to a release operation on the first control, changing the second sub-control into a fourth sub-control,

[0022] The fourth sub-control includes a recording progress component.

[0023] Optionally, also include:

[0024] In response to the recording progress component in the fourth sub-control changing from a first state to a second state, the re-recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process the screen recording file obtained by recording the target display content.

[0025] Optionally, the first control is displayed at a first boundary of the display area; and the method further includes:

[0026] In response to the first control not overlapping with the second control after a release operation on the first control, the first control is controlled to move to a second boundary of the display area for display, and the second control is hidden.

[0027] Optionally, controlling the first control to move to a second boundary of the display area for display includes:

[0028] The distance between the current position of the first control in the display area and each boundary of the display area is obtained, the second boundary with the shortest distance is obtained, and the first control is controlled to move to the second boundary.

[0029] Optionally, in response to the triggering operation on the first control, after the second control is displayed in the display area, the method further includes:

[0030] A path indication mark pointing from the first control to the second control is displayed in the display area.

[0031] Optionally, the first control is displayed at a first boundary of the display area, and the second control is displayed at a third boundary of the display area;

[0032] The first boundary and the third boundary are adjacent boundaries or opposite boundaries.

[0033] A second aspect of the present disclosure provides a screen recording device, comprising:

[0034] A display module, configured to: display a first control in a display area of ​​the screen;

[0035] A trigger module, configured to: display a second control in the display area in response to a trigger operation on the first control;

[0036] The recording module is configured to record the target display content in the display area in response to a drag operation of moving the first control to the second control.

[0037] A third aspect of the present disclosure provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, any one of the methods described in the first aspect is implemented.

[0038] A fourth aspect of the present disclosure provides a non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, and the computer instructions are used to enable the computer to execute any one of the methods described in the first aspect.

[0039] A fifth aspect of the present disclosure provides a computer program product, comprising computer program instructions, which, when executed on a computer, enable the computer to execute the method as described in any one of the first aspects.

[0040] From the above, it can be seen that the screen recording method, device, electronic device, storage medium and program product provided by the present disclosure can quickly start the screen recording or re-recording function by dragging the first control to the first sub-control or the second sub-control in different areas; using the internal recording capability, the user only needs to select re-recording after encountering a wonderful picture to save the previous 30 seconds of video pictures, without having to manually start the screen recording in advance; it also eliminates the complicated function panel when starting the screen recording, helping users to save the wonderful content of the game more easily, reducing the user's operating costs and improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] In order to more clearly illustrate the technical solutions in the present disclosure or related technologies, the drawings required for use in the embodiments or related technical descriptions are briefly introduced below. Obviously, the drawings described below are only embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0042] Figure 1A A schematic diagram showing an exemplary page in the related art is shown.

[0043] Figure 1B A schematic diagram showing an exemplary page in the related art is shown.

[0044] Figure 1C A schematic diagram showing an exemplary page in the related art is shown.

[0045] Figure 1D A schematic diagram showing an exemplary page in the related art is shown.

[0046] Figure 1E A schematic diagram showing an exemplary page in the related art is shown.

[0047] Figure 2 A schematic diagram of an exemplary system 100 provided by an embodiment of the present disclosure is shown.

[0048] Figure 3A A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0049] Figure 3B A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0050] Figure 3C A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0051] Figure 3D A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0052] Figure 3E A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0053] Figure 3F A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0054] Figure 3G A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0055] Figure 3H A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0056] Fig. 3I A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0057] Figure 3J A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0058] Figure 3K A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0059] Figure 3L A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0060] Figure 4A The figure is a schematic diagram showing an exemplary page according to an embodiment of the present disclosure.

[0061] Figure 4B The figure is a schematic diagram showing an exemplary page according to an embodiment of the present disclosure.

[0062] Figure 5 A flowchart of an exemplary method provided by an embodiment of the present disclosure is shown.

[0063] Figure 6 A schematic diagram of an exemplary device provided by an embodiment of the present disclosure is shown.

[0064] Figure 7 A schematic diagram of the hardware structure of an exemplary computer device provided in an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0065] In order to make the objectives, technical solutions and advantages of the present disclosure more clearly understood, the present disclosure is further described in detail below in combination with specific embodiments and with reference to the accompanying drawings.

[0066] It should be noted that, unless otherwise defined, the technical terms or scientific terms used in the embodiments of the present disclosure should be understood by people with ordinary skills in the field to which the present disclosure belongs. The "first", "second" and similar words used in the embodiments of the present disclosure do not indicate any order, quantity or importance, but are only used to distinguish different components. "Including" or "comprising" and similar words mean that the elements or objects appearing before the word cover the elements or objects listed after the word and their equivalents, without excluding other elements or objects. "Connect" or "connected" and similar words are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. "Up", "down", "left", "right" and the like are only used to indicate relative positional relationships. When the absolute position of the described object changes, the relative positional relationship may also change accordingly.

[0067] With the continuous development of the game industry and the surge in the number of gamers, gamers have higher demands for gaming experience. One of the demands is to record the game screen into a screen recording video, so as to save the video locally or upload the video to the game platform, so that players can share the wonderful moments of the game.

[0068] In related technologies, such as Figure 1A As shown, the entrance to the screen recording function is generally set in the floating ball control 901 of the page 100, or, as shown in FIG. Figure 1E As shown, the entrance to the screen recording function is set in the drop-down panel 904. Taking the floating ball control 901 as an example, when the screen recording function is not turned on, the floating ball 910 is in a retracted state and adsorbed on the edge of the screen. When the screen recording function needs to be turned on, you need to first click the floating ball control 901 to open the screen recording control, and then click the screen recording control to realize screen recording. This screen recording method requires the user to operate multiple times, but the user usually concentrates on the game operation during the game, and this startup method is cumbersome and inconvenient to start. At the same time, this screen recording method requires the user to manually turn on the screen recording before recording the game screen and operation, but it is usually difficult for users to predict when the exciting moments and operations of the game will appear, so it is easy to miss such content.

[0069] To solve the above problems, some platforms provide a replay function. After the user activates the replay function, the screen will be recorded and the game will be played normally. When a wonderful scene is encountered in the game, the game screen within the first 30 seconds can be saved by clicking the replay button, while other scenes that have not been replayed will not be saved. This allows users to save previous scenes after a wonderful scene occurs, solving the problem that users cannot judge.

[0070] However, in order to realize both the normal free recording function and the playback function, such as Figure 1BAs shown, an operation panel 902 for selecting a free recording function or a replay function is added, that is, after the user clicks the floating ball control 901, the operation panel 902 is displayed on the page 100, and the user realizes recording by clicking the free recording component or the replay component on the operation panel 902; for example, Figure 1C-Figure 1D As shown, when the user clicks the replay function, the replay progress component 903 is displayed on the page 100. After the replay is completed, the recorded screen file can be processed. In this way, whether the user performs free recording or replay, the user needs to click multiple times, which has a higher operating cost for the user and a poor user experience.

[0071] In view of this, an embodiment of the present disclosure provides a screen recording method, by displaying a first control in the display area of ​​the screen; displaying a second control in the display area in response to a trigger operation on the first control; and recording target display content in the display area in response to a drag operation of moving the first control to the second control, thereby reducing the user's operating cost in the game and improving the user experience.

[0072] Figure 2 A schematic diagram of an exemplary system 100 provided by this embodiment is shown.

[0073] like Figure 2 As shown, the system 100 may include at least one terminal 102 and a server 104. In some embodiments, the system 100 may be applied to application scenarios such as game scenarios and live broadcast scenarios that require a screen recording function.

[0074] Take the application of the system 100 in a game scenario as an example. The server 104 is used to provide game services; the terminal 102 can be a terminal corresponding to the user, which has an application corresponding to the game scenario installed and running. The screen of the terminal 102 includes a display area. When the terminal 102 runs the application, the display area on the screen of the terminal 102 displays the user interface of the application. The application can be any one of a multiplayer online tactical competitive game (Multiplayer Online Battle Arena Games, MOBA), a battle royale shooting game, a simulation game (SLG), a three-dimensional map program, a military simulation program, a horizontal shooting, a horizontal adventure, a horizontal level, a horizontal strategy, a virtual reality (Virtual Reality, VR) application, and an augmented reality (Augmented Reality, AR) program.

[0075] The server 104 may be a single server or multiple servers. In a multiple server scenario, these servers may adopt a distributed architecture and may form a server cluster.

[0076] Combine the following Figure 2 The illustrated system 100 specifically illustrates the technical solution of the present disclosure.

[0077] In some embodiments, when the user of terminal 102 starts an application on terminal 102 , a graphical user interface of the application may be displayed in a display area of ​​the screen of terminal 102 , and a first control may be displayed in the display area of ​​the screen of terminal 102 .

[0078] like Figure 3A As shown, when the user of the terminal 102 starts an application on the terminal 102, for example, when starting a game, the game scene and other display contents are displayed in the display area 200 of the screen, and the first control 201 is displayed in the display area 200.

[0079] In some embodiments, the first control 201 is displayed on the first border of the display area 200, that is, the first control 201 is displayed by being adsorbed on the first border of the display area 200. For example, the first control 201 can be displayed by being adsorbed on the upper left corner of the display area 200 in the form of a floating ball.

[0080] In some embodiments, in response to the first control 201 being displayed in the display area 200, the target display content in the display area 200 is recorded, and the recording files whose time interval is greater than a preset time length from the current time point are deleted.

[0081] In this embodiment, when the first control 201 is displayed in the display area 200, the screen recording function can be automatically turned on in the background to record the target display content in the display area 200, and it is not displayed in the foreground display area 200. If the user of the terminal 102 does not perform screen recording related operations, the recording files that are greater than a preset time (for example, 30 seconds) from the current time point are deleted. For example, after recording for 60 seconds, the cache of the recording files of the first 30 seconds is automatically deleted, thereby ensuring game performance and sufficient space.

[0082] Alternatively, the screen recording function may not be automatically turned on in the background for recording, and this embodiment does not impose any restrictions on this.

[0083] In some embodiments, Figure 3B As shown, the terminal 102 displays the second control 202 in the display area 200 in response to the triggering operation on the first control.

[0084] In this embodiment, when the user of the terminal 102 starts the application on the terminal 102, the second control 202 is in a hidden state, that is, the second control 202 is not displayed in the display area 200. When the user of the terminal 102 needs to perform a screen recording operation, the user of the terminal 102 triggers the first control 201, for example, the user of the terminal 102 clicks the first control 201, and the terminal 102 responds to the triggering operation on the first control 201, and the second control 202 is displayed in the display area 200.

[0085] like Figure 3B As shown, the shape of the second control 202 may be a rectangle, and it is displayed on the third boundary of the display area 200 , that is, the second control 202 is adsorbed on the third boundary of the display area 200 and displayed.

[0086] When the terminal 102 displays the second control 202 in response to the triggering operation on the first control 201 , the position of the second control 202 on the display area 200 does not overlap with the position of the first control 201 on the display area 200 .

[0087] Optionally, the first boundary and the third boundary may be the same boundary, for example, the first control 201 and the second control 202 are both adsorbed to the left boundary of the display area 200 for display.

[0088] Optionally, the first boundary and the third boundary may be different boundaries, and the first boundary and the third boundary may be opposite boundaries or adjacent boundaries of the display area 200 .

[0089] like Figure 3B As shown, when the screen of the terminal 102 is displayed in portrait mode, the first boundary and the third boundary are two relative boundaries of the display area 200, so that the terminal 102 can drag the first control 201 to perform a screen recording operation; Figure 4A , Figure 4B As shown, when the screen of the terminal 102 is displayed in landscape mode, the first boundary and the third boundary are two adjacent boundaries of the display area 300, so that the terminal 102 can easily drag the first control 201 to perform a screen recording operation.

[0090] In some embodiments, the terminal 102 records the target display content in the display area 200 in response to the drag operation of moving the first control 201 to the second control 202 .

[0091] In this embodiment, the user of the terminal 102 drags the first control 201 to move the position of the first control 201 in the display area 200. When the user of the terminal 102 moves the first control 201 to the second control 202, for example, when the first control 201 and the second control 202 at least partially overlap, the terminal 102 records the target display content in the display area 200. The target display content may be part of the content displayed in the display area 200, for example, only including the game match content in the game scene, but not including the first control 201 and the second control 202; for example, only including the live broadcast room page display content in the live broadcast scene, but not including pop-up windows of other applications, etc.; or, the target display content may also be all the display content in the display area 200, which is not limited in this embodiment.

[0092] In the above embodiment, after the user of the terminal 102 clicks the first control 201 with a finger to trigger the first control 201, the second control 202 is displayed in the display area 200. Afterwards, if the user's finger leaves the screen, the second control 202 is still displayed in the display area 200, and the user can continue to drag the first control 201, and the first control 201 can be moved to the second control 202 to start the recording function.

[0093] Alternatively, after the user of the terminal 102 clicks the first control 201 with a finger to trigger the first control 201, the second control 202 is displayed in the display area 200. Afterwards, if the user's finger leaves the screen, the second control 202 is hidden; if the user of the terminal 102 directly drags the first control 201 without leaving the screen, the first control 201 can be moved to the second control 202 to start the recording function. That is, in this embodiment, during the triggering operation and dragging operation of the first control 201, the user's finger does not leave the screen, so when the user of the terminal 102 turns on the screen recording function, only one touch operation is required to turn on the screen recording function, and the operation cost is low and the experience is good.

[0094] In some embodiments, Figure 3B As shown, after the second control 202 is displayed in the display area 200, a path indication mark 203 pointing from the first control 201 to the second control 202 is displayed in the display area 200. The path indication mark 203 may be an arrow icon or an arrow animation mark, and the path indication mark 203 prompts the user of the terminal 102 to drag the first control 201 to the second control 202 to start the screen recording function.

[0095] In some embodiments, the second control 202 includes a first sub-control 2021 and a second sub-control 2022. The first sub-control 2021 is used to realize the normal recording of the target display content, and it displays a prompt message of "Drag here to start screen recording"; the second sub-control 2022 is used to realize the re-recording of the target display content, and it displays a prompt message of "Drag here to re-record for XX (for example, 30) seconds".

[0096] In some embodiments, in response to the dragging operation of moving the first control 201 to the first sub-control 2021 , the terminal 102 records the target display content in the display area 200 with the current time as the starting node.

[0097] In this embodiment, since the first sub-control 2021 is used to realize normal recording of the target display content, when the user of the terminal 102 drags the first control 201 and moves the first control 201 to the first sub-control 2021, the target display content in the display area 200 is recorded with the current time as the starting node, thereby realizing normal recording of the target display content.

[0098] Optionally, when the target display content is normally recorded through the first sub-control 2021, the background recording of the target display content can be automatically stopped, and the screen recording file recorded in the background can be deleted.

[0099] In some embodiments, Figure 3C As shown, in response to the dragging operation of dragging the first control 201 to at least partially overlap with the first sub-control 2021 , the terminal 102 highlights the first sub-control 2021 .

[0100] In this embodiment, it is assumed that the user of the terminal 102 performs a drag operation on the first control 201, and drags the first control 201 to at least partially overlap with the first sub-control 2021. At this time, the first sub-control 2021 is highlighted, so that the user of the terminal 102 can more easily see that the first control 201 has been dragged to the first sub-control 2021. Optionally, the first sub-control 2021 can be displayed in a floating magnification, highlighting, etc. to achieve the highlighting of the first sub-control 2021.

[0101] After highlighting the first sub-control 2021, the terminal 102 changes the first sub-control 2021 into a third sub-control 205 in response to a release operation on the first control 201, and the third sub-control 205 includes a recording stop component 2051 and a recording time recording component 2052. The recording stop component 2051 is used to stop the screen recording function, and the recording time recording component 2052 is used to record the recording time.

[0102] like Figure 3C As shown, when the first control 201 is dragged to the first sub-control 2021, the prompt information of the first sub-control 2021 changes from "Drag here to start screen recording" to "Release to start screen recording", thereby prompting the user of the terminal 102 to take the finger off the screen to release the first control 201 to achieve the recording of the target display content.

[0103] When the user of the terminal 102 releases the finger from the screen to release the first control 201, Figure 3D , Figure 3E As shown, the first sub-control 2021 gradually changes from the transition component 204 to the third sub-control 205, and the target display content in the display area 200 is recorded with the time after the release operation is performed as the starting node.

[0104] Since the third sub-control 205 includes a recording stop component 2051, when the recording function needs to be stopped, the terminal 102 responds to the trigger operation of the recording stop component 2051 in the third sub-control 205, stops recording the target display content and displays the first page 300 in the display area 200, and the first page 300 is used to process the screen recording file obtained by recording the target display content.

[0105] In this embodiment, when the user of the terminal 102 clicks the recording stop component 2051, the terminal 102 stops recording the target display content and displays the first page 300 in the display area 200 in response to the triggering operation on the recording stop component 2051. Figure 3F As shown, the first page 300 includes a display window 301, which displays information such as "Screen recording completed and saved locally" and editing progress. In addition, the first page 300 also includes components for implementing manual editing, sharing and other functions, thereby realizing manual editing, sharing and other processing of the screen recording file obtained by recording the target display content.

[0106] In some other embodiments, in response to the dragging operation of moving the first control 201 to the second sub-control 2022, the terminal 102 replays the target display content in the display area 200 with the current time as the end node.

[0107] In this embodiment, since the second subcontrol 2022 is used to realize the replay of the target display content, when the user of the terminal 102 drags the first control 201 and moves the first control 201 to the second subcontrol 2022, the target display content in the display area 200 is replayed with the current time as the end node to obtain a screen recording file. For example, a 30s replay file with the current time as the end node can be obtained.

[0108] Optionally, when the target display content is normally recorded through the first sub-control 2021, the background recording of the target display content can be automatically stopped, and the screen recording file recorded in the background can be deleted.

[0109] In some embodiments, Figure 3G As shown, in response to the dragging operation of dragging the first control 201 to at least partially overlap with the second sub-control 2022 , the terminal 102 highlights the second sub-control 2022 .

[0110] In this embodiment, it is assumed that the user of the terminal 102 performs a drag operation on the first control 201, and drags the first control 201 to at least partially overlap with the second sub-control 2022. At this time, the second sub-control 2022 is highlighted, so that the user of the terminal 102 can more easily see that the first control 201 has been dragged to the second sub-control 2022. Optionally, the second sub-control 2022 can be displayed in a floating magnification, highlighting, etc. to achieve the highlighting of the second sub-control 2022.

[0111] After highlighting the second sub-control 2022, the terminal 102 changes the second sub-control 2022 into the fourth sub-control 207 in response to the release operation on the first control 201, and the fourth sub-control 207 includes a recording progress component. The recording progress component is used to record the progress of the re-recording of the target display content. Since the re-recording is to record the target display content in the display area 200 for a fixed time with the current time as the end node, the recording progress component can display the progress of the re-recording in the form of percentage, progress bar, etc., so as to facilitate the user of the terminal 102 to view the progress of the re-recording.

[0112] like Figure 3G As shown, when the first control 201 is dragged to the second sub-control 2022, the prompt information of the second sub-control 2022 changes from "Drag here to re-record for XX seconds" to "Release to re-record for XX seconds", thereby prompting the user of the terminal 102 to lift the finger off the screen to release the first control 201 to re-record the target display content.

[0113] When the user of the terminal 102 releases the finger from the screen to release the first control 201, Figure 3H , Fig. 3I As shown, the second sub-control 2022 gradually changes from the transition component 206 to the fourth sub-control 207, and uses the time after the release operation is performed as the termination node to record the target display content in the display area 200.

[0114] like Fig. 3I , Figure 3JAs shown, since the fourth subcontrol 207 includes a recording progress component, when the recording progress component in the fourth subcontrol 207 changes from the first state to the second state, the re-recording of the target display content is stopped and the first page 300 is displayed in the display area 200, and the first page is used to process the screen recording file obtained by recording the target display content. Among them, the first state of the recording progress component can be a state with a progress of 0, and the second state of the recording progress component can be a state with a progress of 100%. The progress state of the recording progress component keeps changing until it reaches the second state with a progress of 100%, and the recording progress component displays a check mark symbol.

[0115] When the recording progress component changes from the first state to the second state, that is, after the re-recording is completed, the first page 300 is displayed in the display area 200 after a preset transition time, such as 0.5 seconds. Figure 3F As shown, the first page 300 includes a display window 301, which displays information such as "Screen recording completed and saved locally" and editing progress. In addition, the first page 300 also includes components for implementing manual editing, sharing and other functions, thereby realizing manual editing, sharing and other processing of the screen recording file obtained by recording the target display content.

[0116] In some embodiments, the user of the terminal 102 drags the first control 201 to move the position of the first control 201 in the display area 200, and releases the first control 201 when the first control 201 does not overlap with the second control 202. At this time, since the first control 201 and the second control 202 do not overlap, the second control 202 cannot be controlled to perform screen recording. Figure 3L As shown, the first control 201 moves to the second boundary of the display area 200 and is adsorbed on the second boundary for display, and at the same time the second control 202 changes into a transition component 208 and is retracted and moved out of the display area 200, thereby hiding the second control 202.

[0117] like Figure 3K As shown, when the first control 201 does not overlap with the second control 202 after the drag operation is performed on the first control 201, after the first control 201 is released, the distance between the current position of the first control 201 in the display area 200 and the boundaries of the display area 200 is obtained, the second boundary with the shortest distance is obtained, and the first control 201 is controlled to move to the second boundary and be adsorbed on the second boundary for display.

[0118] In this embodiment, when the first control 201 is released and does not overlap with the second control 202, based on the proximity principle, the first control 201 is adsorbed on the boundary closest to the current position of the first control 201. Alternatively, the first control 201 can also be controlled to return to the position where the first control 201 was before it was dragged, which is not limited in this embodiment.

[0119] It can be seen from the above embodiments that the system 100 provided by the embodiments of the present disclosure can quickly enable the screen recording or re-recording function by dragging the first control to the first sub-control or the second sub-control in different areas; utilizing the internal recording capability, the user only needs to select re-recording after encountering a wonderful scene to save the previous 30 seconds of video, without having to manually enable the screen recording in advance; it also eliminates the complex function panel when enabling the screen recording, helping the user to save the wonderful game content more easily, thereby reducing the user's operating costs and improving the user experience.

[0120] The disclosed embodiment also provides a screen recording method. Figure 5 FIG. 1 is a flow chart showing the screen recording method provided by the embodiment of the present disclosure. Figure 5 As shown, this method can be applied to Figure 2 The terminal 102 may further include the following steps.

[0121] Step S501: display a first control in a display area of ​​the screen.

[0122] Step S503: In response to a triggering operation on the first control, display a second control in the display area.

[0123] Step S505 , in response to a drag operation of moving the first control to the second control, recording target display content in the display area.

[0124] The screen recording method described in this embodiment quickly starts the screen recording or re-recording function by dragging the first control to the first sub-control or the second sub-control in different areas; utilizing the internal recording capability, the user only needs to select re-recording after encountering a wonderful scene to save the video scene, without having to manually start the screen recording in advance; it also eliminates the complicated function panel when starting the screen recording, helping the user to save the wonderful game content more easily, reducing the user's operating cost and improving the user experience.

[0125] Optionally, the second control includes a first sub-control and a second sub-control; and in response to the drag operation of moving the first control to the second control, recording the target display content in the display area includes:

[0126] In response to a drag operation of moving the first control to the first sub-control, recording the target display content in the display area with the current time as the starting node; or

[0127] In response to a drag operation of moving the first control to the second sub-control, the target display content in the display area is recorded back with the current time as the end node.

[0128] Optionally, before recording the target display content in the display area, the method further includes:

[0129] In response to a dragging operation of dragging the first control to at least partially overlap with the first sub-control, highlighting the first sub-control;

[0130] or,

[0131] In response to a dragging operation of dragging the first control to at least partially overlap with the second sub-control, the second sub-control is highlighted.

[0132] Optionally, in response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the first sub-control, the method further includes:

[0133] In response to a release operation on the first control, the first sub-control is changed into a third sub-control, and the third sub-control includes a recording stop component and a recording time recording component.

[0134] Optionally, also include:

[0135] In response to a trigger operation on the recording stop component in the third subcontrol, the recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process a screen recording file obtained by recording the target display content.

[0136] Optionally, in response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the second sub-control, the method further includes:

[0137] In response to a release operation on the first control, changing the second sub-control into a fourth sub-control,

[0138] The fourth sub-control includes a recording progress component.

[0139] Optionally, also include:

[0140] In response to the recording progress component in the fourth sub-control changing from a first state to a second state, the re-recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process the screen recording file obtained by recording the target display content.

[0141] Optionally, the first control is displayed at a first boundary of the display area; and the method further includes:

[0142] In response to the first control not overlapping with the second control after a release operation on the first control, the first control is controlled to move to a second boundary of the display area for display, and the second control is hidden.

[0143] Optionally, controlling the first control to move to a second boundary of the display area for display includes:

[0144] The distance between the current position of the first control in the display area and each boundary of the display area is obtained, the second boundary with the shortest distance is obtained, and the first control is controlled to move to the second boundary.

[0145] Optionally, in response to the triggering operation on the first control, after the second control is displayed in the display area, the method further includes:

[0146] A path indication mark pointing from the first control to the second control is displayed in the display area.

[0147] Optionally, the first control is displayed at a first boundary of the display area, and the second control is displayed at a third boundary of the display area;

[0148] The first boundary and the third boundary are adjacent boundaries or opposite boundaries.

[0149] It should be noted that the method of the embodiment of the present disclosure can be performed by a single device, such as a computer or a server. The method of the present embodiment can also be applied in a distributed scenario and completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only perform one or more steps in the method of the embodiment of the present disclosure, and the multiple devices will interact with each other to complete the described method.

[0150] It should be noted that the above describes some embodiments of the present disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the above embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0151] Based on the same inventive concept, corresponding to any of the above-mentioned embodiment methods, the present disclosure also provides a screen recording device.

[0152] refer to Figure 6 , the device comprises:

[0153] The display module 601 is configured to display a first control in the display area of ​​the screen.

[0154] The trigger module 603 is configured to: display a second control in the display area in response to a trigger operation on the first control.

[0155] The recording module 605 is configured to record the target display content in the display area in response to a drag operation of moving the first control to the second control.

[0156] Optionally, the second control includes a first sub-control and a second sub-control; the recording module 605 is further configured to:

[0157] In response to a drag operation of moving the first control to the first sub-control, recording the target display content in the display area with the current time as the starting node; or

[0158] In response to a drag operation of moving the first control to the second sub-control, the target display content in the display area is recorded back with the current time as the end node.

[0159] Optionally, the recording module 605 is further configured to:

[0160] In response to a dragging operation of dragging the first control to at least partially overlap with the first sub-control, highlighting the first sub-control;

[0161] or,

[0162] In response to a dragging operation of dragging the first control to at least partially overlap with the second sub-control, the second sub-control is highlighted.

[0163] Optionally, the recording module 605 is further configured to:

[0164] In response to a release operation on the first control, the first sub-control is changed into a third sub-control, and the third sub-control includes a recording stop component and a recording time recording component.

[0165] Optionally, the device is further configured to:

[0166] In response to a trigger operation on the recording stop component in the third subcontrol, the recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process a screen recording file obtained by recording the target display content.

[0167] Optionally, the device is further configured to:

[0168] In response to a release operation on the first control, changing the second sub-control into a fourth sub-control,

[0169] The fourth sub-control includes a recording progress component.

[0170] Optionally, the device is further configured to:

[0171] In response to the recording progress component in the fourth sub-control changing from a first state to a second state, the re-recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process the screen recording file obtained by recording the target display content.

[0172] Optionally, the first control is displayed at a first boundary of the display area; and the device is further configured to:

[0173] In response to the first control not overlapping with the second control after a release operation on the first control, the first control is controlled to move to a second boundary of the display area for display, and the second control is hidden.

[0174] Optionally, the device is further configured to:

[0175] The distance between the current position of the first control in the display area and each boundary of the display area is obtained, the second boundary with the shortest distance is obtained, and the first control is controlled to move to the second boundary.

[0176] Optionally, the device is further configured to:

[0177] A path indication mark pointing from the first control to the second control is displayed in the display area.

[0178] Optionally, the device is further configured to: display the first control at a first boundary of the display area, and display the second control at a third boundary of the display area;

[0179] The first boundary and the third boundary are adjacent boundaries or opposite boundaries.

[0180] For the convenience of description, the above device is described by dividing it into various modules according to its functions. Of course, when implementing the present disclosure, the functions of each module can be implemented in the same or multiple software and / or hardware.

[0181] The apparatus of the above embodiment is used to implement the corresponding service orchestration method in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0182] Based on the same inventive concept, corresponding to any of the above-mentioned embodiments and methods, the present disclosure also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the method described in any of the above embodiments is implemented.

[0183] Illustratively, the electronic device in the present application may be a mobile phone, a tablet computer, a personal computer (PC), a personal digital assistant (PDA), a smart watch, a netbook, a wearable electronic device, a smart TV, a vehicle-mounted device, a smart car, a smart speaker, a robot, etc. The present application does not impose any special restrictions on the specific form of the electronic device.

[0184] Figure 7 A more specific schematic diagram of the hardware structure of an electronic device provided in this embodiment is shown, and the device may include: a processor 1010, a memory 1020, an input / output interface 1030, a communication interface 1040, and a bus 1050. The processor 1010, the memory 1020, the input / output interface 1030, and the communication interface 1040 are connected to each other through the bus 1050 in the device.

[0185] The processor 1010 can be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this specification.

[0186] The memory 1020 may be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1020 may store an operating system and other application programs. When the technical solutions provided in the embodiments of this specification are implemented by software or firmware, the relevant program codes are stored in the memory 1020 and are called and executed by the processor 1010.

[0187] The input / output interface 1030 is used to connect the input / output module to realize information input and output. The input / output module can be configured in the device as a component (not shown in the figure), or it can be externally connected to the device to provide corresponding functions. The input device may include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output device may include a display, a speaker, a vibrator, an indicator light, etc.

[0188] The communication interface 1040 is used to connect a communication module (not shown) to realize communication interaction between the device and other devices. The communication module can realize communication through a wired mode (such as USB, network cable, etc.) or a wireless mode (such as mobile network, WIFI, Bluetooth, etc.).

[0189] The bus 1050 includes a path that transmits information between the various components of the device (eg, the processor 1010, the memory 1020, the input / output interface 1030, and the communication interface 1040).

[0190] It should be noted that, although the above device only shows the processor 1010, the memory 1020, the input / output interface 1030, the communication interface 1040 and the bus 1050, in the specific implementation process, the device may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the above device may also only include the components necessary for implementing the embodiments of the present specification, and does not necessarily include all the components shown in the figure.

[0191] The electronic device of the above embodiment is used to implement the corresponding method in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0192] Based on the same inventive concept, corresponding to any of the above-mentioned embodiments and methods, the present disclosure also provides a non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, and the computer instructions are used to enable the computer to execute the method described in any of the above embodiments.

[0193] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, read-only compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device.

[0194] The computer instructions stored in the storage medium of the above embodiments are used to enable the computer to execute the method described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0195] Based on the same inventive concept, corresponding to any of the above-mentioned embodiments and methods, the present disclosure further provides a computer program product, which includes a computer program. In some embodiments, the computer program is executable by one or more processors so that the processors execute the method described. Corresponding to the execution subject corresponding to each step in each embodiment of the method, the processor that executes the corresponding step may belong to the corresponding execution subject.

[0196] The computer program product of the above embodiment is used to enable a processor to execute the method described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0197] Those skilled in the art should understand that the discussion of any of the above embodiments is merely illustrative and is not intended to imply that the scope of the present disclosure (including the claims) is limited to these examples. Based on the concept of the present disclosure, the technical features in the above embodiments or different embodiments may be combined, the steps may be implemented in any order, and there are many other variations of the different aspects of the embodiments of the present disclosure as described above, which are not provided in detail for the sake of simplicity.

[0198] In addition, to simplify the description and discussion, and in order not to make the embodiments of the present disclosure difficult to understand, the known power / ground connections to the integrated circuit (IC) chips and other components may or may not be shown in the provided figures. In addition, the device can be shown in the form of a block diagram to avoid making the embodiments of the present disclosure difficult to understand, and this also takes into account the fact that the details of the implementation of these block diagram devices are highly dependent on the platform on which the embodiments of the present disclosure will be implemented (that is, these details should be fully within the scope of understanding of those skilled in the art). Where specific details (e.g., circuits) are set forth to describe exemplary embodiments of the present disclosure, it is apparent to those skilled in the art that the embodiments of the present disclosure can be implemented without these specific details or with changes in these specific details. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0199] Although the present disclosure has been described in conjunction with specific embodiments of the present disclosure, many replacements, modifications and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may use the embodiments discussed.

[0200] The embodiments of the present disclosure are intended to cover all such substitutions, modifications and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the embodiments of the present disclosure should be included in the scope of protection of the present disclosure.

Claims

1. A screen recording start method, comprising: Displaying a first control in a display area of ​​the screen; In response to a trigger operation on the first control, a second control is displayed in the display area, and the second control is hidden before the trigger operation is performed on the first control; the second control includes a first sub-control and a second sub-control; In response to a drag operation of moving the first control to the second control, recording target display content in the display area includes: In response to a drag operation of moving the first control to the first sub-control, recording target display content in the display area with the current time as a starting node; In response to a drag operation of moving the first control to the second sub-control, replaying the target display content in the display area with the current time as the end node; The trigger operation and the drag operation are continuous operations on the screen, and if the user's finger leaves the screen during the continuous operation, the second control is hidden.

2. The method according to claim 1, wherein: Before recording the target display content in the display area, the method further includes: In response to a dragging operation of dragging the first control to at least partially overlap with the first sub-control, highlighting the first sub-control; In response to a dragging operation of dragging the first control to at least partially overlap with the second sub-control, the second sub-control is highlighted.

3. The method according to claim 2, wherein: In response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the first sub-control, the method further includes: In response to a release operation on the first control, the first sub-control is changed into a third sub-control, and the third sub-control includes a recording stop component and a recording time recording component.

4. The method according to claim 3, further comprising: In response to a trigger operation on the recording stop component in the third subcontrol, the recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process a screen recording file obtained by recording the target display content.

5. The method according to claim 2, wherein: In response to the dragging operation of dragging the first control to at least partially overlap with the second sub-control, after highlighting the second sub-control, the method further includes: In response to a release operation on the first control, changing the second sub-control into a fourth sub-control, The fourth sub-control includes a recording progress component.

6. The method according to claim 5, further comprising: In response to the recording progress component in the fourth sub-control changing from a first state to a second state, the re-recording of the target display content is stopped and a first page is displayed in the display area, wherein the first page is used to process the screen recording file obtained by recording the target display content.

7. The method according to claim 1, wherein: The first control is displayed at a first boundary of the display area; the method further includes: In response to the first control not overlapping with the second control after a release operation on the first control, the first control is controlled to move to a second boundary of the display area for display, and the second control is hidden.

8. The method according to claim 7, wherein: The controlling the first control to move to a second boundary of the display area for display includes: The distance between the current position of the first control in the display area and each boundary of the display area is obtained, the second boundary with the shortest distance is obtained, and the first control is controlled to move to the second boundary.

9. The method according to any one of claims 1 to 8, wherein: The method further comprises, in response to the triggering operation on the first control, after displaying the second control in the display area: A path indication mark pointing from the first control to the second control is displayed in the display area.

10. The method according to claim 1, wherein: The first control is displayed at a first boundary of the display area, and the second control is displayed at a third boundary of the display area; The first boundary and the third boundary are adjacent boundaries or opposite boundaries.

11. A screen recording startup device, comprising: A display module is configured to: display a first control in a display area of ​​the screen; A trigger module, configured to: in response to a trigger operation on the first control, display a second control in the display area, and hide the second control before performing a trigger operation on the first control; the second control includes a first sub-control and a second sub-control; The recording module is configured to: in response to a drag operation of moving the first control to the second control, record the target display content in the display area, including: In response to a drag operation of moving the first control to the first sub-control, recording target display content in the display area with the current time as a starting node; In response to a drag operation of moving the first control to the second sub-control, replaying the target display content in the display area with the current time as the end node; The trigger operation and the drag operation are continuous operations on the screen, and if the user's finger leaves the screen during the continuous operation, the second control is hidden.

12. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method according to any one of claims 1 to 10 when executing the program.

13. A non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause the computer to execute the method according to any one of claims 1 to 10.

14. A computer program product, comprising computer program instructions, which, when executed on a computer, cause the computer to execute the method according to any one of claims 1 to 10.

Images