CN112492387B - Video editing method and system - Google Patents
Video editing method and system Download PDFInfo
- Publication number
- CN112492387B CN112492387B CN202011357488.5A CN202011357488A CN112492387B CN 112492387 B CN112492387 B CN 112492387B CN 202011357488 A CN202011357488 A CN 202011357488A CN 112492387 B CN112492387 B CN 112492387B
- Authority
- CN
- China
- Prior art keywords
- video
- scale
- interaction
- mode
- graduated scale
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 230000003993 interaction Effects 0.000 claims abstract description 133
- 230000002452 interceptive effect Effects 0.000 claims description 28
- 230000000694 effects Effects 0.000 claims description 7
- 230000001447 compensatory effect Effects 0.000 claims 1
- 239000012634 fragment Substances 0.000 description 8
- 238000004519 manufacturing process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 6
- 230000008859 change Effects 0.000 description 5
- 238000013461 design Methods 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 241000668842 Lepidosaphes gloverii Species 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 239000000872 buffer Substances 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/4722—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting additional data associated with the content
- H04N21/4725—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting additional data associated with the content using interactive regions of the image, e.g. hot spots
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Television Signal Processing For Recording (AREA)
Abstract
The invention provides a video editing method and a video editing system. The method comprises the following steps: determining a video interaction mode according to the input of a user; according to the selected video interaction mode, displaying a graduated scale for user interaction editing in a video editing interface, wherein the video interaction mode comprises the following steps: inter-video interaction mode, and inter-video interaction mode. The video editing method and the video editing system provided by the invention have the advantages that the positioning speed of the moment in the video is higher, and the efficiency of adding various interactions is improved.
Description
Technical Field
The invention relates to the technical field of video interaction, in particular to a video editing method and a video editing system.
Background
The method comprises the steps that a teacher in charge of recorded and broadcast course production generally needs to operate a video editing and production system to manually add interaction, in the system, courses and descriptions are selected and then enter an editing and production page, different recorded and broadcast videos on the page need to be arranged according to lesson rules, a teacher drags a cursor to position the position of the video to be inserted into the interaction or the moment in the video, then an interaction script is added, the video interaction or the video interaction is selected in a pop-up frame, and then a new script with the added interaction information can be generated after the addition is completed. When a student goes class, the playing end calls different interactions in the recorded and played video playing process through the script to realize the functions of answering, red package, and the like of the student.
At present, common recording and playing addition interaction software only comprises one graduated scale and one zooming sliding block, a video often exceeds one, zooming display often exceeds one screen, zooming needs to be adjusted to the minimum scaling when the video is added for interaction, namely, each 100px corresponds to 1s, the length of the graduated scale reaches the longest length at the moment, when the width of the screen resolution is 1280 and an editing system is full screen, the total video duration of two hours usually reaches more than 650 screens, and a user still needs to find an accurate video middle position (with the accuracy of 0.05s and the accuracy of frames) to add the video for interaction. However, if the video interaction is added immediately, the scale needs to be dragged for the video behind the first screen often, and the dragging needs to be very long, at the moment, a teacher usually selects the zoom-in scale to reduce the total scale length and reduce the length of the dragging scroll bar, then searches for the video interaction between the addition of the video, and then adds the video interaction again, and needs to re-zoom and reduce the zoom scale to show the scale accurate to 1s and capture the frame accurate to 0.05s as the insertion position, but the zoom scale value is difficult to be adjusted to be completely consistent with the video interaction addition of the last time through the adjusting slider. After the teacher pulls the scale module for multiple times to adjust the consumed time to be the same as the previous proportion, the interaction in the video is continuously added, namely, the time is consumed, namely, the position of the interactive cursor in the video which is positioned just before is difficult to accurately and completely restore, and scales are required to pull the scale and the cursor for multiple times after the scales are continuously added, so that the cursor is easily positioned and misplaced. That is to say in order to add the video interdynamic scale reduction, but the scale of show is too big, and the interaction needs to resume big proportion in adding the video again at last, enlargies and reduces the scale again, but former proportion is difficult to restore completely, and the scale is difficult to align completely. The other mode is that the scaling is not adjusted, a dozen screens are dragged according to the minimum scale all the time, the dragging of the overlong scale is easy to disperse the human strength, and the consumed time is more.
When two kinds of interactive mixing are added, the two operation modes have the problems of complicated operation and long time consumption. When some single videos are too long, interactive dragging operation between adjusting and adding videos is complicated, and positioning is inconvenient and obvious. When two kinds of interactive addition between the video and the video of each video are operated in sequence, the operation of adding the scale and sliding the scale which is displayed according to the minimum time proportion is more complicated. The two modes consume the time of adding interaction, and reduce the adding efficiency.
The vernier is fixed relative to the scale position during scaling adjustment, but absolute position changes on a screen are caused, when the requirement of searching video time is amplified, the vernier and the scale move simultaneously, adaptation time is increased visually by teachers, before the scales of the left and right smaller scale are searched, the vernier needs to be adapted again for display, then the vernier position is searched, and the searching time of interactive scale detail positions in the video is increased.
Meanwhile, branch teaching is a necessary means for realizing personalized teaching, students in different levels and different stages can switch different video branches to carry out differentiated teaching according to the collection and analysis of behavior data of the students in the class, the final requirement for knowledge mastering is met, and the branch teaching method is a means for future refined teaching of the AI class. The graduated scale combines a multi-mode basis, completes the functions of adding, displaying and deleting branches, and realizes the concise display and easy operation of complicated branch operations.
Disclosure of Invention
The invention aims to solve the technical problems that a video editing method and a video editing system can solve the problems that an ordinary graduated scale needs to drag overlong scales and cursors when videos are added and interacted, the absolute positions of the cursors and the graduated scale change in a zooming and searching process, the operation is more, the positioning time is long, and the production efficiency is low.
In order to solve the above technical problem, the present invention provides a video editing method, including: determining a video interaction mode according to the input of a user; according to the selected video interaction mode, displaying a graduated scale for user interaction editing in a video editing interface, wherein the video interaction mode comprises the following steps: inter-video interaction mode, and inter-video interaction mode.
In some implementations, in the inter-video interaction mode, a sub-scale corresponding to each video is displayed in the video editing interface.
In some embodiments, in the video-in-video interactive mode, an integral scale is displayed in the video editing interface.
In some embodiments, in the video interaction mode, the actual length of each video is collected and displayed with the same equal length of the scale, the teacher clicks the corresponding scale of the scale to position the adding position, and then clicks the adding interaction to add the interaction in the video.
In some embodiments, in the video interaction mode, all videos with equal length and fixed length are arranged on a graduated scale, and the video blocks are clicked, so that the inter-video interaction can be added quickly.
In some embodiments, further comprising: before the video interaction mode is determined according to the input of a user, the video sequence of the current scale or the interaction time in the video is stored, and after the mode is switched by clicking twice, the original scale display and cursor position are restored, so that the average adding speed and experience of continuous adding interaction are improved.
In some embodiments, further comprising: according to the selected video interactive mode, after the scale for user interactive editing is displayed in the video editing interface, the scale is compensated to move during scaling adjustment, and the display effect that the cursor is not moved relative to the scale is achieved.
In addition, the present invention also provides a video editing system, including: one or more processors; storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement a video editing method according to the foregoing.
After adopting such design, the invention has at least the following advantages:
the invention realizes that the scale with a selection mode for quickly adding the interaction is realized, under the condition that two interactions (video middle/video interaction) need to be added in a mixed mode, the scale mode is switched by one key, the video interaction mode realizes one-screen display of all videos without dragging a transverse scroll bar, the interaction is quickly added by the minimum operation step, the display and data before one-key restoration are smoothly performed with subsequent operation, and the scale can be used for adding various interactions, can effectively reduce the labor cost for teachers to produce and edit videos, and can be widely applied to video editing production scenes. Meanwhile, the relative motion logic of the vernier and the graduated scale is optimized, the vernier is fixed and the graduated scale is changed when the zooming is paused, and the vernier is fixed and the graduated scale is changed when the zooming is played, so that the positioning speed of the moment in the video is faster, and the efficiency of adding various interactions is improved.
Drawings
The foregoing is only an overview of the technical solutions of the present invention, and in order to make the technical solutions of the present invention more clearly understood, the present invention is further described in detail below with reference to the accompanying drawings and the detailed description.
FIG. 1 is a schematic diagram of a video block provided by an embodiment of the present invention;
FIG. 2 is a schematic view of an adjustable scale slide provided by an embodiment of the present invention;
fig. 3 is a schematic diagram of a value of a scrollLeft parameter provided by an embodiment of the present invention;
FIG. 4 is a flow chart of zoom after click provided by an embodiment of the present invention;
FIG. 5 is a schematic detail view of a scale provided by an embodiment of the invention;
FIG. 6 is a schematic flow chart of cursor movement according to an embodiment of the present invention;
FIG. 7 is a diagram of the relationship between modules of the scale according to the embodiment of the present invention;
fig. 8A is a general view of an interaction mode in a scale video according to an embodiment of the present invention;
FIG. 8B is a diagram illustrating a full view of the interaction mode between the video frames of the scale according to an embodiment of the present invention;
fig. 9 is a flowchart of a scale switching branch according to an embodiment of the present invention.
Detailed Description
The preferred embodiments of the present invention will be described in conjunction with the accompanying drawings, and it will be understood that they are described herein for the purpose of illustration and explanation and not limitation.
The multimode graduated scale is switched by a switch or other selection buttons through providing different graduated scale display modes for different interactions (the interactive addition in the video provides an interactive mode in the video and the interactive addition between the videos provides an interactive mode between the videos), and the two interactions are switched by clicking when different interactions are operated, and are respectively and quickly added, so that a solution for improving efficiency is achieved. Meanwhile, the scheme that the vernier does not move in the absolute position of the screen during zooming is adopted, so that the time for teachers to search scales is shortened, and the production efficiency is improved. Meanwhile, branch teaching is a necessary means for realizing personalized teaching, and students in different levels and stages can reach the final requirement of knowledge mastering through differentiated teaching paths according to the collection and analysis of behavior data of the students in the class. The graduated scale disclosed by the invention is combined with a multi-mode basis, the functions of adding, displaying and deleting branches are completed, and the simple and easy display and easy operation of complicated branch operations are realized.
The invention aims to solve the problems that when a common graduated scale is used for adding videos, excessively long scales and a vernier need to be dragged, the absolute positions of the vernier and the graduated scale change when the vernier is zoomed and searched, the operation is more, the positioning time is long, the production efficiency is low, and the interactive display and adding problems of the graduated scale when various branches exist in courses are solved.
The invention designs a dual-mode graduated scale, when interaction in videos needs to be added quickly, a 'interaction in video' mode is selected, the actual length of each video is collected and displayed in the same equal length with the graduated scale, a teacher clicks the corresponding scale of the graduated scale to position the adding position, and then clicks the adding interaction to add the interaction in the videos. When the interaction between videos needs to be added quickly, a teacher selects a video interaction mode, all videos are arranged on a graduated scale in a fixed length mode, the videos are arranged on the graduated scale in a long length mode, and the video blocks are clicked, so that the interaction between the videos can be added quickly. And the mode switching in a single video, among a plurality of videos and the like can be realized.
Before the mode is switched, the video sequence of the current scale or the interaction time in the video can be saved, after the mode is switched by clicking twice, the original scale display and vernier position are recovered, and the average adding speed and experience of continuous adding interaction are improved.
The scale is compensated to move during scaling adjustment, so that the display effect that the vernier is motionless relative to the scale is achieved, and the searching time of the interactive scale detail position in the video is reduced.
1. Scale display module
The module is divided into three parts, namely a graduated scale element module, an identification module and a script module.
The scale element module comprises four parts, namely a scale, a video block, an adjusting module and a vernier. The scale and the video block are parallel and equal in length, and the vernier can move on the scale along the x axis. The video blocks of fig. 1 may have an internal video interaction, such as the talkback reminder shown in fig. 1, and two video blocks may have an inter-video interaction, such as the general answer and the general red envelope shown in fig. 1. After interaction between videos is added, the graduated scale can be correspondingly prolonged because the total time length is changed, and after the graduated scale exceeds one screen, a scroll bar appears at the bottom. The adjusting module comprises a scale slider and a mode switching button. The scale slide block is adjusted to adjust the scale from 0 to 120 s/unit, and the scale width of each unit unitWidth is 100px at present.
The scale video zone shown in fig. 1 is divided by a dotted line into three regions, an upper region, a middle region and a lower region, respectively, for adding, showing or deleting an operation branch, as described later 4.
The recognition module, if zooming after clicking, will calculate according to the flow of fig. 4, let the cursor keep the absolute position motionless. The required flow diagram of fig. 4, where the pause state is scaled down, in the function of the listening component incoming state change (here using exact as componentwillreceivepross), the latest scale value is defined as newScaleNum, the original scale value is defined as scaleNum, and when newScaleNum is not equal to scaleNum, the following equation is calculated:
rightDiff＝pauseTime/(newScaleNum-scaleNum)*unitWidth，
while a scrollLeft of div that adjusts bottom class to 'video-block' adds rightDiff. However, in the first screen, scrollLeft cannot be a negative number according to the property of the html Element (reference address 'https:// developer. mozilla. org/zh-CN/docs/Web/A PI/Element/scrollLeft'), so only transform of style of the Element can be moved: "($ rightDiff }). The pause state is amplified in proportion.
In the playing mode, the mode is switched to a mode that the scale is not moved and the cursor is moved, at this time, all temporary compensation type moving modes are cancelled, the transform of the first screen movement or the scrollLeft of the non-first screen movement is restored, and the operation is performed along the cursor moving process, namely, the cursor receives the latest video playing time currentTime, the time allreadytime of the video which is played before the video is calculated at the same time (the allreadytime is obtained by accumulating and summing the time lengths of the previous videos), then the current latest total time duration timelineTime is calculated by summation, and the parameter pointerTranslate is calculated according to the method pointerTranslate/scalentWidth.
The style of the cursor element is changed into transform, wherein the attribute is' transform X ($ { pointerTranslate }), the num of the current cursor screen, namely, screen PageNum, is generated by a method screen enPageNum ═ material.
scrollLeft＝screenPageNum*clientWidth+firstClientWidth。
The clientWidth is the effective scale width area of the second screen and the screen behind the second screen, the firstClientWidth is the width of the effective scale area of the first screen, the effective scale is used behind the second screen, because both sides of the effective scale have padding with equal width blanks, the firstClientWidth different from the clientWidth is used for the first screen, because the characters of the 0 scale are aligned with the padding with equal width at both sides, the left part of the scale is retracted for accommodating the characters of the 0 scale, the detail diagram is shown in figure 5, the overview diagram is shown in figure 7, the distance of half of the time characters of the 0 scale is retracted, and the problem does not exist in the non-first screen due to dragging and moving display.
And stopping cursor movement at the moment that the sum of currentTime and allreadyTime of the current video is equal to the total video duration, and adjusting the player state to be a click playing state. The required flow chart is fig. 6.
The interactive mode display in the video is that the length of the video is displayed according to the time length in proportion, and a common graduated scale is displayed in equal length; the video interaction mode is shown as the length of a video block is a fixed length, and the interaction is added by moving a cursor or clicking the video block. While the scale mode includes a multi-branch marking assembly. The script module includes the sequence of the video and the location information of the interaction. The script recognition module starts to compare the video script at the position when the cursor stays, if the array length of the nextList field in the script is larger than 1, the currently displayed scale is marked as 'branched', at the moment, if the mouse slides up and down, the last branch or the next branch is respectively switched, and meanwhile, the animation transition is carried out in an upward or downward rotating mode.
It should be noted that in the video-to-video interaction mode, the zoom component is not in effect, and meanwhile, the cursor stays at the middle fixed position of the video screen, in order to ensure that all videos can be accommodated in one screen without dragging the scroll bar, after the video-to-video interaction is added, the video-to-video interaction width occupies the original video width 1/3, and the dynamic calculation formula of each video fixed width video width is formula (1):
videoWidth＝(screenWidth-leftAndRightPadding)/videoNum(1) 。
the width of the screen visible area is screen width; padding on two sides of the graduated scale, namely leftAn dRightpadding; the video interaction width is beta-InteractWidth; the number of videos is videoNum; the fixed width of the inter-video interaction is 1/3 VideoWidth.
The function is implemented regardless of the position or width ratio, including but not limited to whether the cursor is located at a middle position or not, or whether the interaction width is half of the video width, which is just a value convenient for viewing. While the scale drawing mode also includes but is not limited to h5 and canvas mode.
2. Scale data caching module
By adopting a front-end storage mode, the default mode state rulertatus is an interactive mode in the video, the value is 0, namely rulertatus is 0, and the interactive value between videos is 1. The cursor value is the scale value and the videoIndex is the current video index. If the scale is clicked or the cursor is operated to move, a corresponding value cursor or videoIndex of localStorage is stored when the scale is clicked or the cursor is moved each time, and if the cursor is not operated, rulerStatus and cursor are stored in localStorage when the switch button is clicked for the first time, rulerStatus is changed into 1; upon clicking again, videoIndex, rulerStatus is stored to localStorage. The third click on the switch button reads the scale cursor from the cursor of the localStorage, and the fourth click on the switch button reads the scale cursor from the videoIndex of the localStorage.
The script is stored in the module, the script data structure supporting the selection of the video branch is designed into json and is composed of Fragment sets, and the Fragment represents a Fragment object. The control script is as follows:
Wherein nextList is a control multi-branch field, an object is in the set in the non-branch mode, and condition is-1; the collection in the mode with the branch is a plurality of objects, the condition is the condition for switching the branch during the display, the fragmentID is the next fragment id, and the firstImgUrl is the screenshot of the first frame of the fragment video. For example, when there are three objects whose conditions are 30,60, and 100, and fragmentids are 2,3, and 4, respectively, and the accuracy can be set to be less than 30%, a video whose id is 2 is displayed from this video; when the accuracy is more than 30% and less than 60%, the rear adjacent video shows the video with the id of 3, and when the accuracy is more than 60%, the rear adjacent video shows the video with the id of 4. After rotation, the index of the array of nextList is switched to pick a different Fragment object, so that the video presentation is switched here, and the following video presentation is analogized according to the rule. In the future, similar branch priority status readNum may be added for the operation of default display at the playing end and the default branch during editing. The above design enables nested connections between videos.
3. Scale switching module
Adopting a switch button, changing the state of the assembly rulerStatus to be 1 when clicking the interaction between the switched videos, triggering the state change triggering judgment condition to calculate the video length according to the formula (1), switching the video length to be a fixed length, and switching the graduated scale to be equal to the total video length; and clicking an interactive change component state rulerStatus in a switching video to be 0, triggering a judgment condition to trigger the calculation of the length of the scale according to the actual video length, and simultaneously reading a value stored in localStorage after switching the switch each time to display the cursor, wherein the stored value is the corresponding value cursor or videoIndex stored when the scale is clicked each time or the cursor is moved. The switch button is experience-optimized, including or not limited to switch button operations.
4. Branch adding, displaying and deleting method
The video block portion of the scale is divided into three parts from top to bottom as shown in fig. 1, namely, upArea, centerArea and downtrea, which are separated by light-colored dotted lines, wherein upArea and downtrea are used for the add function of the branching video, centerArea is used for the show and delete function of the branching video, and the precondition for branching addition is that the video has added branching interaction.
Addition of branches: and clicking the video in the upper left part video area to acquire a video object by adopting a dragging mode, dragging the video object to a corresponding video position of the graduated scale, such as a video B, and positioning a dragged target video by monitoring the positions of clientX and clientY of a mouse mouseUp event. When dragging to the upper half part of the scale video B, if the video B has added branched interaction, popping up and adding forward, and adding the video B to the front of an array of a nextList in front of a script after clicking is determined; when the video B is dragged to the lower half part of the scale, if the video B has added the branched interaction, the video B pops up and adds backwards, and after the click is determined, the video B is added behind the array of the nextList. If the video B does not add the branched interaction, a prompt box pops up, and the current video interaction cannot add the video branch. Note: the branch addition is preferably combined with an interactive mode between videos, all videos are displayed at one time, and the problem that the videos cannot be displayed is solved.
Displaying and deleting branches: when the mouse clicks on the centerraea area of the video B, all branches of the video are displayed in a vertical list in a side popup mode, and can be displayed by sliding the slider up and down when the number of the video exceeds 5 (note: not limited to the number), and each line respectively displays the condition value and the screenshot of the first frame of the video. At this time, the hover displays a delete button on the corresponding video, and corresponding branches can be deleted by clicking to delete. For example, after the hover clicks and deletes the video with the condition name of 30 and the picture of aaa. jpg, the object in the nextList of the video object in the local cache script is deleted in a traversal mode.
The list then no longer presents the video.
The noun explains:
branched interaction: the interaction of video switching branches can be triggered, and the interaction belongs to interaction between videos, such as ordinary answering;
interaction without branches: the interaction of the video switching branch cannot be triggered, and belongs to video interaction, such as red packet generation.
5. Description of the operation
Recording and broadcasting course making process:
And 2, increasing interactive resources which are divided into an interactive mode in the video and an interactive mode between the videos.
And 3, when the video is in the interactive mode, the mode is switched to video interaction, all videos are displayed on one screen, the corresponding videos in the video interaction mode are in an activated state, the interaction between the added videos is clicked, and the video interaction effect is displayed at the rear part of the video block after the interaction between the added videos is added.
And 4, when the video interaction mode is adopted, the switching mode is video interaction, the video corresponding to the video interaction mode in the video is in an activated state, and the distance display position is calculated by the graduated scale and the vernier according to the actual time.
And 5, when the vernier is paused, the scale is enlarged or reduced, the vernier is seen to be fixed at the screen position, and the scale changes according to the latest scale.
And 6, when the video is clicked and played, the vernier moves along with the video playing, the graduated scale is not moved, when the graduated scale exceeds one screen, the graduated scale scrollBar moves left by an effective distance, and the vernier continues to move. When the maximum length of the graduated scale is reached, the playing is stopped, and the player is restored to a playable state.
Adding, displaying and deleting video branches:
step 1.B video adding branched interaction;
and 4, clicking deletion on the branch video list to delete the branch.
And 5, clicking the centrerarea area of the B video again, and hiding and retracting the branch video list at the left side of the B video.
In fig. 7, it should be noted that the cursor position is determined only by the last operation in this mode, and the switching mode does not affect the cursor or activate the video position; the storage module of the mode is currently front-end storage, but the mode of back-end storage is also in the coverage of the storage module; if the video block is not selected in the video interaction mode, clicking addition interaction, and giving verification and prompt by adding the video interaction: 'please select video'.
In fig. 8A and 8B, it should be noted that, clicking to add an interaction pops up various interaction types, where an interaction between videos or an interaction in a video may be selected, and clicking to save the interaction to a script through a background; in the video interaction mode, the scale time is positioned by using the cursor, in the video interaction mode, the current video index is positioned by using the selected video block, and the selected effect is shown in fig. 8B; the rulerStatus is a global state for controlling the scale mode, the default value is 0, the interaction mode in the video is defaulted, the interaction mode between the videos is 1, the other modes are sequentially added with values of 2, 3 and the like, and the scale assembly reads the value to update the mode after the state is changed; the display of the upper right corner is respectively a switching button, a played length and a scale adjusting slide block; in the video interactive mode, the bottom of the video block has a video index and a video name, and the video block is switched to the inter-video interactive mode, as shown in fig. 8B, the top scale of the video takes the video index as a unit.
In fig. 9, it should be noted that when the current video has a front or rear branch, there are marks of up and down arrows, and when the scale is switched, there is an animation effect; after the mode is switched, triggering the local storage of the current branch state branchNum, so as to be convenient for reading the branch state branchNum when refreshing or entering again, and restoring half of the edited branch video display; after the script judges that the switching is finished each time, receiving a new state, wherein the new state is used for judging whether a nextList array where the current branch is located is still a previous or next Fragment object, namely a Fragment object, and is used for displaying an up-down branch arrow; the syntax of the formula and equation representation method in the foregoing is referred to as es6 syntax.
The invention further provides a video editing system. For example, the video editing system may be used to act as an interactive adding and editing device in a content editing system. As described herein, the video editing system may be used to implement fast add and edit functionality for video interaction in a computer system. The video editing system may be implemented in a single node, or the functionality of the video editing system may be implemented in multiple nodes in a network. Those skilled in the art will appreciate that the term video editing system includes devices in a broad sense, and that a video editing system is only one example. The inclusion of a video editing system is for clarity and is not intended to limit the application of the present invention to a particular video editing system embodiment or a certain class of video editing system embodiments. At least some of the features/methods described herein may be implemented in a network device or component, such as a video editing system. For example, the features/methods of the present invention may be implemented in hardware, firmware, and/or software running installed on hardware. The video editing system may be any device that processes, stores, and/or forwards data frames over a network, such as a server, a client, a data source, and the like. The video editing system may include a transceiver (Tx/Rx), which may be a transmitter, a receiver, or a combination thereof. Tx/Rx may be coupled to multiple ports (e.g., uplink and/or downlink interfaces) for transmitting and/or receiving frames from other nodes. The processor may be coupled to the Tx/Rx to process the frames and/or to determine to which nodes to send the frames. A processor may include one or more multi-core processors and/or memory devices, which may serve as data stores, buffers, and the like. The processor may be implemented as a general-purpose processor, or may be part of one or more Application Specific Integrated Circuits (ASICs) and/or Digital Signal Processors (DSPs).
The invention realizes that the scale with a selection mode for quickly adding the interaction is realized, under the condition that two interactions (video middle/video interaction) need to be added in a mixed mode, the scale mode is switched by one key, the video interaction mode realizes one-screen display of all videos without dragging a transverse scroll bar, the interaction is quickly added by the minimum operation step, the display and data before one-key restoration are smoothly performed with subsequent operation, and the scale can be used for adding various interactions, can effectively reduce the labor cost for teachers to produce and edit videos, and can be widely applied to video editing production scenes. Meanwhile, the relative motion logic of the vernier and the graduated scale is optimized, the vernier is fixed and the graduated scale is changed when the zooming is paused, and the vernier is fixed and the graduated scale is changed when the zooming is played, so that the positioning speed of the moment in the video is faster, and the efficiency of adding various interactions is improved.
Meanwhile, the simple and easy display and the easy-to-use operation of the single scale operation are realized on the addition, display and deletion of multiple branches by combining the video interaction mode of the scale.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the present invention in any way, and it will be apparent to those skilled in the art that the above description of the present invention can be applied to various modifications, equivalent variations or modifications without departing from the spirit and scope of the present invention.
Claims (3)
1. A video editing method, comprising:
determining a video interaction mode according to the input of a user;
according to the selected video interaction mode, displaying a graduated scale for user interaction editing in a video editing interface, wherein the video interaction mode comprises the following steps: an inter-video interaction mode and an in-video interaction mode;
different scale display modes are provided for an inter-video interaction mode and an in-video interaction mode, the scale of the in-video interaction mode takes time as a unit, and the inter-video interaction mode takes a video index as a unit; the inter-video interaction mode realizes one-screen display of all videos under the condition of not dragging a scroll bar, sub-scales corresponding to each video are displayed in a video editing interface, each video is arranged on a scale in equal length and fixed length, and the inter-video interaction can be quickly added by clicking a video block; in the interactive mode in the video, a whole graduated scale is displayed in a video editing interface, the actual width of each video corresponds to the same equal-length display of the graduated scale, the graduated scale does not move a vernier during playing, the graduated scale is not moved when the vernier is paused, the graduated scale is enlarged or reduced, the vernier is not moved at the screen position, the graduated scale is changed according to the latest graduated scale, the graduated scale is moved in a compensatory mode during scaling adjustment, the display effect that the vernier is not moved relative to the screen position is achieved, and the searching time of the detail position of the interactive graduated scale in the video is reduced.
2. The video editing method according to claim 1, further comprising:
before the video interaction mode is determined according to the input of a user, the video sequence of the current scale or the interaction time in the video is stored, and after the mode is switched by clicking twice, the original scale display and cursor position are restored, so that the average adding speed and experience of continuous adding interaction are improved.
3. A video editing system, comprising:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the video editing method of any of claims 1-2.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011357488.5A CN112492387B (en) | 2020-11-27 | 2020-11-27 | Video editing method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011357488.5A CN112492387B (en) | 2020-11-27 | 2020-11-27 | Video editing method and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112492387A CN112492387A (en) | 2021-03-12 |
| CN112492387B true CN112492387B (en) | 2022-07-29 |
Family
ID=74936198
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011357488.5A Active CN112492387B (en) | 2020-11-27 | 2020-11-27 | Video editing method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112492387B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102833490A (en) * | 2011-06-15 | 2012-12-19 | 新诺亚舟科技（深圳）有限公司 | Method and system for editing and playing interactive video, and electronic learning device |
| CN102915553A (en) * | 2012-09-12 | 2013-02-06 | 珠海金山网络游戏科技有限公司 | 3D (three-dimensional) game video shooting system and method thereof |
| CN105844987A (en) * | 2016-05-30 | 2016-08-10 | 深圳科润视讯技术有限公司 | Multimedia teaching interaction operating method and device |
| CN105979288A (en) * | 2016-06-17 | 2016-09-28 | 乐视控股（北京）有限公司 | Video interception method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105376651B (en) * | 2014-08-29 | 2018-10-19 | 北京金山安全软件有限公司 | Method and device for generating video slides |
-
2020
- 2020-11-27 CN CN202011357488.5A patent/CN112492387B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102833490A (en) * | 2011-06-15 | 2012-12-19 | 新诺亚舟科技（深圳）有限公司 | Method and system for editing and playing interactive video, and electronic learning device |
| CN102915553A (en) * | 2012-09-12 | 2013-02-06 | 珠海金山网络游戏科技有限公司 | 3D (three-dimensional) game video shooting system and method thereof |
| CN105844987A (en) * | 2016-05-30 | 2016-08-10 | 深圳科润视讯技术有限公司 | Multimedia teaching interaction operating method and device |
| CN105979288A (en) * | 2016-06-17 | 2016-09-28 | 乐视控股（北京）有限公司 | Video interception method and device |
Non-Patent Citations (1)
| Title |
|---|
| 用Premiere 6网络直播的实现;朱长利;《桌面出版与设计》;20010625(第03期);第1-4页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112492387A (en) | 2021-03-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8276074B2 (en) | User interfaces for editing video clips | |
| US9031389B2 (en) | Image editing apparatus, image editing method and program | |
| US9830063B2 (en) | Modified media presentation during scrubbing | |
| US20170244959A1 (en) | Selecting a View of a Multi-View Video | |
| AU2011101152B4 (en) | System and method for displaying information related to video programs in a graphical user interface | |
| WO2022143924A1 (en) | Video generation method and apparatus, electronic device, and storage medium | |
| CN106462630B (en) | Method, system, and medium for searching video content | |
| DE202016005219U1 (en) | User interface for navigating and playing content | |
| JP2003283981A (en) | Method and system for inputting/displaying comment about video, client apparatus, program for inputting/ displaying comment about video, and storage medium thereof | |
| US11100955B2 (en) | Method, apparatus and smart mobile terminal for editing video | |
| CN113268622A (en) | Picture browsing method and device, electronic equipment and storage medium | |
| WO2013113985A1 (en) | Method, apparatus and computer program product for generation of motion images | |
| CN112887794B (en) | Video editing method and device | |
| CN110730387A (en) | Video playing control method and device, storage medium and electronic device | |
| US8213764B2 (en) | Information processing apparatus, method and program | |
| CN100444096C (en) | System and method for content navigation | |
| CN109286836A (en) | Multimedia data processing method, device and intelligent terminal, storage medium | |
| CN113918522A (en) | File generation method and device and electronic equipment | |
| Miller et al. | MiniDiver: A Novel Mobile Media Playback Interface for Rich Video Content on an iPhone TM | |
| US9380259B2 (en) | Information processing device and information processing method | |
| CN112492387B (en) | Video editing method and system | |
| KR100780057B1 (en) | Device for detecting gradual shot conversion in moving picture and method for operating the device | |
| CN112328829A (en) | Video content retrieval method and device | |
| Hürst et al. | HiStory: a hierarchical storyboard interface design for video browsing on mobile devices | |
| CN113132778B (en) | Method and device for playing video, electronic equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |