I want to keep TOC but get rid of progress bar. And, pausing at each marker...

  • 1
  • Question
  • Updated 7 months ago
I found an old post that included the steps in the image provided. When I tested it, it got rid of the TOC as well. Is there not a way to just get rid of the progress bar only?? My other problem is, I have markers and kept the checkbox for "Pause at End" selected so that clients viewing the course would not be forced to the next section before viewing everything. How can I keep it from continuing if that checkbox is not was does the trick?


Photo of amandatappo

amandatappo

  • 1 Post
  • 0 Reply Likes
  • frustrated

Posted 8 months ago

  • 1
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 282 Posts
  • 119 Reply Likes
The Smart Player is not currently able to selectively show parts of the UI.  As you've seen, it is hide all controls or show them.  The player also does not force the user to watch a section of the video before moving to the next section.  However, if you place a Quiz question at each marker we do track how much of the video the user did watch for each section leading up to the quiz question(s) at that time.

So to be clear, it sounds like you'd really like to have a feature that enforces the user watch each section of the video in its entirety before being allowed to watch the next section?

Sorry I did not have better information,
Ben 
Photo of kayakman

kayakman, Champion

  • 7082 Posts
  • 2325 Reply Likes
depending on how many items are in your TOC, you can use full-project-span hotspots to serve as the TOC; or use a button-style navigator
Photo of webteam

webteam

  • 11 Posts
  • 3 Reply Likes
Hey again, Ben! This isn't related specifically to a table of contents, but it's related.

The basic business issue here I think is this: No one wants to rely on someone's word that they watched a training video. We who make them obviously know there's no way to truly force someone to try to learn...  using anything. But, when using videos for mandatory trainings, many people want a way to "lock out" users from "skipping ahead."

You helped me find a way to turn off the control bar at the bottom of the videos, but my issue with that solution is that it removes the ability to adjust playback speed. Our training videos are made to go really fast because most of our users can digest the information fairly quickly. But for those that can't, the accelerated speed kills them.

Right now it seems our only options are "Allow people the ability to adjust the speed, but not have a way to ensure people watched the video," or "Force people into a single speed, but have the ability to prevent them from fast-forwarding."

It'd be great to get an option to individually disable each element in the player controls when generating the video. Alternatively, if there were a way to set a video's speed when calling it through a URL like you can with timecode suffixes, that would also work for us. Something like www.camtasia.com/training/index.html?t=01m04s?p=0.5 to jump to the 1 minute 4 second mark, and to set the playback speed of the video to 1/2.

Any options you can think of that would assist with this goal?
Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
There is a way to setup the player controls.

The way posted above does hide the controls but as others have posted it's all or none.
But there is also another problem with that method.

A viewer can still show the controls and scrub the video. It doesn't let someone easily scrub the video or do other options but it can be done. Also the controls functions will be kinda screwed up.

All a person has to do is Right-Click on the video and from the context menu they can show the controls and do other functions such as change the speed of the video, loop it, etc.



If they show the controls and hover their mouse just above the controls background they can scrub the video. Or at least jump around the timeline.



What I meant by the controls being screwy you'll notice the volume controls on right but trying to use it doesn't work. If you hover around by the pause button though you can click and get the volume to change.

So the controls can be shown but all is not as it appears.

What I do is work with the _player.js file to modify the player controls and so far has worked fine.
I have used the method with hotspots included and a TOC included.
I have not tested with quizzes as I really don't use them but they should work also.

Here is a short example video that has a hotspot about 30 sec. in.
I disabled the play scrubber, click on the video to pause, and the play time numbers.

Someone can still Right-Click to get  the menu to show the controls and do some of the other options but they won't be able to scrub the video.  Look at the video and right-click and see what I mean. It looks a little funny with two controls showing but no one can scrub the video.

https://demotestsite.info/test/candy2/candy.html

Here is another example with a TOC included.

https://demotestsite.info/test/TOC_test/TOC_test.html.

These aren't Hollywood productions. Just some simple examples and the solution still isn't perfect but it does give you more control of the controls.

If interested how to do this, post back and I'll spill the cookies on it :)


Dubie
TechSmith Resources         
Support      Tutorials     Version Downloads _________________________________________________________

(Edited)
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 282 Posts
  • 119 Reply Likes
@webteam

