Embedding Camtasia in Engage in Presenter

With all this embedding of one interaction within another, things can quickly get confusing but not necessarily so. A recent post I did looked at embedding a Camtasia quiz within Engage, and another post looked at embedding Camtasia in Presenter.

But what if you want to embed your ‘Camtasia in Engage’ into Presenter? This post looks at how you do this. As you’ll see, the procedure is similar and pretty straightforward. The only thing that changes is the location of the files. First let’s have a look at what we are trying to achieve:

View Demo

View Demo

This demo was made with Camtasia 5.1 embedded in Engage which was in turn published to Presenter.

How do you do it?

1 Create your Camtasia production and publish in Camtasia avoiding the ExpressShow template format as this conflicts with Articulate Presenter. I chose Custom Production Settings -> Adobe Flash output ->Template: One video and Theme: Onyx. In Flash options, I chose FLV and a rate of 300 kps and quite low quality for this demo. I also took off the loader and the about box in the Controls tab.

Your published files will look like this:

Camtasia published files

(Forgive the French. I am working off a French Vista)

2 Create your Engage interaction and use the “Add Media” tool to select the control SWF that is part of the Camtasia project.

Select the Camtasia controller in Engage

3 Publish your Engage interaction to Articulate Presenter.

4 Publish Articulate Presenter once you have finished your other slides.

5 Copy and paste the Camtasia published files (as shown in 1 above) into the published files folder of your Articulate Presenter presentation at the same level as player.html like this:

Camtasia and Presenter published files

6 Delete the controller SWF (if you like) and move the FLV file into the player folder so that the top level looks like this:

Move the FLV into the player folder

and your player folder looks like this inside:

Contents of player folder

And you’re done. Don’t publish your presentation again in Articulate Presenter. Just double-click the player.html file in the root of your Articulate Presenter presentation and you should see what you were after.

My next ‘Camtasia post’ will look at the other way (Method 2) of inserting Camtasia directly into Presenter without going through Engage.

Advertisements

How To Embed A Camtasia 5 Quiz Into Articulate Engage

Summary: To embed a simple multiple-file Camtasia Quiz into Engage, you need to manually transfer the Camtasia published output into the root level of your Engage output.

Difficulty: Medium

A question in one of the recent comments on this blog (thanks Raju!) has led me to write this short piece on how to embed those Camtasia Flash quizzes into Engage. The process is actually the same as embedding any Camtasia multiple file output into Engage. There is actually a Knowledge Base article on this on the Articulate site which gives some detail about which files to copy etc but the process is quite simple.

1. Create your Camtasia Quiz and publish it. Your files will look something like this:

Camtasia Quiz Published Files

2. Create an Media Tour interaction in Engage.

3. Remove the caption and use the “Change Media function” to select the controller SWF file in your Camtasia published files.

Select the Controller SWF

4. Publish your Engage interaction to the WEB.

5. Copy all of the Camtasia published files (you can leave out the controller SWF if you like since it has already been imported) and paste them at the SAME level as the engage.swf and the engage.html files (NOT in the engage_content folder) so your Engage project folder looks like this:

Engage Project folder with Camtasia published files

6. View your Engage interaction by double-clicking Engage.html.

Here is the example used to make the screenshots above:

View example

Notice that there is no loader for the Camtasia quiz so you might want to add an extra step in your Engage interaction BEFORE the quiz, asking your users to wait a moment before the quiz loads.

This is to view standalone Engage interactions. If you want to import Camtasia into Engage and then import that in Presenter, then the procedure and the file locations are slightly different and will be the subject of another post.

How To Upload Presentations With Manually Modified Content To An LMS or Articulate Online

[HTML3]

When you edit Articulate presentations AFTER they have been published, it often involves manually placing files in the Articulate published file folder. This can be the case with Embedding Engage into Engage (although, as I pointed out in the post about this, this should not be necessary – see below), inserting some Camtasia and Captivate movies, or when linking to an FLV video from a SWF Flash file. There is nothing wrong with that, of course, and it can give some great results, but what if you want to upload your presentation to an LMS or to Articulate Online? How can we get those manually inserted files onto those systems, since we place those extra files AFTER we publish in Articulate Presenter or Quizmaker.

Publishing to LMS and Articulate Online

If you are going to publish to either an LMS or to Articulate Online, and you have edited the published files AFTER you published in Articulate Presenter, then you won’t be able to rely on the automatic publish options available. You are going to have to upload your file manually. Publishing manually means publishing to LMS in Articulate Presenter (even if you want your presentation to go to Articulate Online) and then editing the created zip file (or art5 file in the case of Articulate Online).

