Extract 10 thumbnails and create different size versions for them

Using multiple steps you can extract several sets of thumbnails from the uploaded videos. Note how the steps "small", "thumb" and "big" use the "extract_thumbs" step as their input to resize the extracted thumbnails. This avoids several extractions from the videos themselves. » See full documentation

The template
Javascript code

"steps": {
  "flash_encoding": {
    "use": ":original",
    "robot": "/video/encode",
    "preset": "flash",
    "width": 640,
    "height": 480
  },
  "extracted_thumbs": {
    "use": "flash_encoding",
    "robot": "/video/thumbs",
    "count": 10
  },
  "small": {
    "use": "extracted_thumbs",
    "robot": "/image/resize",
    "width": "30",
    "height": "30"
  },
  "thumb": {
    "use": "extracted_thumbs",
    "robot": "/image/resize",
    "width": "75",
    "height": "75"
  },
  "big": {
    "use": "extracted_thumbs",
    "robot": "/image/resize",
    "width": "120",
    "height": "120"
  }
}

$(function() {
  $('form').transloadit({
    wait: true,
    autoSubmit: true
  });
});

The form

For demos we allow a maximum of 30MB.

This form is html5-multiupload enabled. If your browser supports it, you can select multiple files and execute the template with them.