Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Using Camtasia, H5P and LibGuides to produce online modules: Home

Example of a module using this approach

Preparation

Time

  • Expect one minute of video to take about 1 hr 40 min to produce from start to finish

File structure

  • Have a folder for each separate project and work with the files locally, i.e., not in the cloud (back up the main folder regularly as a .zip file and store that file in the cloud or somewhere secure)
  • This folder should ideally contain every file that you use to develop your module: This can make things much easier later if you need to make any changes in the future
  • One project can be made up of multiple modules
  • Each module can be made up of multiple H5P slides
    • Suggestion: Each H5P slide = One video of 2 to 4 min or one activity
  • Use of a file naming convention is strongly recommended:
    • First, structure your modules and keep the outline of the structure in a document, e.g., KS-Modules-Structure.docx
    • Each module made up of sections called slides in H5P, e.g.,
      • Module 01: Preparing for a systematic search
        • 01_00: Land acknowledgment (McGill YouTube video embedded in first slide/subsection)
        • 01_01_Intro: Introduction
        • 01_02_Why: Why are you searching?
        • 01_03_ClearQ: Formulating a clear and novel review question
        • 01_04_Define: Defining what you mean
        • 01_05_QFrame: Question formulation and concept tables
        • 01_06_FocusedQ: Focused questions are more feasible
        • 01_07_MultipleQ: Do you have multiple questions?
        • 01_08_WhatHowMuch: Getting a sense of what and how much literature is out there
        • 01_09_ExistingRevs: Finding existing reviews or protocols
        • 01_10_RelevantArt: Finding relevant articles
        • 01_11_Refine_Criteria: Refining your question and eligibility criteria
        • 01_12_Quiz: Quiz: Test your knowledge
        • 01_13_Activity: Activity: Apply your knowledge
  • Try to maintain naming and numbering conventions

Example of a file structure saved in the folder Desktop\Template:

  • 01 Scripts: Could be a Word document for each section (or slide) of your module with a column for Actions and a column for the script (the actions are what you will be doing visually and it is highly recommended that you write out a script for exactly what you will be saying)
    • e.g., module 1 has 13 slides, each with its own script saved using file naming convention
    • Example of the beginning of the script in 01_08_WhatHowMuch_Exported.docx:
  • 02 Prep Files: Any files you will be using to build materials (for example, a documented search strategy in a Word document that you will use as a basis for your screen casting)
  • 03 Exercise Files: Files you will be sharing with students, for example a worksheet for keeping track of search terms
  • 04 Project Media Files: This folder could include sub-folders for _Camtasia Recordings (screencasts), Audio (m4a files without video, e.g., if you are recording audio with another program like Audacity or recording voice narration separately from video), Pictures that will be used in your videos, Screenshots, PowerPoint PNG images of Slides (Slides PNG)
  • 05 Camtasia Project Files: These files could mirror the structure of your online modules (one file per section of your module)
  • 06 Exports: This folder could include a folder for each of your slides in your module, a Poster folder, a Captions folder

Camtasia recordings

Note: File types will depend on the version of Camtasia you are using or have used, and you may need to research how to convert older Camtasia files (e.g., may require downloading older versions of Camtasia)

File types in Camtasia 2020:

  • .tscproj – Camtasia project files: live in my 05 Camtasia Project Files folder
  • .trec – Camtasia recordings (screencasting): live in my Camtasia 04 Project Media Files\ _Camtasia Recordings folder
  • .m4a – audio files: live in my 04 Project Media Files\Audio folder
    • Used when recording audio separately from visuals
    • Try to label them by module number, e.g., 01_03_ClearQ.m4a
    • You add these as media to your project file

Before recording:

  • Use room with good sound absorption
    • Don't record in a kitchen (good advice based on my admittedly anecdotal experience and kitchen setup), or in a room with too much metal or too many windows
    • Rooms with soft furnishings are good, but not too many; a bedroom or living room usually works
    • Do not record in dead center of a room or with mic close to a wall
  • Avoid background noises or try to keep them behind the mic
  • Check right mic is selected (e.g., a mic such as Blue Yeti is highly recommended; sound quality can be a significant factor in audience ratings)
  • If using Voice Narration to record audio in Camtasia (if recording audio separately from visuals), click on the little wand – makes a difference in sound quality
  • Calibrate your mic:
    • Compare to other recorded audio for consistency; also helps to make sure your rhythm, intonation, and words per minute (WPM) are similar across slides and modules, so be sure to compare, especially when changing settings/recording at very different times and in different locations
    • I keep my audio files in 04 Project Media Files\Audio
  • Screen recordings:
    • Make sure camera is recording 1280 by 720 px (that is the ratio of my big screen; I use full screen for recordings and increase size of content in browser using Ctrl+; if recording from laptop, I make sure to have this ratio in use ideally, in Display Settings)
  • Recordings with audio:
    • Record a few seconds of dead airtime at beginning and end, to help with background noise removal later
    • If you make mistakes, keep going – mistakes can be cut out later

