🎉 Home
CUSTOMIZE A TEMPLATE ⏱
LEARN VOLTAPP
CREATE YOUR 1rst APP
GO FURTHER
Webhooks integration (Make, Zapier…): ex Notion
REFERENCE
HELP
COMMUNITY
📱Public app: https://api.voltapp.tech/app/mbCRxDKz/
💻Template page: https://editor.voltapp.tech/template/hvvSuiD3
This Custom video template shows you how to create your custom playback interface as well as how to measure the progress of the video as a variable.
All of this data can be saved in your database so that you can offer your viewer a true Netflix-like experience to pick up where they left off.
To copy this node and integrate it directly into your project, right click on the parent section and click on "Copy Node" to paste it into your node tree.
The PlayPause node shows both the Icon variable which allows you to change the icon or import a new one in svg format (vector format).
The click behavior allows to create Play or Pause actions which are dependent on the video player node according to the Boolean variable (true/false) Playing.
By observing this Playing variable, we can determine the new icon that will allow to do the other play or pause.
Finally observing the currentTime allows for example here to define a Timecode variable which can be outside the video node (as a reminder the variables are attached to a node and its children.)
It is here for example attached to the Timecode text node above the video node.
By clicking on Preview, then Logs, and Variables, you can also see this variable (in favorite) changing live.
Back to the studios!
Note:
The video automatically resize while preserving its aspect ratio.