When you publish to LMS in Articulate Presenter, choose the type of LMS you want to upload to: SCORM 1.2, SCORM 2004, AICC or AO (Articulate Online):

LMS options in Presenter

If the AO option is not appearing when publishing to LMS in Articulate Presenter, you need to check “Enable publish for manual uploading to Articulate Online) in Articulate -> Library and Options -> Other.

Then navigate to the zip file or the art5 file. If you are wanting to upload to Articulate Online, then you will have created an art5 tag file like mypresentation.art5. To edit that art5 file, change the tag to zip, so that your file becomes mypresentation.zip.

[HTML1]

Now, double-click the zip file to view the contents (no need to unzip), and continue opening folders until you navigate to the folder where you want to edit the published files. In the example below, I want to insert an FLV file to the player folder so that it will run when I launch the SWF shell in my published Articulate Presenter course. So I simply copy the FLV from where I had prepared and saved it previously, and drop it into the player folder. Dropping the FLV file into a zipped folder, will automatically zip the FLV file too. Navigate back up and you have your edited published files ready for upload.

[HTML2]

If you are going to upload to upload to LMS, you are done and you upload the normal way, probably via the LMS directly. If you are to upload to Articulate Online, then change the zip tag back to art5, and you too are ready for the manual upload.

Log on to your Articulate Online account, select the Content tab and then choose Manual Upload.

Manual Upload in AO

Upload your art5 file and then view your FLV playing perfectly from your Articulate Online account.

Engage within Engage

So long as you have access to your Presenter project files, you should not need to edit the published files of a presentation in which you have embedded Engage within Engage, and so there is no need to do anything other than publish automatically and directly from Articulate Presenter.

The Articulate Presenter folders are located in the same directory and the same level as your PowerPoint file, and it will have the same name. When you open that folder, you will see an engage_257 folder (the name can change, particularly if you have more than one Engage interaction in your presentation). Your embedded “Element” interaction needs to go inside this folder.

Presenter project files showing Engage project files within

 

The best way to create an embedded Engage within Engage, is to insert the embedded Engage into the container Engage in the PROJECT FILES of Articulate Presenter, and not the published files. Edit the Engage interactions in the PROJECT FILES, and you will see that Articulate Presenter will conserve your Engage within Engage interaction in your published files. So you can actually publish direct to Articulate Online or to LMS by FTP from within Articulate Presenter if you like.

If, on the other hand, you edit and create your Engage within Engage in the published files, then you will need to manually upload as described above. But why bother? Edit the project files and not only will you not have to worry about unzipping and zipping up again, it will also prevent you from editing the published files EVERY TIME you publish.

Changing The Size Of A Video In The Media Tour Interaction in Engage

Summary: If you edit the data.xml file for Engage, you can specify the size of a Media Tour interaction video or image.

Difficulty: Easy

 

While you can pretty much change all the published sizes of embedded videos in the Engage interactions, there is one interaction which defies all video size customization and that is the Media Tour Interaction. If you insert a SWF video or FLV video into the Media Tour Interaction, it will display at its original size or reduce it to fit, if it is too large.

Large video, small file size ?

Sometimes, you may want your video to be as small in size as possible for bandwidth reasons. If you want to publish your video so it fits the Engage Media Tour screen then you need to have your original video also at a large size, say at 640 x 480 pixels. to fit the Media Tour interaction window size. Inevitably, that means your video will be larger in file size too and so may cause downloading problems.

So what if you could use your original small file size video and have it play larger? The quality may not be quite as good but at least your video runs smoothly.

Here is a video published encoded in Flash FLV at its original size (320 x 136) and then embedded into Engage. It has been converted from mov to FLV.

[HTML1]

It looks ok but it doesn’t fill the screen and I’d like it to.

Here is exactly the same video file but this time it has been made to fill the screen out:

[HTML2]

The quality is acceptable and the video is easier to view.

How do you do it?

Since this cannot be done within Engage itself, you need to edit the data.xml file which comes in the published files of your Engage Media Tour interaction. Locate the data.xml file which is in the engage_content folder of your published files and open it in Wordpad or a similar text editor. You’ll see something like this:

Engage Media Interaction code

Notice the references at the end (highlighted in the red box) to the size of the video. Simply change these figures to the size you want (for example, an image width of 640 and an image height of 360) and then save the file.

Without republishing in Engage (as this will cause the size figures to revert back to the original size), double-click on the engage.html file to launch the interaction and you will see your video is playing at the new size. You can even upload your interaction via the inbuilt FTP service of Engage providing you edit the data.xml file just before sending the file by FTP but after you have published.

Create a free website or blog at WordPress.com.

Up ↑