Saving audio and video recordings:

  • I save my screen recordings in 04 Project Media Files (I do not rename them; that location should be set as default--this can be configured to happen automatically in Camtasia)
  • Save audio recorded using More > Voice Narration in 04 Project media files\Audio (I rename them using standard format X_X_Name, following file naming & numbering convention)
  • For audio, use More > Audio Effects > Noise Removal (not usually necessary to change the noise removal settings, but that is an option)

Camtasia editing

Use a 1280 by 720 px canvas (check project settings from % dropdown menu at top)

Suggestion: Add a fade transition between sections (remove from sections that have been cut though, for seamless transitions in those cases)

Audio: Use Audio effects > Noise removal

Beginning of a module (e.g., module 1: Preparing for a systematic search):

Suggestion: Use land acknowledgment as opening slide of first module

Suggestion: Use McGill bumper at start of the module (after the land acknowledgment)

  • McGill Library Communications can provide this bumper

Beginning of a slide:

Use a consistent opening if applicable: This can be added to your Library and then reused consistently across your slides, for example; document which media files this is for future reference

End of a slide:

Use a consistent closing if applicable: Save this to your Library for ease of use and document which media file this is for future reference

Ending of a module

Use a consistent module ending if applicable: Save this to your Library for ease of use and document which media files this is for future reference

Background

Use a consistent background file, if applicable

  • e.g., Right-click on canvas and change settings to set background colour to McGill grey

Titles and sub-titles

Document the case you will use for your titles and sub-titles (e.g., title or sentence case)

References

Document what citation style you will be using for references and maintain consistency

Images

See "background" section as well

Saving images in the project files

  • Save in Template\04 Project Media Files\Pictures (do not use section numbering as pictures may be reused across sections)
    • If applicable, save licenses for images to > License folder
      • Can subscribe to Freepick, The Noun Project and not need attribution for works downloaded during subscription, but make sure to save license

Captions

Train Camtasia using the Camtasia Voice Training Tutorials: More > Captions > Settings icon > Speech-to-Text

Once audio is done, go to More > Captions > Speech-to-Text > Continue to generate captions (you can also import your script and create the captions that way)

Correct captions in Camtasia (Camtasia is pretty good at captioning)

  • Camtasia will help establish if captions are ADA compliant

When done editing captions:

  • Share > Export Captions > Can save as .sri file in Template\06 Exports\Captions (following file naming conventions)

H5P uses .vtt rather than .sri so you will need to convert:

  • Use Subtitle Edit (free software you can download) to open the .sri file and save as .vtt file (just click on the Save button: There is no Save As option specifically; then change file format to .vtt)

Upload this caption file to H5P: Edit > Go to slide: Edit > Text Tracks > Subtitles > Track source: Import .vtt file from Template\06 Exports\Captions

Poster

This will be the image that people see when they go to each slide in the module

  • Before exporting a frame as a poster, hide the captions in Camtasia (if applicable)
  • Select the frame in the timeline
  • Go to Share > Export Frame As… > Save file to 06 Exports\Captions using file naming and numbering conventions

Production settings

  • Video options > Options button > Spell out title and add author info on next tab

Exports

Files to export to H5P:

  • Video files from Camtasia
  • Captions file (save srt from Camtasia and convert to vtt with Subtitle Edit program)
  • Posters from Camtasia (for thumbnail-like image in H5P: Picture that shows up when you switch to a slide, contains section title and sub-title)

Share (Export)

  • Custom Production > Dimensions: 1280 x 720 (Editing Dimensions) > MP4 (Recommended) > Next > Smart Player Options Options tab: Unchecked Table of Contents and Captions (will add captions separately to H5P) > Next > Video Options: Video Info > Options button > Title: Sentence case, Language: English (Can enter keywords, description (keywords: Sentence case first letter capitalized separated by commas??) > enter Author information > Rights management: CC BY-NC-SA 4.0 > Production
  • Export file: Template\06 Exports

Adding content to interactive presentations in H5P

Intro image/poster

Add the video exported from Camtasia (.mp4) as an interactive video (NOT as regular video): Click on Edit > Go to slide > Click on the icon illustrating more options (three dots) to see this option

  • Add title
  • Video quality: 1280p
  • Upload video
  • Upload poster (should have been saved in Template > 06 Exports > Posters)
  • Upload vtt file (should have been saved in Template > 06 Exports > Captions)
  • Change title of interactive video and "hide title on video start screen"
  • Click Done
  • Stretch out the video to take up the whole space
  • Save
  • Add interactive elements such as external links, hotspots, quizzes separately

License

  • If possible, CC-BY-NC (decided on CC BY-NC-SA 4.0)

Liaison Librarian

Profile Photo
Genevieve Gore
Liaison Librarian, Schulich Library of Physical Sciences, Life Sciences, and Engineering
Contact: Website

McGill LibraryQuestions? Ask us!
Privacy notice