Overview
This tutorial provides instructions on how to add onscreen text to a Kaltura video. This is done by adding a URL hotspot, but not actually adding the URL itself - only the text.
Any Kaltura media owner can add a hotspot to a video they own. This applies to all UCSD instructors, students, and staff with active directory credentials.
Critical Concepts
What's a Hotspot?
A hotspot is a textbox layered on top of the video that allow for several actions if a viewer clicks on it while watching:
- It can take them to a particular URL
- It can take them to a different part of the video
- It can do nothing (it can be static text on the video)
Check out the embedded video to the right to see examples of hotspots. You may want to maximize the video player.
Prerequisites
- You must be a media owner or co-editor. The ability to add hotspots is only available in the Kaltura video editor, and only media owners and co-editors are able to access the editor for a particular piece of media.
Things to Keep in Mind
- There are 3 hotspot types. If you'd like to see tutorials specific to the other types, click one of them below:
Steps to Take
In Canvas | In MediaSpace |
---|
- Log into Canvas.
- Go to https://canvas.ucsd.edu.
- Enter your active directory credentials.
- Within Canvas, click My Media in the left navigation.
- Locate the video whose captions you want to edit, and click the pencil icon in its row.
|
- Log into MediaSpace.
- Go to https://mediaspace.ucsd.edu.
- Click the profile icon at the top right of the page and select Login.
- Enter your active directory credentials.
- Click the profile icon again and select My Media.
- Locate the video in question, click the kebab on its row (three dots), and select Edit.
|
- Click Launch Editor in the gray box next to the video player. The Kaltura Video Editor will launch.
- In the left navigation of the Video Editor, click the icon that looks like an arrow within a square.
-
Use either the play controls within the video player or the timeline below to find the place in your video where you want the hotspot to first appear onscreen for viewers, and click the Add Hotspot button.
- Enter the text you want to display onscreen in the "text" field.
- Ensure that the "URL" radio button is selected.
- Leave the "link to" field blank.
- Click Done. (If you want to explore the "Advanced Settings," read below.) You should now see a little yellow box has appeared above the timeline at the bottom of the Video Editor, and above the timeline.
- Position the hotspot within the player window by dragging and dropping it where you see fit. You can also enlarge the box, though this won't change the font size.
- Play the video or use the scrubber in the timeline to find the time in the video when you no longer want the hotspot to be onscreen for viewers. Drag the right side of the yellow box that's above the timeline to that desired endpoint.
- Click Save at the top right of the Video Editor window.
Advanced Settings
You have additional configuration options for your hotspots that you can access by clicking "advanced settings" when an existing hotspot is selected in the Video Editor. In addition to being able to change the text and link or timecode (depending on the type of hotspot), you have control over the look and feel.
Styles
- Text Color & Style allows you to change the color and weight of the text (weight being whether it's bold, thin, or "normal").
- Text Size allows you to change the size of the text.
- Roundness affects the corners of the textbox. The higher the number, the more rounded the corners become.
- Background color allows you to affect two properties of the textbox: the color and its transparency.
- Position allows you to articulate specific x and y coordinates for the textbox, if you'd rather use hard numbers rather than dragging and dropping it in the preview video window.
- Size allows to articulate the specific size of the textbox, if you'd rather use hard numbers rather than dragging and dropping it in the preview video window.
Timeline
- Start time and end time allow you to manually enter mm:ss (2 digit minutes, 2 digit seconds) timecodes for the starting and ending points for when the hotspot will be visible, rather than having to use the yellow "curtains" above the timeline.