Thanks for the feedback.  We are aware of this need to know if someone has watched a video or not. Currently our two options are:
  • Output from Camtasia as a SCORM package, but this requires having an LMS that supports SCORM.  This allows you to set a percentage of video that the viewer needs to watch to complete the video.
  • Our TechSmith Relay product gives you a breakdown of everyone who viewed the video and how much of it they watched.
Other workarounds that may help a little.  There is a keyboard shortcut to change player speed.  When you are focused on the video player in the browser:
  • SHIFT + UP ARROW increases player speed
  • SHIFT + DOWN ARROW decreases player speed
If you are experienced with web development, you can add some controls to the production html to also change player speed. If you'd like some direction with that let me know.

Ben

Photo of webteam

webteam

  • 11 Posts
  • 3 Reply Likes
@Ben Rhodes

"If you are experienced with web development, you can add some controls to the production html to also change player speed. If you'd like some direction with that let me know."

Definitely, and yes, please let me know!

@Dubie

Thanks, and if you can let me know your method, too, I'd appreciate that.
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 282 Posts
  • 119 Reply Likes
I've modified a Camtasia production that:
  • Disables player controls
  • Added two buttons outside the video frame that are hooked up to change the playback rate of the video.
You can download the production from my Screencast account.

Things to note:
  • I added JavaScript to both HTML files
  • The "testing-production.html" file adds two button elements and JS to listen for click events and then passes a message into the iframe page.
  • The "testing-production_player.html" page listens for that message and modifies the video playback speed if the video element is available (which it is after the user clicks the play button).
I hope this helps,
Ben
Photo of webteam

webteam

  • 11 Posts
  • 3 Reply Likes
Thanks, Ben! I'll take a look as soon as I can. Super appreciate this!!!
Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
@webteam

I finally had a chance to put something together how I have customized the smartplayer controls.

Here is a video and a download for the script I mention and use in the video.

https://demotestsite.info/dubiesdemos/camtasia_controls/

Hope you find it useful


Dubie
TechSmith Resources         
Support      Tutorials     Version Downloads _________________________________________________________

Photo of kayakman

kayakman, Champion

  • 7082 Posts
  • 2325 Reply Likes
Dubie, thanks for sharing all this

I use Chrome; when I launch a video w/smartplayer, right clicking on the video frame does not give me the list of control actions shown in your video

any idea why?
Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
Can't really say Kayakman.

I have chrome up to date Version 72.0.3626.121 (Official Build) (64-bit).

This is what I get from another test video on my site when I right click on the video.
Also when I play a smartplayer video locally.



Chrome is also the only browser between the four that pauses the video at start if I have my video configured to auto play when loaded but I knew Google implemented  that function..

I'll have to look into the right click on Chrome when I get a chance.

If you happen to figure it out let me know.


Dubie

(Edited)
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 282 Posts
  • 119 Reply Likes
Smart Player has a player config that will prevent the context menu from showing up.  We use it on Screencast.com and TechSmith Relay
Photo of kayakman

kayakman, Champion

  • 7082 Posts
  • 2325 Reply Likes
Ben, any chance you could ID specifically the context menu control config in produced file set?
(Edited)
Photo of Ben Rhodes

Ben Rhodes, Employee

  • 282 Posts
  • 119 Reply Likes
TSC.playerConfiguration.setDisableContextMenuForVideo(true);
Photo of kayakman

kayakman, Champion

  • 7082 Posts
  • 2325 Reply Likes
thanks; much appreciated 
Photo of webteam

webteam

  • 11 Posts
  • 3 Reply Likes
@Dubie

Thanks so much for this vid!

Making the edit at the 6:45 mark in the file at the 3:10 mark worked perfectly for what I needed!!!
Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
@webteam

I'm happy you got something useful my it.

Best of luck with your future projects.


Dubie

Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
@Ben

Thanks for that code line.

I like that better than having to add a script.

Dubie

Photo of kayakman

kayakman, Champion

  • 7082 Posts
  • 2325 Reply Likes
@Dubie ...

paste into Chrome address bar to set/disable forced behavior of pause-at-start behavior

chrome://flags/#autoplay-policy
Photo of Dubie

Dubie

  • 1457 Posts
  • 1180 Reply Likes
Thanks Kayakman.

My default browser is Firefox. I use Chrome occasionally but always to test stuff with.

I really don't like to make personal settings because I like knowing what the default settings
do and how other people will see my content when ever possible.

But thanks again for the flag setting. I added it to my hacks file.

Dubie