Why the hotspot doesn't work after I produced the video in Camtasia 9?

  • 1
  • Question
  • Updated 2 months ago
Why the hotspot doesn't work after I produced the video in Camtasia 9?
It worked fine with Camtasia 8.
What changed?
Photo of cindycy

cindycy

  • 3 Posts
  • 0 Reply Likes

Posted 2 years ago

  • 1
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
Are you doing a custom production with the smartplayer?

You need to play the video from the html page in the folder that is created when you produce your video with the smartplayer to have the hotspots work.

Locally you can just drag and drop the html file on to a browser window.

To work from your website you need to upload the whole folder and link to the html page.

Dubie:)
(Edited)
Photo of cindycy

cindycy

  • 3 Posts
  • 0 Reply Likes
Yes, I'm using custom production, but I didn't find the smartplayer option.
The video I've produced was an only mp4 file. I tried to produce MP4 with smartplayer option, however, got an error message.
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
When you produce/render your project

Use "Custom production settings"



In the next window select MP4-Smartplayer (HTML5)



The next window Check mark "Produce with controller"
Auto-hide controls and/or Pause at start is your choice

If you don't check mark "Produce with controls" , Camtasia will only produce a mp4 file
and none of the other file for the hotspots to work.



In the next windows set whatever other options you want if any.

At the bottom of the window "Embed video into HTML" should be
check marked and it will be grayed out.

You can also click the HTML options... button to name your HTML page.

Note: If you do name your page that will become the default page name of
any other videos you produce this way until you change it.



The last window,  give your project/video

1. A Name

2. Select where you want your video saved to

3. You should see a list of files Camtasia will produce.

Click finish to render your video.




Your now produced video W/smartplayer  will be a folder with the name of your video
and should contain the files shown in the list above in step 3.



As I mentioned in my post  above, your hotspots will only work by using the HTML page

In the example above it would be the "soundjump4.html" file.

Hope that helps

Dubie:)
(Edited)
Photo of sean.oconnell

sean.oconnell

  • 5 Posts
  • 0 Reply Likes
Im still able to select any area not specifically the hotspot to move on. What am i doing wrong?
Photo of cindycy

cindycy

  • 3 Posts
  • 0 Reply Likes
Thanks, it works!
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
Cool, It's nice when a plan comes together !
Photo of Francois rivest

Francois rivest

  • 3 Posts
  • 0 Reply Likes
When saving as web pages, hotspots are not working, but they are when uploading to Screencast. Any ideas why?
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
"When saving as web pages, hotspots are not working"

How are trying to view those webpages?

Dubie:)
Photo of Francois rivest

Francois rivest

  • 3 Posts
  • 0 Reply Likes
I have tried locally using chrome or ie directly (on windows), or using http-server and again chrome or ie in case there was a security issue
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
Have you tried in Firefox?

Are you drag and dropping the HTML file onto the browser?

How are you doing it directly on windows? It won't work in media player.

If you followed the process above than you should be able to drag and drop the HTML file onto a browser window and it should play with the hotspots functioning.

Posted on the web you need to link to (view) the HMTL file.

Note: All the files in the final production folder need to be keep together for the hotspots to work.
In other words... you have to upload the complete folder and have your link you share goto the HTML file.

Dubie:)

(Edited)
Photo of Francois rivest

Francois rivest

  • 3 Posts
  • 0 Reply Likes
Camtasia generates a number of files, including the main html file and lunches it into chrome automatically. If I open the same html with IE, I get the same problem. If I run http-server on windows on the directory where all the files are and run chrome (or IE) to access the same file but via localhost, I get the same issue too. In all those cases, the hotspots are not working. 
Photo of Dubie

Dubie

  • 950 Posts
  • 730 Reply Likes
I  can only guess here but possible

Anti-virus blocking ?

JavaScript blocked locally or on browsers?

Did you test the  hotspots pre-production when editing?

Only some off the top of the head ideas..

This is one of those check this, check that, process of elimination things.

Dubie:)

 
Photo of Chuck Meyrick

Chuck Meyrick

  • 1 Post
  • 0 Reply Likes
Dubie, I am having the same problem. I followed the steps you outlined; also tested the hotspot within Camtasia. But the final product's hotspot doesn't work. I've tested it in Chrome and in Firefox. The hotspot appears in the video, it *looks* clickable (the mouse arrow turns into the hand when I mouse over the spot). A little bubble appears that says "Hotspot: Play", but clicking invokes no action.
I have set the Properties of the hotspot to be a URL callout; have tried it with the hospot opening a new browser, and not opening a new browser. Can't for the life of me figure out why nothing happens.
Photo of kayakman

kayakman, Champion

  • 6241 Posts
  • 1828 Reply Likes
using CS9? which version; 91.0. is latest

hotspots should work OK; I use them all the time

assume you're producing with smart player, and trying to launch using the xxx_player.html or xxx.html files

are you trying to play locally, off a web site?  try sharing to screencast.com; does that work?

what duration is the hotspot callout?

do a custom production, and in video settings tab, set keyframes to 1 sec; does that help?
Photo of Bill Coughlin

Bill Coughlin

  • 160 Posts
  • 13 Reply Likes
I guess all my 1,000 videos over the last few years will need to be rebuilt to have the hotstop menus work again????
 https://coughlinteam.com/images/coughlinteam/movies/WWLLH/219_Balsam_Harrison_Hot_Springs/219_Balsam...
Photo of Bill Coughlin

Bill Coughlin

  • 160 Posts
  • 13 Reply Likes
Kayakman  is it even possible to have a Left menu like this today to work on the many cell phone platforms? https://coughlinteam.com/images/coughlinteam/movies/WWLLH/219_Balsam_Harrison_Hot_Springs/219_Balsam...
Photo of kayakman

kayakman, Champion

  • 6130 Posts
  • 1761 Reply Likes
Bill, I cannot test the cell phone thing as I don't have a smart phone device

see my other response to your other thread request