Live demo
This recorder is inserted with only a few lines of javascript and a css file.
Chat with Vincent Porter
Easy integration
All you need to do is insert our CSS and JS code before the </body>-tag in your page and you’re good to go. Capty will be displayed automatically. After users captures a video, they can send you the link to the video. So you can watch the video as soon as your users send you the message.
<!--Start of Capty.io Styling-->
<link rel="stylesheet" href="https://pro.capty.io/cdn/capty-standard--light.css">
<!--End of Capty.io Styling-->
<!--Start of Capty.io Script-->
<script defer src="https://www.capty.io/cdn/capty.js"
data-integrate-selector=".capty-integration"
data-result-selector="textarea">
</script>
<!--End of Capty.io Script-->
Want to customize the recorder?
Change the position of the button/recorder
By default the recorder is placed before the “form textarea”. To change the position of the recorder on your page, just change “form textarea” to the css-class/id of the element inside which you want to insert the recorder.
values = target element OR class OR id OR input.class / input#id (e.g. ‘.test-target’, ‘#test-target’, ‘input.test’, ‘input#test’)
default = ‘form textarea’
data-integrate-selector="form textarea"
Change the place where to insert the video link after recording
After your user has recorded the video and generated the link, the link will be added to the “input textarea” of your contact form. If you want capty to insert the link on another spot, just change “input textarea” to the css-class/id of the element or field you want to insert the link.
values = target element OR class OR id OR input.class (e.g. ‘.test’, ‘#test’, ‘input.text’ ) OR ‘false’
default = ‘form textarea’
data-result-selector="form textarea"
Display the recorder as a modal/popup or inline
If you set the value of “data-modal” to “true”, capty will be displayed as a modal/popup (like in the example above). If you set the value to “false” it will be displayed inline (like on the main page of capty.io).
values = ‘true’ or ‘false’
default = ‘true’
data-modal="true"
data-modal="false"
Define the language of the recorder
Currently capty is available in english and german. By default capty automatically uses the browser language of your users. But you can force capty to be displyed in german or english by adding this attribute to the script.
values = ‘en’ or ‘de’
default = automatically set based on browser language, if browser language not exists, fallback ‘en’
data-language="en"
data-language="de"
Hide the download button
There are situations where you might want to hide the download button before creating the link. For example if you want to force the users to create the link.
values = ‘true’ or ‘false’
default = ‘true’
data-download-button="true"
data-download-button="false"
Browser support
Capty runs directly in the browser without plugins, apps, or other software. Your users don’t need to install anything. If their browser is not supported, they will receive a notification to switch browsers.
Desktops and Laptops
| Chrome | Firefox | Edge | Opera | Safari | Internet Explorer | |
|---|---|---|---|---|---|---|
| Screen | Yes | Yes | Yes | Yes | No | No |
| Audio | Yes | Yes | Yes | Yes | Yes | No |
| Camera | (coming soon) | (coming soon) | (coming soon) | (coming soon) | (coming soon) | No |
Smartphones
Coming soon
Tablets
Coming soon
Recording time and storage time
Recording on Capty.io
- 30 Minutes recording time per video
- 3 days storage time on our server
For sharing the recording with others
Integration into your website
- 3 Minutes recording time per video
- 3 days storage time on our server
For sharing the recording with others
