Using Frame duration and how to add the now line?

[dnguyen]

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.

[Boris]

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

[dnguyen]

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.

[Boris]

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

[dnguyen]

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.

[Boris]

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:

• In our Xaml-SDK /DragDrop section.
• In the DragAndDrop section of our WPF demos. 

Please let me know if this helps.

Regards,
Boris Penev
Telerik