Creating callouts for images and videos
You can use Narakeet to highlight interesting areas of images and videos. For example, to point viewers to a specific area of a screen for a video tutorial.
- Quick tutorial on callouts
- Creating callouts in markdown
- Using the callout designer
- Executable example
- More information
Quick tutorial on callouts
To see a quick demo of callouts in action, and instructions on how to use the callouts designer, check out the video below.
Creating callouts in markdown
To create a callout, include an image or a video resource in the script as usual, then add a callout stage direction. For a circle, specify the center coordinates, and optionally the radius.
!(image.png) (callout: cx: 200 cy: 250 size: 150)
You can also add callouts to a video, or a video segment, as well as make rectangular callouts.
![0-0.5 match](callouts.mov) (callout: type: rectangle left: 436 top: 468 right: 845 bottom: 599 )
Using the callout designer
Figuring out the right coordinates for a callout can be tricky by hand, because they depend on the size of the video frame, the dimensions of the source image and the asset framing or resizing method you use. To help you create callouts quickly, you can use our visual callouts designer.
To access the callout designer, just start a new scripted video project, and upload the images or videos you want to mark up.
Once the upload completes, you’ll see a “Callouts” button next to images and videos in the file list.
Click the callouts button next to the image or video you want to mark up, and you’ll open it in the designer.
Use the drop-downs at the top to select the target video frame, image resizing and callout type, then move and resize the callout to highlight the important area.
Check out the callouts example project on GitHub to see the key features explained in this tutorial in action.
For more information, check out the
callout format documentation.