Seekbar control video for Elementor - elementor

First of all, sorry for my english.
I need to build a custom control for Elementor. A video was uploaded with the video widget, and the custom control should be able to delimited certains positions in the video, and in that positions a custom html could show in that delimited parts. For instance: the video has x amount of time. the custom control create a repeater slide and between the 0:20 to 1:00 a custom html can show up, in the mean time the video continue playing, and in other time, ie the 2:20 to 3:00 another html can show up. I don't understand if you guys can understand my issue.
I appreciate all the help that you can bring me. Thanks a lot in advance. If you have some ideas to show me the right path that help me a lot, cause I'm spending so much time on this and the time to the D day is nearly. Sorry for all.

Related

How to add background text to video recording?

I'm using videojs-record. On the top right corner there is REC text along with a red dot.
I am thinking to add more text to the ongoing video recording, something like video logs that Matt Damon did in the movie Martian.. Anyone knows how to achieve that? Thanks!
The record indicator is just a <div> element and won't be stored in the recorded video.
However, by the same logic you can just draw stuff on a <canvas> on top of your video (and hopefully you'll also get back from Mars somehow).

Video seekbar color change based on forward time

I am trying to work on html5 video where I have to get a white colored line that changes based on where the cursor is hovering on the time bar. This is not to be confused with the current play time which is red colored line.
How do I get this white line? Do I need to calculate the current play time and forward time and then apply some sort of css on the remaining portion?
Please help me with ideas. Please see the pic to know what I am talking about.

Loop video file placed in interactive pdf

I have an interactive pdf document that is displayed fullscreen. there's a navigation bar that users can press to jump to different pages.
What I need is some sort of looping screensaver (a collection of photos) that can be enabled by the user pressing a button.
I considered dropping in a video of a slideshow that I made in after effects, until I realised it's not that easy to loop the playback of that video!
How can I loop a video that I have placed onto a page in a pdf? I've read somewhere about swf's looping but I've tried that and there's no loop option when I place the file in acrobat?
Can someone give me some advice as I thought it would be pretty straightforward to loop a video and now it's looking far from easy.
Thanks
If it is just a slide show, meaning changing images at regular intervals, a few things could be done with Acrobat/Reader's on-board means.
In Full Screen, Acrobat allows to cycle through pages every whatever second. A button on those "screensaver" pages would get back to a "real" page. The question is whether that would interfere with the rest of the document.
Another approach would be having a Button field, icon only, read-only, no action, where you would show an image (preferably PDF) as an icon, and have a control loop running (using interval, timeout) loading different icons. This could be implemented with quite little JavaScript.

WPf Loading screen

I have window with loading icon.
In application I do like this
// create loading window
loadingWindow.Show();
//do some operations
loadingWindow.Visibility = Visibility.Hide;
loading window is not showing.
Can you tell me guys what I do wrong?
Maybe this will give you some help in the right direction. I believe you have to use threads to get the loading effect.
Edit: You show the loadingWindow, then you do operations and then you hide the loadingWindow. Since there is nowhere stated that the app should wait with making the loadingWindow hidden till the operations are done it won't show up. If you look at the link I posted you should get a general idea of how to make a loadingscreen. If it so happens to be you do need help with it, just say so in a comment.
Hope it helps.
If you want a splash screen, use the SplashScreen class.
Note that it can only display an image, so it's not suitable if you need something more complex (e.g. animations or interactivity)

How to implement slider/progressbar for video app, YouTube style?

I want to implement slider/progressbar like YouTube style. That means when mouse on the progressbar the tooltip show the time position exactly. How can I do that?
Should I use Slider? or perhaps ProgressBar?
Thanks in advance!
please look into the jobi's link for the slider previews may this can help you
http://jobijoy.blogspot.com/2009/07/attaching-preview-behavior-to-wpf.html
I want to revisit this question in 2013. As of Aug 13, 2013 youtube has a progress bar implemented at the top of the website. A redline crosses the screen from left to right at the place where the browser(probably bookmark bar for some) meets the actual website.

Resources