Using Camtasia With Articulate Presenter

Many users of the Articulate Rapid E-Learning Studio Second Edition resort to using Techsmith’s Camtasia application for taking video screen captures of their screen which they then embed into Articulate Presenter or Engage. There are two main ways of doing this and this article looks at the first method which is essentially the easier way. There is no ‘hacking’ as such, but you need to be aware of a few settings.

METHOD 1: Embedding SWF files into Articulate Presenter/Engage

By far the easiest way of embedding Camtasia screen captures into Presenter or Engage, is to encode your Camtasia capture directly into SWF format.

Setting the size of your video.

Resizing a video reduces the quality of the finished product, so it is a good idea to do your screen capture AT THE SAME SIZE as you wish to show it in Articulate Presenter. Resizing a video can cause playback issues and generally reduces the quality and clearness of the published video, so your best bet is to avoid resizing from the beginning to the end of the process.

Decide how big your video will be in Articulate Presenter. If you are playing in the slide in “Standard” view, your video can be no wider than 720 pixels and no higher than 540 pixels. If you are viewing your video in “No sidebar” view, then you can push the width of your video to about 920 pixels. Don’t forget that once imported, you will not be able to change the size of your published SWF but you WILL be able to change its position. By way of example let us go for a video size of 920 px by 400 px, to leave us some space at the bottom or at the top of the slide for a title.

Preparing your recording screen

Next, try to recreate what you are trying to capture in a window of 920 px x 400 px. Open Camtasia 5, and choose “Make a recording” and then “Select area to record”. Now prepare the subject that you want to record and try to make it appear in your box, either by reducing the size of the application window or by concentrating on just one part of the application. Use your cursor to make a box which is exactly 920 px x 400 px. In the screenshot below, I have made an area which covers the Articulate Online product site on the Articulate website by resizing the internet browser.

AO Screen Capture

Record your video, and when you have finished click “Stop” and your video should appear in a preview window. Choose “Save”, type a name for your video, and then choose “Edit my recording”. It is important, at this stage, to choose the right size for your video as Camtasia 5 tends to place your video in a default 640 x 480 screen or other. In the “Project Settings” dialog box, select the “All” presets and then choose the “Recording dimensions” as your preset for your video. This will ensure that you encode your video at the size you recorded it at.

Project Settings

Once you have finished editing your capture in Camtasia, then, if you are using Camtasia 5, choose “Produce Video As” and then select “Custom Production Settings”. Finally choose Adobe Flash output for your screen capture and click “Next”.

Flash setting in Camtasia

Unlike previous versions of Camtasia, Camtasia 5 has a Flash template called ExpressShow, which adds a player control right at the beginning of the video resembling the videos on YouTube and other similar sites. This template is not compatible with the Articulate Presenter player. When using this template, the Camtasia video will not play the first time the slide is viewed, though it will play on subsequent visits. So you must not use the ExpressShow template. Instead you can opt for the “Legacy SWF output” Flash template.

Select Legacy SWF ouput

Once you have selected the “Legacy SWF output”, click on the “Flash Options” button:

Flash options

This will open the “Flash Options” dialog box where there are a number of settings we need to change:

Flash Options Dialog Box

  • Change the frame rate to 30 fps. By default this is set to automatic. When you look at the various options, you will see that 30 fps is not a suggested setting. However, you can type 30 via the keyboard. Having a framerate of 30 fps ensures maximum compatibility with the Articulate player.
  • If you want to make your video file smaller and quicker to load, and then select Using “JPEG compression”.
  • Choose the quality level of your JPEG compression. 50 may well be good enough for most uses but test. If you find that your file is too large, or the quality is not good enough, change this figure. Make it lower to reduce file size and higher to increase quality.
  • Change the background color of your video. This is not important if you are using the Legacy SWF format.

The other settings need not be changed in the “Flash Options” dialog box. Click “OK” and this will bring you back to the “Production Wizard”.

Make sure that the size is the same as your recording and if necessary change the size settings:

Size settings

Finally click “Next”. Click “Next” again unless you want to add a watermark or add copyright information about your video, “Next” again for the “Marker Options” (there are no marker options), and finally choose the “Production name” for your output file. You can leave the default settings. Click “Finish” and the encoding process will begin.

Embed your video in Articulte Presenter or Engage.

Now, all that is left for you to do is to import your Flash movie via the “Import Flash Movie” tool in Articulate Presenter. Leave the default settings (Play Flash movie and slide in sync), click “Next” and “Finish”. When you publish your presentation with Articulate Presenter, you should find that your video plays fine and that you can control it via the Articulate player controls. Here is a little demo showing the video of the Articulate Online tutorial page that was prepared above.

Demo of Camtasia in Presenter

View Demo

Similarly, you can insert your Flash movie into Articulate Engage as per normal.

