Camtasia (Mac): Update the Version of the TechSmith Smart Player

Problem

How do I update Camtasia production files to use the latest version of the TechSmith Smart Player?

Solution

The TechSmith Smart player is made up of these files:

  • techsmith-smart-player.min.js - JavaScript required to run the TechSmith Smart Player.
  • embedded-smart-player.min.js - JavaScript required to run the TechSmith Smart Player.
  • techsmith-smart-player.min.css - All the CSS used to display the TechSmith Smart Player

TechSmith provides an endpoint that will always resolve to the newest major version of each of these files (CDN). These links will always be up-to-date without doing any further edits to your Camtasia local productions.

Option 1: Update Local Files

  1. Download the above files to your desktop by first clicking on the link and then right clicking on the web page it opened and choose Save As or Save Page As.
  2. Copy techsmith-smart-player.min.js from above and paste it into this location within your local production from Camtasia (this will overwrite the file in that location): media/scripts/techsmith-smart-player.min.js
  3. Copy embedded-smart-player.min.js from above and paste it into this location within your local production from Camtasia (this will overwrite the file in that location): media/scripts/embedded-smart-player.min.js
  4. Copy techsmith-smart-player.min.css from above and paste it into this location within your local production from Camtasia (this will overwrite the file in that location: media/skins/techsmith-smart-player.min.css.

Option 2: Use CDN Links Directly

You can replace the existing references to the Smart Player files with the full path to that file on the CDN.  When deployed to production, the latest major version of the TechSmith Smart Player will be used.

  1. Open the index_player.html file that was produced by Camtasia. This can be found in: (production folder name)/media/index_player.html
  2. Paste in the full URL of the CSS file as shown here:
    cdn_css.png
  3. Paste in the full URL of the techsmith-smart-player.min.js file as shown here:techsmith_js_file2.jpg
  4. Paste in the full URL of the embedded-smart-player.min.js file as shown here: embedded_js_file5.jpg
  5. Save the HTML file.