Using full-screen videos for slide backgrounds in Storyline is this week’s challenge on the e-Learning Heroes Forum. Here’s the scoop on how I came up with my submission for the week.
Where did the idea come from?
I’ve always been interested in the field of criminology! In fact, I used to love to watch a show called Quincy, M.E. starring Jack Klugman as a Los Angeles County medical examiner. A medical examiner (often also referred to as a forensic medical examiner) is a medical doctor who is responsible for examining bodies post mortem to determine the cause of death. As such, they must determine the cause, the manner of death, and the circumstances surrounding the death of an individual. My interest in criminology, medical examiners, crime scene investigation and photography (another love of mine), led me to this week’s topic… Introduction to Forensic Photography.
The challenge directive was not to build out a full course or demo but create a single-slide that showed background video or animation. Let’s take a closer look at the design approach I used.
For the opening, I wanted to capture the look and feel of a crime scene while also incorporating the photography element. This required that I combine two videos and use Camtasia Studio to adjust the transparency/opacity levels of each. This allows the rotating camera video to show thru the “Police Line Do Not Cross” video. I added background music to match the tone of the subject. Storyline triggers were configured to loop the video and background music. To learn more about looping, click here.
Next, I created a single layer to host the menu. On this layer, I added four videos to serve as animated thumbnails for each section of the course. The background music and opening video will continue to play while viewing the menu.
Note: This is a quick demo! If I created this for a client, I would place a transparent rectangle over all videos to keep the user from pausing them!
Click either of the images to see this sample! Please feel free to share your comments below.
I’ve also created a few more examples in an updated post that you can view by clicking here.