[vlmc-devel] Timeline: Optimize moving clips in the timeline

[-]

Hi, talking about optimizing movie clips, I think is very interesting 
how to handle keyframes for pan zoom. I sent you a document last days, 
but I have developed also a video. Perhaps you would like to take it a look?

Are just 11 minutes, and explain the difference between normal keyframes 
and fixed keyframes, which is the system that is using Camtasia for 
videotutorials. This system is special and made Techsmith to earn 50 
millions dollars in revenues in 2012, just because any single program do 
this yet.

The video is here if you want to take it a look:

https://www.youtube.com/watch?v=Hkj5JT1zbRA&feature=youtu.be

Cheers


El 20/07/2016 a las 15:18, Yikai Lu escribió:
> vlmc | branch: master | Yikai Lu <luyikei.qmltu at gmail.com> | Wed Jul 20 16:33:19 2016 +0900| [1f6d02d86234a7cc69a38b93b4de38cb62ebee50] | committer: Yikai Lu
>
> Timeline: Optimize moving clips in the timeline
>
>> https://code.videolan.org/videolan/vlmc/commit/1f6d02d86234a7cc69a38b93b4de38cb62ebee50
> ---
>
>   src/Gui/timeline/Track.qml | 56 ++++++++++++++++++++++++++++------------------
>   src/Gui/timeline/main.qml  |  2 --
>   2 files changed, 34 insertions(+), 24 deletions(-)
>
> diff --git a/src/Gui/timeline/Track.qml b/src/Gui/timeline/Track.qml
> index a24b048..72763aa 100644
> --- a/src/Gui/timeline/Track.qml
> +++ b/src/Gui/timeline/Track.qml
> @@ -78,6 +78,14 @@ Item {
>                   property var aClipInfo: null
>                   property var vClipInfo: null
>   
> +                property int lastX: 0
> +                property int deltaX: 0
> +
> +                onContainsDragChanged: {
> +                    if ( containsDrag === true )
> +                        lastX = drag.x;
> +                }
> +
>                   onDropped: {
>                       if ( drop.keys.indexOf( "vlmc/uuid" ) >= 0 ) {
>                           aClipInfo = findClipFromTrack( "Audio", trackId, "tempUuid" );
> @@ -133,7 +141,6 @@ Item {
>                               if ( newClipInfo["video"] )
>                                   vClipInfo = addClip( "Video", trackId, newClipInfo );
>                           }
> -                        lastX = drag.x;
>                       }
>                   }
>   
> @@ -144,21 +151,24 @@ Item {
>   
>                       if ( drag.keys.indexOf( "vlmc/uuid" ) < 0 ) {
>                           drag.source.y = drag.source.y - drag.y + track.height / 2 - 1; // Adjust to the center
> -                        var currentX = drag.source.x;
> +
> +                        // Optimization: Delta delta X should be different
> +                        if ( deltaX === drag.source.x - lastX ) {
> +                            lastX = drag.source.x;
> +                            return;
> +                        }
> +                        else
> +                            deltaX = drag.source.x - lastX;
> +
>                       }
>                       else
> -                        currentX = drag.x;
> -
> -                    var deltaX = currentX - lastX;
> -                    lastX = currentX;
> +                        deltaX = drag.x - lastX;
>   
>                       for ( var i = 0; i < selectedClips.length; ++i ) {
>                           var target = selectedClips[i];
>                           var oldx = target.pixelPosition();
>   
>                           if ( drag.source === target ) {
> -                            var newX = drag.source.x;
> -
>                               var oldTrackId = target.newTrackId;
>                               target.newTrackId = trackId;
>                               for ( var j = 0; j < selectedClips.length; ++j ) {
> @@ -166,8 +176,8 @@ Item {
>                                       selectedClips[j].newTrackId = trackId - oldTrackId + selectedClips[j].trackId;
>                               }
>                           }
> -                        else
> -                            newX = Math.max( target.pixelPosition() + deltaX, 0 );
> +
> +                        var newX = Math.max( target.pixelPosition() + deltaX, 0 );
>   
>                           if ( isMagneticMode === true ) {
>                               var leastDestance = 25;
> @@ -241,15 +251,6 @@ Item {
>                               }
>                           }
>   
> -                        // Scroll if needed
> -                        if ( length < ptof( newX + target.width ) ) {
> -                            length = ptof( newX + target.width );
> -                            // Never show the background behind the timeline
> -                            var newContentX = sView.flickableItem.contentWidth - sView.width;
> -                            if ( newContentX >= 0 )
> -                                sView.flickableItem.contentX = newContentX;
> -                        }
> -
>                           if ( isCollided ) {
>                               for ( k = 0; k < clips.count; ++k ) {
>                                   clip = clips.get( k );
> @@ -259,11 +260,17 @@ Item {
>                               }
>                           }
>   
> -                        if ( target === drag.source )
> -                            lastX = drag.source.x;
> -
>                           target.setPixelPosition( newX );
>   
> +                        // Scroll if needed
> +                        if ( length < ptof( newX + target.width ) ) {
> +                            length = ptof( newX + target.width );
> +                            // Never show the background behind the timeline
> +                            var newContentX = sView.flickableItem.contentWidth - sView.width;
> +                            if ( newContentX >= 0 )
> +                                sView.flickableItem.contentX = newContentX;
> +                        }
> +
>                           if ( drag.keys.indexOf( "vlmc/uuid" ) < 0 ) {
>                               if ( target.newTrackId !== target.trackId ) {
>                                   drag.source.parent.parent.parent.z = ++maxZ;
> @@ -276,6 +283,11 @@ Item {
>                           }
>                       }
>                       // END of for ( var i = 0; i < selectedClips.length; ++i )
> +
> +                    if ( drag.keys.indexOf( "vlmc/uuid" ) < 0 )
> +                        lastX = drag.source.x;
> +                    else
> +                        lastX = drag.x;
>                   }
>               }
>   
> diff --git a/src/Gui/timeline/main.qml b/src/Gui/timeline/main.qml
> index 5d8bbb5..50c8fbc 100644
> --- a/src/Gui/timeline/main.qml
> +++ b/src/Gui/timeline/main.qml
> @@ -24,8 +24,6 @@ Rectangle {
>   
>       property int trackHeight: 30
>   
> -    property int lastX: 0
> -
>       function clearSelectedClips() {
>           while ( selectedClips.length ) {
>               var clip = selectedClips.pop();
>
> _______________________________________________
> Vlmc-devel mailing list
> Vlmc-devel at videolan.org
> https://mailman.videolan.org/listinfo/vlmc-devel