TimeLine as VideoEditing Tool

5 posts, 0 answers
  1. Marcelo
    Marcelo avatar
    3 posts
    Member since:
    Apr 2012

    Posted 30 May 2012 Link to this post


    I was wondering if the Timeline control is good for using as an video editor. I need a line that cross verticaly the component, which I can use to seek for the current crossed files (displayed as events). I can find the corretly position by using the start_time of the event and the current position of that line and display exactly the part of the file that i need, but.I can't figure out how do I insert that crossed line into the component.

    Another solution might be using the TimeBar component instead, but with that component I can't browse more than one stream in the same time, or I did't find an way of doing that.


    Eng. Marcelo

  2. Marcelo
    Marcelo avatar
    3 posts
    Member since:
    Apr 2012

    Posted 31 May 2012 Link to this post

    Ok, I'm almost done, but I get one problem...
    When I use the slider (the scrollbar that you can change the intervals) the VisiblePeriodStart and VisiblePeriodEnd are only updated when the user release the mouse click and not during the scroll moviment.

    Are there any event that I can use to repaint during the use of the scrolling bar? I need that to update the crossed line (that cross the entire TimeLine component and works as an seeker) during the scroll.
  3. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 02 Jun 2012 Link to this post


    You can use the ActualVisiblePeriodRange in this case. It is updated while the user is dragging the thumb of the slider.

    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  4. David Gerding
    David Gerding avatar
    44 posts
    Member since:
    Sep 2005

    Posted 07 Aug 2012 Link to this post

    Any chance either one of you would be willing to post an example project?  This is exactly what I'm looking for... and I haven't had any luck getting my attempts to work.  Need two or more videos synched to the limeline or timebar scrub action...

    Any help appreciated.

    Dave G
  5. Marcelo
    Marcelo avatar
    3 posts
    Member since:
    Apr 2012

    Posted 10 Aug 2012 Link to this post


    Because of my company's nda agreement I can´t send to you any kind of project. But, I can give you some steps to achieve this:

    First of all, you need to put an slider over the TimeLine with same size. The slider will be your seeker. Then, when the user clicks over the scrollable button and make a move it fires an event which sets the minimal and maximum values of the slider with the VisiblePeriodRange.. The select value of the slider will be your current time, which you can use to seek the file. Obviously, you need to put an fuction to convert the current seeker time to the time of the video, which will be the current seeker time minus the start time of current video. For negative values, the video will not be played while other values you can set the seeker.

    To get the video start time, you can create an List with objects that represents the video itself, with start, length and data. Then all you need is to put that list as an item source of the TimeLine, and set the StartPath and DurationPath properties of the TimeLine component to point to the properties of the object.

    The problem that i'm facing is related to the position of those videos over the timeline, because you can't define accurately which row of the TimeLine  the video will be inserted when loaded.

    I hope with this, you can get the idea to start your project. =]

    Marcelo Kogik
Back to Top