A few days before Christmas, we made our HTML5 Camera API available publicly. Since its launch it’s been adopted on websites and in web apps around the world.
If you’re looking for a way to reduce the size of videos and convert them to 1 single standard format (MP4) before your users upload them to you or if you want to let your users record webcam videos on your website, we can help.
To give you a better idea of what you can do with it, here’s a quick overview of available features and options:
No Flash Involved
The video API is entirely built in HTML5.
All webcam recording, video compression and conversion happens client-side before video files get uploaded to you.
This means that files get processed into smaller sizes and into a standard format of your choice such as MP4 or WebM before you receive them – which can dramatically reduce or even eliminate the need for server-side transcoding.
Internationalization / Localization
You can change all text in the user-facing elements of the Clipchamp button UI to have it displayed in the language of your site or web app.
If you run a service where your clients get a domain assigned from you such as client1.yourdomain.com, client2.yourdomain.com, etc, you can embed a Clipchamp button on these subdomains and they will operate independently from one another.
Local Blob Delivery
Videos your users record and/or upload can be delivered to you as local blob output, which you can upload to any Cloud storage service or your own servers. This is the most flexible output option available in our HTML5 camera API.
Direct Cloud Storage Integration
At the moment, the API offers direct integrations for video uploads to AWS S3, Microsoft Azure and YouTube. If you’d like to upload your users’ videos to another storage service and don’t want to use blob output, feel free to get in touch with us, happy to discuss your requirements.
The Clipchamp API can be called as a jQuery plugin If your site or web app uses jQuery.
Preload to Reduce Wait Times
The UI elements and the files that are required to transcode videos get loaded into the client’s browser when the first Clipchamp button is inserted. You can reduce wait times by preloading this even earlier in your workflow by using our inbuilt preload function.
Customize Text and Colour Elements
All text in the user-facing UI elements of the API and its colour are fully customizable to match the rest of your site.
Add Your Own Logo
You can replace the Clipchamp logo with your own in the user-facing UI of the embedded Clipchamp button. See screenshot above for logo and title placements.
If you’d like to do away with the Clipchamp branding altogether, you can embed all functionality of the Clipchamp API into your site or web app using your own branding.
Custom Button Design
You can also customize the look&feel of the button that your users see and click to record and/or upload videos to you.
Preconfigured Conversion/Compression Output Presets
We’ve configured a number of output presets that will produce video files optimized for common usage scenarios. Options are Web, Mobile, Windows and Animated GIF.
You can decide at what resolution your users’ videos will get uploaded to you – options are to keep the resolution of the input video or to convert all input videos to 240p, 360p, 480p, 720p (HD), 1080p (Full HD), 320w or 640w.
Current output format options are MP4, WebM, ASF and GIF.
The HTML5 camera API offers 5 compression levels, which will produce output video at different quality levels and file sizes. The higher the compression level you select, the faster a user video will get processed and the smaller the resulting output file will be. More highly compressed files will have lower visible quality compared to videos compressed at a lower compression setting. There is always a trade-off between compression level, processing time and output quality.
Depending on your use case, you can either let your users record a webcam video, select an existing video file from their device or give them both options.
Output Storage Options
As mentioned above, we currently offer direct integrations with Azure, S3 and YouTube. If you need more flexibility, the local blob delivery output option is your best choice. If you’d like us to directly integrate with another cloud storage service provider, feel free to get in touch!
Recording Time Limit
If you’d like your users to record webcam videos of a certain length, you can limit the recording time using this option. The maximum recording time that is currently available is 5 minutes – with recordings of up to 1 hour being available in the latest versions of Chrome. Please get in touch with us to find out more.
Batch Input File Processing
Our API supports batch uploading so your users can select multiple input files at once. The API will process them one after the other and upload them to you in sequence.
Videos Don’t Go Through Clipchamp Servers
Lastly, it’s important to note that your users’ video files get sent from their devices straight to you. Clipchamp protects your and your users’ privacy because we never see or touch the video files they submit to you. Our API directly sends all videos from the client into your account at the cloud storage provider you select or your own servers (if you’re using blob output) without taking a detour through Clipchamp servers.
Those are all the features available in the current version of our HTML5 camera API – we’re constantly adding new ones as well and are pushing performance improvements on an ongoing basis. Feel free to give it all a try by signing up for a free 14 day trial on the API’s pricing page.
Please note that not all features are available in all plans – for an overview of available features and plans, check out the pricing page.