Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
47 lines (47 sloc) 2.08 KB
<!DOCTYPE html>
<html xmlns="" xml:lang="en-US" lang="en-US">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Zencoder Dropzone</title>
<!-- jQuery Include -->
<script src="//"></script>
<!-- Include -->
<script type="text/javascript" src="//"></script>
<script type="text/javascript">
$(function() {
var zenKey = 'ce887203717c4417267eeb7b59b55885';
$('a').click(function(e) {
e.preventDefault(); // This keeps the normal link behavior from happening
var acceptedExtensions = ['3g2','3gp','3gp2','3gpp','3gpp2','aac','ac3','eac3','ec3','f4a','f4b','f4v','flv','highwinds','m4a','m4b','m4r','m4v','mkv','mov','mp3','mp4','oga','ogg','ogv','ogx','ts','webm','wma','wmv'];
filepicker.pickAndStore({extensions: acceptedExtensions},{location: 's3'},function(fpfiles){
// This is the simplest Zencoder API call you can make. This will output an h.264 mp4 with AAC audio and
// save it to Zencoder's temporary storage on S3.
var request = {
input: fpfiles[0].url
// Let's use $.ajax instead of $.post so we can specify custom headers.
url: '',
type: 'POST',
data: JSON.stringify(request),
headers: { "Zencoder-Api-Key": zenKey },
dataType: 'json',
success: function(data) {
$('body').append('Job created! <a href="'+ +'">View Job</a>')
error: function(data) {
<div id="content">
<h1><a href="#" id="upload_link">Upload all the things!</a></h1>
Something went wrong with that request. Please try again.