The Shots widget is available with paid plans only.
The widget allows you to turn video or image sequences into stills, shown one by one when users scroll or hover over a widget. Remember that uploading a video and image sequence to Shots simultaneously is impossible.
You can customize the Playback settings and apply the standard Animation, Rotation, Position, Arrange, and Lock settings to your widget.
If you want to use a different video, go to the Shot Settings icon and click ‘Replace Shots.’
We don’t keep uploaded videos on Readymag’s servers; only the shots themselves are saved.
Uploading a video
Click + (W) in the left dock, select Shots, and upload your video or paste a direct link.
Requirements:
- Video size is 30 Mb or less;
- It has one of the following formats: MP4, MOV, FLV, AVI, WebM, and MKV;
- It is public (if you enter a link when adding Shots).
Once the upload is complete, the first 600 frames of your video will transform into Shots.
On Free plans, only 300 frames will be generated.
You can also use one of the readymade sequences provided by our partner Wannathis. To view them, click the icon in the Shots settings:
If you aren’t satisfied with the quality of Shots in the published version of your project, try compressing the initial video and then re-upload it to Readymag. If this doesn’t help, consider using an image sequence instead of a video—Shots created from images are typically higher quality.
Uploading an image sequence
Click + (W) on the widget panel, select Shots, and upload image files.
Requirements:
- Images have the PNG or JPEG format;
- The format is the same for all uploaded files (you cannot mix two different formats).
Images will be converted into stills, arranged in the same order they had in their source folder. There’s no limit on the number of files that can be uploaded, but their overall size should not exceed 30 Mb.
Please keep in mind that images uploaded to Shots won’t be compressed or transformed on our end: frames will look and weigh exactly the same as their originals. That is why we recommend compressing the images before uploading them, this will increase the loading speed of your project.
Playback settings
You can select an event that will activate your Shots sequence in the Playback settings. Events for Desktop and Mobile versions are set independently.
Desktop | Mobile |
Mouse move | Touch move |
Hover | Hold |
Click | Tap |
Scroll | Scroll |
Mouse move / Touch move, Hover / Hold, and Click / Tap events are triggered by a widget or multiple widgets. By default, they are triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger.
Mouse move (📱Touch move)
This event plays the sequence if the cursor (or finger) is moved over a widget, either horizontally or vertically. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger.
Hover (📱Hold)
This event plays the sequence if the cursor (or finger) is held over a widget. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger. You can also customize playback speed and looping.
Toggle ‘Always reset’ to restart the sequence each time playback is activated; otherwise, it will resume playing from whatever frame it was left on.
Click (📱Tap)
This event plays the sequence if a widget is clicked / tapped on. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger. You can also customize playback speed and looping.
Toggle ‘Always reset’ to restart the sequence with each click / tap.
Scroll
This event plays the sequence when users scroll a page up or down. You can customize playback speed and Delay (the page height at which playback starts).
To scroll, a page must be taller than the user’s viewport. Change page height by dragging the blue diamond at the bottom of your screen or input the height value manually right into the tooltip.