JavaScript Webcam & HTML5 Camera API

Modern video recording, transcoding and uploading for your web projects.

Receive videos from users and site visitors. Let them record on your site or upload existing video files.

No Flash. No WebRTC. No server-side setup required. All JavaScript and HTML5, thanks to Clipchamp's clever tech.

The video API with unique capabilities

HTML5 Webcam Recording

Users record videos directly on your site through our embeddable HTML5 camera recorder. They can optionally also submit files they already have on their device.

Many Parameters

Adjust our API to fit your scenario through its broad range of parameters. All options including the JavaScript camera can be fully customized.

No Server-side Transcoding

User videos get converted on the client and submitted to you in 1 integrated workflow. You receive streaming-ready files in a standard format - e.g. MP4, WebM, FLV.

Many Upload Targets

Receive user videos to YouTube, Google Drive, Dropbox, AWS S3 or MS Azure. Set up your own upload target through the Blob output option.

Client-side Video Compression

Videos also get compressed on the user's device before they're sent to your Cloud storage. Smaller files upload faster, you control the compression level.

Complete Privacy

Clipchamp never has access to your users' video files. Videos are sent directly from user devices to your upload target.

"Protecting our users’ privacy is critical to us. We wanted a solution that didn't involve sending their sensitive data such as video files to a third party for processing. Clipchamp's HTML5 video camera and its direct upload from the client to our cloud storage fit the bill perfectly."

Adrian Graham, Co-Founder

"Their video ingest API is on the cutting edge. We’re able to receive fully transcoded video files directly to our cloud storage without the need to transcode them on our own servers. Clipchamp is the Holy Grail of video transcoding!"

Hayden Kerr, CEO

"Clipchamp's JavaScript webcam is trouble-free, which continues to make our students and teachers happy. We’re thankful for all the positive feedback we’ve received from our users because of this feature. Solid proof that Clipchamp was the right solution for our needs."

Eda Gimenez, Director of Business Development

"Working with the Clipchamp team has been a great experience. Once support was needed they offered competent help and answers within hours."

Michael Liebs, CTO

Features to fit any use case

Input Resolutions

The Clipchamp video API accepts any input video resolution incl. 240p, 360p, 480p, 720p, 1080p, 4K and anything in between. This relates to existing video files users have on their device and upload to you.

Webcam Resolutions

Users can record videos at 360p, 480p, 720p or 1080p, depending on what's supported by their webcam. Users can check and re-record or you can restrict these options to suit your scenario.

Mobile and Desktop

Your users can create and upload videos on their desktop and mobile devices, the video recorder works on both desktop and mobile versions of your site or web app.

Custom Branding

By default, some Clipchamp branding is visible to your users on the embedded button and in the UI. You can remove it and insert your own branding including logo, color, title and other elements.


Our HTML5 camera API's localization option lets you translate all user-facing text strings to fit the language of your website.

Output Resolutions

Videos you receive will be at the max. output resolution of the plan you subscribe to or at a lower resolution you set. This ranges from 480p to "same resolution as input video", which includes 4K.

Output Formats

Choose from MP4, WebM, FLV and ASF. Video codecs and audio codecs used depend on the format and include H.264, VP8, VP9 and WMV as well as AAC, Vorbis, OGG and WMA.

Compression Levels

Influence the file size and visible quality of user-generated videos. Max compresses the most and fastest but can reduce visible quality. Min compresses the least and slowest while retaining quality the most.

Custom CSS

All plans include a selection of free UI themes and options to adjust some style elements. Higher plans come with complete styling control through custom CSS stylesheets and the inline placement option.

Streaming-Ready Files

We place the moov atom at the beginning of MP4 files you receive to facilitate instant playback and website streaming scenarios.

Expert settings


Some of the video API's expert features are: batch uploads, direct file uploads without user interaction, programmatic webcam control, white-labelling, overlong webcam recordings, and a teleprompter option.

You can embed as many recording & video uploading buttons on your website as you like and assign individual parameters including separate upload targets to each instance.

See how it works

Click the button above for a demo. Any test videos you submit get uploaded to a Google Drive folder of ours and will get deleted.

The code below is a sample of what's needed to embed one (or many) recorder widgets in your project.

Sample UI screenshots are further below.

  1. <script type= "text/javascript"
  2. src= " API key goes here/button.js">
  3. </script>
  1. <!-- add a wrapper element into the document... -->
  2. <script type="text/javascript">
  3. // ...or dynamically inject at least one wrapper element into the document
  4. var element = ...;
  5. clipchamp(element[, options]);
  6. </script>

Documentation & Support

1. Our main API documentation lists all available features and parameters you can make use of.

2. Our Knowledge Base is the best starting point for help articles and to get support.

3. We also maintain a growing list of tutorials about basic and more advanced Camera API scenarios that include code samples to facilitate implementation.

4. Lastly, we regularly publish helpful API-related posts on our blog, e.g. about embedding a video recorder on Wix (and Squarespace) websites.

Modern, versatile technology

Clipchamp is using the latest HTML5 developments in its stack. Your users don't require Flash or other outdated technologies. We also don't use WebRTC, ensuring consistent quality and no need for any server-side setup. Embed our video camera & uploader with just a few lines of JavaScript.


Available for WordPress

To make implementation easier if your site runs on WordPress, we built a plugin for the world's most popular content management system. Easily deploy a HTML5 video camera and video uploader on any WordPress site without any coding.


"Your site, product functionality and help pages are just awesome - and I’m sure I’m just scratching the surface!"

Owner, EtsyMarketingTool

Try the HTML5 camera on your own site

No credit card required to create an account and start testing.

During the trial, you'll have complete access to all features.

To continue afterwards, select an API plan at any time during or after the trial.