In another article, I’ll talk about the second method of embedding Camtasia files into Articulate which includes knowing how to insert a multiple-file Camtasia project into Presenter and Engage.

Advertisements

Most Popular Demos!

I have set up a number of demos either via the forums or through some blog articles on Gabe Anderson’s Word of Mouth blog and most of them are stored on Articulate Online which allows me to see which are the most and least popular. So I thought you might be interested to see the top ten of all time, as of 14th March 2008.

Here they are !

Top Ten Demos

TOP TEN

1 USING HYPERLINKS IN ARTICULATE PRESENTER

This has been a very popular demo and has only been out a short time. It relates to this 101 article I wrote about hyperlinks.

2 Slide Only Options Standard

The first demo of an article about how to remove the controls completely or change the controls in the Full Slide view in Articulate Presenter. This demo is not very interesting at all but it was the first of three so got the most hits ! However, it shows how the article got some interest. The other two come in postion 4 and 5.

3 Captivate in Presenter and Engage

The ability to house Captivate content in Presenter and Articulate software remains popular.

4 Slide Only Options Floating

The second demo of this article which shows how to change the controls in the Full Slide view.

5 Slide Only Options No Controls

The third and most interesting of the demos. There are no controls at all in this demo other than the hyperlinks.

6 Engage to Articulate

This shows how you can use the SDK to point different Engage steps to different Presenter slides.

7 Multiple Embedded SWFs.

We often want to add more than one SWF to a slide and this demo shows that it can be done.

8 The Solar System

A quiz devised by Dave Mozealous incorporating all the quiz type questions into one quiz with audio commentary by myself and comes from the 101 article Getting Started with Quizmaker .

9 Incorporating Camtasia into Presenter

Another demo showing how to incorporate a third-party application into Articulate software. Expect another article soon going into more detail about how to do this.

10 Engage and Presenter consistency.

Part of the 101 series, this demo relates to this article written last month about how to make your Engage interactions fit in better with your PowerPoint slides.

That’s it for this month. We’ll see how interest develops next month! If you’re interested in seeing the other demos (over 60 publicly available), just drop me a line and I’ll add you to my user list. You’ll have access to the portal. Not all of them are worth writing home about but some may give you some ideas.

International Users And The Decimal Symbol in Articulate Presenter

Summary: If you are using a non-English language version of Windows, make sure that the decimal symbol in your regional settings is set as a “.”
Difficulty: Easy

 

As you might know, I am not based in the United States, but in Europe. In fact there are Articulate users in more than 115 countries. Most of us speak some English, either because we are from an English-speaking country like the UK, Ireland or Australia for example (my father is English) or because we learnt it at school (or at least we tried!) but not all of us use an English-language version of Windows. I have an English version of Vista and a French version of Windows XP.

 

Timeline Audio Editor

 

About six months ago, one of our users in France noticed an anomaly in the Sync Animation Timings tool and the Timeline Audio Editor when used with a French operating system of XP. Since then, a number of minor issues have been traced to the use of a non-English version of Windows.

 

The Decimal Symbol is not always the same

 

It all boils down to the decimal point. In English-speaking countries and a number of other countries in the world, the decimal point is represented by a “.”. When syncing animations, Articulate uses the decimal point to measure times between animations. In many other countries, the decimal point is actually represented by a comma “,”. So when a user has animations of 2.5 seconds, then this is represented in those operating systems as 2,5 seconds and that is where Articulate is led astray and why animations do not sync correctly. Countries which use the comma for the decimal point include France, of course, but also Germany and German-speaking countries, Spain and most of South America, Portugal and Brazil, Italy and most of Western Europe, Poland and most of Eastern Europe, Scandinavia, Vietnam etc etc. In other words, this issue affects many users.

 

So what can we do about it?

 

The solution is simple. If you are using animations in your Articulate presentations, or the Timeline Audio Editor or the Sync Animation Timings feature of Articulate Presenter, be sure to make the following changes to your operating system. You can switch back to your original settings if you like, after you have finished.

 

  1. Go the Control Panel and select Regional and Language Options (Options r├ęgionales et linguistiques in French).

     

    Language Options

  2.  

  3. Notice that the decimal point in your regional settings is represented by a comma “,”. If it is represented by “.” then there is nothing for you to do.

     

    French regional settings

  4.  

  5. Click on “Customize” or “Personaliser” in French and you’ll get something like this:

     

    Customize settings

  6.  

  7. Put the cursor in the decimal point box (in French “symbole d├ęcimal”) and change the comma “,” to a point “.” and click OK.

     

    Change the decimal symbol

  8.  

  9. Click OK again and your regional settings will have been changed.

 

Now you can use Articulate Presenter with the expected results.

Blog at WordPress.com.

Up ↑