Using Frame duration and how to add the now line?

6 posts, 0 answers
  1. dnguyen
    dnguyen avatar
    9 posts
    Member since:
    Apr 2013

    Posted 11 Feb 2014 Link to this post

    Hi,

    I plan to use the RADTimeLine and the RadTimeBar to make a control for controlling Video media elements.

    So my questions are :

    - Do i have the ability to customize the duration to Frame? (Frame is a duration use in media, 25 Frames = 1 Second)
    - How can i add a vertical line (the now line) to follow frame by frame a playing video?


    Thank you in advance for your help,

    Kind Regards.
  2. Boris
    Admin
    Boris avatar
    276 posts

    Posted 14 Feb 2014 Link to this post

    Hello Duy,

    Thank you for contacting us. 

    Could you please go into details on what you need to achieve? is it possible for you to send us some examples or pictures? This will be highly appreciated and we will be better able to advice you on which 
    control will be more suitable for your scenario.

    Thank you in advance for your cooperation.

    Regards,
    Boris Penev
    Telerik

    Check out the new Telerik Platform - the only modular platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native apps. Register for the free online keynote and webinar to learn more about the Platform on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT).

  3. UI for WPF is Visual Studio 2017 Ready
  4. dnguyen
    dnguyen avatar
    9 posts
    Member since:
    Apr 2013

    Posted 14 Feb 2014 in reply to Boris Link to this post

    Hi Boris,

    Thanks for your response.

    I just want to create Video Editor with your RADTimeline and RADTimeBar
    For that, i have to create a now line to follow frame by frame the playing video

    for example, i click on a play button the video starts and the "now line (vertical line)" is moving over the RADTimeline to show the current video position in frame

    So how can i set the RADTimeline and RADTimebar to a custom interval => frame which is 40 ms
    and how can i draw a vertical line over the timeline to follow the video track?

    Thank you.
  5. Boris
    Admin
    Boris avatar
    276 posts

    Posted 19 Feb 2014 Link to this post

    Hello Duy,

    RadTimeline visualizes a certain period of time, defined by the PeriodStart and PeriodEnd properties. In order to have this period of time appear as a TimeSpan, you need to carefully choose the values for the PeriodStart and PeriodEnd properties and modify the labels in the predefined intervals you use if necessary. In your case you would probably like to start a video from zero minutes and seconds and end at the length of the video. You can do something like this:

    <telerik:RadTimeline x:Name="RadTimeline1"
        PeriodStart="2011-01-01 00:00:00.000"
        PeriodEnd="2011-01-01 00:00:00.010">
        <telerik:RadTimeline.Intervals>
            <telerik:MillisecondInterval />
        </telerik:RadTimeline.Intervals>
    </telerik:RadTimeline>
    In case you need to customize the format strings of the predefined intervals you can use the FormatterProvider feature.

    Also, in order to visualize a now line (vertical line) you can use an annotation. When you update the StartDate property of the annotation, the annotation will update it location relative to the timeline accordingly. For additional information on annotations, please refer to our online documentation.

    Regards,
    Boris Penev
    Telerik
  6. dnguyen
    dnguyen avatar
    9 posts
    Member since:
    Apr 2013

    Posted 21 Feb 2014 in reply to Boris Link to this post

    Thank you, seems to be the good solution...
    I still have a question, do you think we can drag and drop the annotation item in the timeline?


    Kind Regards.
  7. Boris
    Admin
    Boris avatar
    276 posts

    Posted 26 Feb 2014 Link to this post

    Hello Duy,

    This drag and drop logic isn't supported out of the box for the RadTimeline. However a possible approach would be to implement custom drag and drop logic using our DragDropManager.

    You can find a few drag-drop examples with the DragDropManager in its documentation and in the following resources:

    Please let me know if this helps.

    Regards,
    Boris Penev
    Telerik
Back to Top
UI for WPF is Visual Studio 2017 Ready