0

I have a couple of questions below in the description

1479 0 4
Posted   2 years ago

1. In my project we have a bunch of different modules with many different videos and right now we have the player controls hidden so that a user can't skip ahead. But we are wondering is Is there an option to include a per-module “timer” somewhere from within the platform?  Like since we hide the controls we also hide the timer. Is there a way to just have the timer? 

2. is there a way to change the color of the play head that is placed on top of the video? right now it is a darkish gray and are videos have a little bit of a darker background so just want to know if we can make it a lighter color or add a background color behind it?

3. Right now we have it so the next button is disabled until the video has finished playing. But if you go the next page after finishing the video and decide you want to go back and watch the previous video again the next button is disabled and you have to watch the video again to move forward. Is there a way to make it so the first time they have to watch the video for the next button to be disabled but if they go back to that page after they have already watched it to have the next button be enabled? 

 

 

 

Comments

( 0 )

Answers  ( 4 )

1
avatar Jessica-Lynn Russell   |    
Posted   2 years ago

For #1

Here's how to show and control a timer based on the video's time

1.     Add a Timer to your page (here is an article on how to do this https://dki.io/e66ab254 )

2.     Deselect “Auto Start” on the Options tab

3.     Select Binding on the Options tab

4.     Use Value - Enter the exact time of the length of your video and click OK

5.     Select the video on the stage

6.     Select the Actions (lightning bolt) element control to add an action

7.     Select “More”

8.     Select “Media & Timers”

9.     Select “Play” and click Next

10.  Select the Timer as the Target

11.  In the Trigger drop down select “When media is played”

12.  Click Apply

 

Add another action to Pause the Timer  

1.     Click Add on the Element Interactions panel

2.     Select “Media & Timers”

3.     Select “Pause” and click Next

4.     Select the Timer as the Target

5.     In the Trigger drop down select “When media is paused”

6.     Click Apply

 

Add another action to Replay the Timer  

1.     Click Add on the Element Interactions panel

2.     Select “Media & Timers”

3.     Select “Replay” and click Next

4.     Select the Timer as the Target

5.     In the Trigger drop down select “When media ends”

6.     Click Apply

Comments

( 0 )
0
avatar Chris Van Wingerden   |    
Posted   2 years ago

For item #1, can you describe a bit more about the purpose/use case for the timer?

For item # 2, the playhead color isn't customizable, but you can add a Poster Image to the videos. This could be a frame from the video itself or an image you upload. The Poster Image is displayed to the learner before the video is played, so an uploaded Poster Image would give you a chance to create more contrast at least for the start of the video. Step 7 of this lesson shows this as part of the process for uploading a video intially >> Upload and add a video to a Page in Claro. You can also do this from the video's Properties panel/Edit option after you've uploaded the video.

For item # 3, you could set a variable on the page when the video ends and use that override the disabling of the Next button if they return to the page. For example, the end of the video sets a boolean variable "Video1Completed" to True. You can now add another Action on Page load, to Enable the Next button if the "Video1Completed" variable is true. I'd suggest adding a slight timer delay of .5 seconds to this action, just to ensure it doesn't get triggered before your original action to disable the Next button (if the learner goes back to the page, the Next button would disable for a half second then re-enable, and they probably won't notce this). You'd need to set this up as a different variable for each page with a video. I set this up in a simple two-page example that you can view here: Tracking Video Completion to Enable Next Button (there are a few other variations/ways that you could set up something similar using variables, this approach was the quickest I could think of an implement. ) 

Comments

( 0 )
0
avatar jhermes18   |    
Posted   2 years ago

For item #1, what i mean is that we have header the controls so that they can't srub through video but in doing so you have also hidden the time of how long the video is or how much you have left. Is there a way to add something that will tell the user how long the video is or how much is left? 

Comments

( 0 )
0
avatar jhermes18   |    
Posted   2 years ago

also is there a good demo i could watch or something to add variables. I have not worked with them and not sure I fully understand how to add them 

Comments

( 1 )
0
2 years ago     Chris Van Wingerden     1347   |   7  

For variables, start with this article here, Variables in dominKnow | ONE: A primer >> https://dki.io/1a946525. I'll also send you an email with a code and steps to import the sample I shared above into your own dominKnow | ONE site so you can see how it was set up.