A Note on Terminology: Since the editor is primarily designed for video editing, this article uses the term video for edited media. However, the information and procedures also apply to any audio-only files you may have. It does not apply to interactive media (videos with embedded polls). You cannot currently edit the video portion of interactive media; you can only add, remove, or edit the embedded polls, and as such, the Edit Media command for interactive media is disabled.
The EchoVideo media editor allows you to customize the thumbnail image shown for video or audio media. By default, the EchoVideo media processor uses a still frame from near the beginning of the recording. The thumbnail is always pulled from Channel 1 (labeled as Video 1 in the editor) for dual-track media.
The thumbnail is what users see on the media tile in the Library or in a Group and what administrators see on the Captures page. Users also see the preview image for media posted or embedded outside of EchoVideo before playback.
The thumbnail customization feature allows you to peruse the entire media for just the right still moment. Then, select an image from the video (or from either track for dual-track media) or upload a custom image. You can also revert to the original image at any time.
Before You Begin
There are a few items we want you to be aware of before you use the Set Thumbnail feature for your Video / Audio media:
- If you are using Safari, you should stop and use a different browser to set your thumbnail. There is a long-standing issue with WebKit (the browser engine used by Safari) where users cannot select an image from URL-served content (as EchoVideo media is). No other browsers are affected. You can upload a custom image but cannot select an image from the media. Safari is acceptable for all other EchoVideo media editor functionality.
- As the note at the top of the page states, interactive media cannot be edited through the EchoVideo video editor. If you want a custom thumbnail for your interactive media, you must first set that image on the video and then add polls.
- For custom-uploaded images, we maintain a 16:9 ratio and 1280x720 dimensions. If you upload a larger or smaller image, we will scale it up or down to meet either the width or height (whichever is closest) and then allow you to crop or rotate the image yourself.
- While you can select an animated gif as your custom uploaded image, we do not support animation in the thumbnail; we will use the first still image from the gif.
Selecting the Thumbnail and Preview Image From the Media
Users often want to select a still image from the recording that provides at-a-glance information about the video's topic or subject. You can select the image from either track if your video has dual video tracks. In all cases, a preview appears before you finalize setting the thumbnail, allowing you to cancel and find a different one if necessary.
To select a custom image from the media
- Click on a video in your Library (or the Admin completed captures list) to open the Media Details page.
- Click the Media Editor tab from the left menu, as identified in the image below.
The video opens in the editor.
- Play and pause, or scrub through the media to find the still frame you want to use for the media thumbnail image.
You can also manually use the location text box to enter a specific time location.
- Click the menu button on the cut marker, then select Set Thumbnail, as shown in the image below.
Alternatively, click the current thumbnail image to the left of the media title below the playback panel. The options in the popup are identical.
The Set Thumbnail dialog box opens, showing the current media thumbnail and options for choosing a new one, as shown in the image below.
The current playback location is identified in the Video option. If this is a dual-track video, both options will have the current playback location, allowing you to select either track's still image. - Click the Video track option containing the still image you want.
The Preview panel in the popup will now show that image.
- If this is your desired image, click Set Thumbnail, as the image above identifies.
- If it is not your desired image, click Cancel and repeat the above steps.
The image is applied as the new thumbnail and appears in the thumbnail location in the editor to the left of the media name, as identified in the image below. You do not have to click Save to apply these changes.
The media's new thumbnail appears on the media tile in your Library, as shown in the image below, in any Group where this media resides, and in the captures page for Administrators. If this media is embedded or posted anywhere, the newly applied thumbnail also appears as the Preview image shown to users before playback.
If you want a different thumbnail, repeat the above steps to select a different location. You can also revert to the original OR upload a custom image if there is no still location in the video you want to use.
Revert Custom Thumbnail to Original
If you select a thumbnail image and decide you do not want to keep it, you can revert to the original.
To revert a custom thumbnail to the original
- In the EchoVideo video editor, click the thumbnail image located to the left of the title, immediately below the playback panel, as identified in the below image.
- In the popup box, select Revert to Original, as identified in the image below.
The media editor immediately reverts the thumbnail to the one originally on the media.
Uploading a Custom Thumbnail Image
If the video does not have a still moment that captures the essence of the media, or if you prefer to use a stock set of images, you can upload an image file to use as the thumbnail and preview image for this media.
Supported image file types include .gif, .jpe, .jpg, .jpeg, and .png. Note that while you can select an animated GIF as your custom image, we do not support animation in the thumbnail; we will use the first still image from the GIF.
As stated in Before You Begin at the top of this page, we maintain a 16:9 ratio and 1280x720 dimensions for thumbnail images. If you upload a larger or smaller image, we will scale it up or down to meet the width or height (whichever is closest) and then allow you to crop or rotate it yourself.
After selecting the image, the Filestack dialog box automatically shows the Crop and Rotate functionality. This allows you to see (and tweak slightly) these changes before uploading. It also ensures that the image you want to use works for this purpose before completing the process. If your selected image does not look how you want it to in the Filestack preview, you can select another.
To upload an image for use as a media preview and thumbnail
- In the EchoVideo video editor, click the thumbnail image located to the left of the title, immediately below the playback panel, as identified in the below image.
- In the popup box that appears, select Custom Image, as identified in the image below.
- Click the Select File to Upload button, which appears in the popup and is shown in the image above.
- In the Filestack dialog box that appears, click the Add File button in the middle to upload from your local computer (default).
Alternatively, use the selections on the left side of the dialog box to select a file from a shared drive or cloud location (e.g., Box, OneDrive, GoogleDrive, etc), then follow the instructions given. - Once the uploaded image appears in the Filestack dialog box, click and drag the Crop frame (and / or its corners) to identify the portion of the image to be used as the thumbnail.
This allows you to be sure the image you have selected will work without being resized into the wrong dimensions or showing the wrong portion of the image. - If necessary, you can use the Rotate option from the left to rotate the uploaded image, then adjust the crop frame to the right location.
- If the image you uploaded does not look how you want it to, click the left-pointing arrow above the preview panel to return to the file selection screen and select a different file.
- When finished, click Crop in the lower right corner of the dialog box, identified in the above image, then click Upload.
The media editor appears, and the uploaded image is now shown in the thumbnail Preview. In addition, the upload button now shows the filename of the file you just uploaded. You can click this button to select a different file. - If you are happy with the custom selection, click Set Thumbnail.
The uploaded image is applied immediately to your video and will now appear in the media tile in the Library and the Groups page for this media.
To change the uploaded custom file being used, click on the thumbnail to the left of the media title, then click on the button that shows the currently used filename. Repeat the above steps to select and apply a different image.