Automatically reject files containing copyright

This demo showcases how to reject any files containing copyright, this is achieved by checking our files meta description and only allowing files containing no copyright metadata to be passed through.

Now we know what we will be creating, let's break down what's happening.

Using 🤖/file/filter we can setup various meta data conditions our Robot can follow. By using the Job Variable file.meta.* we specify that any file containing no value in the copyright meta data field can be passed, this will ensure no file you use in your templates contain copyright.

For this demo, we had to add copyright metadata to a file. If you want to do that, please see the following demo.

Step 1:

Handle uploads

We can handle uploads of your users directly.Learn more

bridge-with-copyright.jpg

Image – 225 KB

1364 × 908

cat.jpg

Image – 522 KB

1152 × 768

":original": {
  "robot": "/upload/handle"
}

/upload/handle

This bot receives uploads that your users throw at you from browser or apps, or that you throw at us programmatically

Step 2:

Filter files

We let you reject, or direct files against different encoding Steps.Learn more

cat.jpg

Image – 522 KB

1152 × 768

"filter": {
  "use": ":original",
  "robot": "/file/filter",
  "result": true,
  "accepts": [
    [
      "${file.meta.copyright}",
      "==",
      ""
    ]
  ],
  "error_on_decline": false
}

/file/filter

This bot directs files to different encoding Steps based on your conditions

Step 3:

Export files to Amazon S3

We export to the storage platform of your choice.Learn more

:original

filter

https://demos.transloadit.com/96/b9ad60550d4b208ad5026a2e9ac283/cat.jpg

"exported": {
  "use": [
    ":original",
    "filter"
  ],
  "robot": "/s3/store",
  "credentials": "demo_s3_credentials",
  "url_prefix": "https://demos.transloadit.com/"
}

/s3/store

This bot exports encoding results to Amazon S3

Live Demo. See for yourself

Loading Uppy demo…

This live demo is powered by Uppy, our open source file uploader that you can also use without Transloadit, and tus, our open protocol for resumable file uploads that is making uploading more reliable across the world.

Build this in your own language

<!-- This pulls Uppy from our CDN -->
<!-- For smaller self-hosted bundles, install Uppy and plugins manually: -->
<!-- npm i --save @uppy/core @uppy/dashboard @uppy/remote-sources @uppy/transloadit ... -->
<link
  href="https://releases.transloadit.com/uppy/v3.10.0/uppy.min.css"
  rel="stylesheet"
/>
<button id="browse">Select Files</button>
<script type="module">
  import {
    Uppy,
    Dashboard,
    ImageEditor,
    RemoteSources,
    Transloadit,
  } from 'https://releases.transloadit.com/uppy/v3.10.0/uppy.min.mjs'
  const uppy = new Uppy()
    .use(Transloadit, {
      waitForEncoding: true,
      alwaysRunAssembly: true,
      assemblyOptions: {
        params: {
          // It's often better store encoding instructions in your account
          // and use a `template_id` instead of adding these steps inline
          steps: {
            ':original': {
              robot: '/upload/handle',
            },
            filter: {
              use: ':original',
              robot: '/file/filter',
              result: true,
              accepts: [['${file.meta.copyright}', '==', '']],
              error_on_decline: false,
            },
            exported: {
              use: [':original', 'filter'],
              robot: '/s3/store',
              credentials: 'demo_s3_credentials',
              url_prefix: 'https://demos.transloadit.com/',
            },
          },
        },
      },
    })
    .use(Dashboard, { trigger: '#browse' })
    .use(ImageEditor, { target: Dashboard })
    .use(RemoteSources, {
      companionUrl: 'https://api2.transloadit.com/companion',
    })
    .on('complete', ({ transloadit }) => {
      // Due to `waitForEncoding:true` this is fired after encoding is done.
      // Alternatively, set `waitForEncoding` to `false` and provide a `notify_url`
      console.log(transloadit) // Array of Assembly Statuses
      for (const assembly of transloadit) {
        console.log(assembly.results) // Array of all encoding results
      }
    })
    .on('error', (error) => {
      console.error(error)
    })
</script>

Read docs: Browsers

So many ways to integrate

Transloadit is a service for companies with developers. And there are many ways developers can put Transloadit to good use inside your company to automate media processing.