Resumable and large files (tus)

If you have a video over 200 MB, we recommend using the tus protocol ↗ for resumable file uploads. A resumable upload ensures that the upload can be interrupted and resumed without uploading the previous data again.

Requirements

Resumable uploads require a minimum chunk size of 5,242,880 bytes unless the entire file is less than this amount. For better performance when the client connection is expected to be reliable, increase the chunk size to 52,428,800 bytes.
Maximum chunk size is 209,715,200 bytes.
Chunk size must be divisible by 256 KiB (256x1024 bytes). Round your chunk size to the nearest multiple of 256 KiB. Note that the final chunk of an upload that fits within a single chunk is exempt from this requirement.

Prerequisites

Before you can upload a video using tus, you will need to download a tus client.

For more information, refer to the tus Python client ↗ which is available through pip, Python’s package manager.

pip install -U tus.py

Upload a video using tus

tus-upload --chunk-size 52428800 --header \
Authorization "Bearer <API_TOKEN>"
<PATH_TO_VIDEO> https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream

INFO Creating file endpoint
INFO Created: https://api.cloudflare.com/client/v4/accounts/d467d4f0fcbcd9791b613bc3a9599cdc/stream/dd5d531a12de0c724bd1275a3b2bc9c6
...

Golang example

Before you begin, import a tus client such as go-tus ↗ to upload from your Go applications.

package main

import (
  "net/http"
  "os"

  tus "github.com/eventials/go-tus"
)

func main() {
  accountID := "<ACCOUNT_ID>"

  f, err := os.Open("videofile.mp4")

  if err != nil {
    panic(err)
  }

  defer f.Close()

  headers := make(http.Header)
  headers.Add("Authorization", "Bearer <API_TOKEN>")

  config := &tus.Config{
    ChunkSize:           50 * 1024 * 1024, // Required a minimum chunk size of 5 MB, here we use 50 MB.
    Resume:              false,
    OverridePatchMethod: false,
    Store:               nil,
    Header:              headers,
    HttpClient:          nil,
  }

  client, _ := tus.NewClient("https://api.cloudflare.com/client/v4/accounts/"+ accountID +"/stream", config)

  upload, _ := tus.NewUploadFromFile(f)

  uploader, _ := client.CreateUpload(upload)

  uploader.Upload()
}

You can also get the progress of the upload if you are running the upload in a goroutine.

// returns the progress percentage.
upload.Progress()

// returns whether or not the upload is complete.
upload.Finished()

Refer to go-tus ↗ for functionality such as resuming uploads.

Node.js example

Before you begin, install the tus-js-client.

npm install tus-js-client

Create an index.js file and configure:

The API endpoint with your Cloudflare Account ID.
The request headers to include an API token.

var fs = require("fs");
var tus = require("tus-js-client");

// Specify location of file you would like to upload below
var path = __dirname + "/test.mp4";
var file = fs.createReadStream(path);
var size = fs.statSync(path).size;
var mediaId = "";

var options = {
  endpoint: "https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream",
  headers: {
    Authorization: "Bearer <API_TOKEN>",
  },
  chunkSize: 50 * 1024 * 1024, // Required a minimum chunk size of 5 MB. Here we use 50 MB.
  retryDelays: [0, 3000, 5000, 10000, 20000], // Indicates to tus-js-client the delays after which it will retry if the upload fails.
  metadata: {
    name: "test.mp4",
    filetype: "video/mp4",
    // Optional if you want to include a watermark
    // watermark: '<WATERMARK_UID>',
  },
  uploadSize: size,
  onError: function (error) {
    throw error;
  },
  onProgress: function (bytesUploaded, bytesTotal) {
    var percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(2);
    console.log(bytesUploaded, bytesTotal, percentage + "%");
  },
  onSuccess: function () {
    console.log("Upload finished");
  },
  onAfterResponse: function (req, res) {
    return new Promise((resolve) => {
      var mediaIdHeader = res.getHeader("stream-media-id");
      if (mediaIdHeader) {
        mediaId = mediaIdHeader;
      }
      resolve();
    });
  },
};

var upload = new tus.Upload(file, options);
upload.start();

Specify upload options

The tus protocol allows you to add optional parameters in the Upload-Metadata header ↗.

Supported options in `Upload-Metadata`

Setting arbitrary metadata values in the Upload-Metadata header sets values in the meta key in Stream API.

name
- Setting this key will set meta.name in the API and display the value as the name of the video in the dashboard.
requiresignedurls
- If this key is present, the video playback for this video will be required to use signed URLs after upload.
scheduleddeletion
- Specifies a date and time when a video will be deleted. After a video is deleted, it is no longer viewable and no longer counts towards storage for billing. The specified date and time cannot be earlier than 30 days or later than 1,096 days from the video’s created timestamp.
allowedorigins
- An array of strings listing origins allowed to display the video. This will set the allowed origins setting for the video.
thumbnailtimestamppct
- Specify the default thumbnail timestamp percentage. Note that percentage is a floating point value between 0.0 and 1.0.
watermark
- The watermark profile UID.

Set creator property

Setting a creator value in the Upload-Creator header can be used to identify the creator of the video content, linking the way you identify your users or creators to videos in your Stream account.

For examples of how to set and modify the creator ID, refer to Associate videos with creators.

Get the video ID when using tus

When an initial tus request is made, Stream responds with a URL in the Location header. While this URL may contain the video ID, it is not recommend to parse this URL to get the ID.

Instead, you should use the stream-media-id HTTP header in the response to retrieve the video ID.

For example, a request made to https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream with the tus protocol will contain a HTTP header like the following:

stream-media-id: cab807e0c477d01baq20f66c3d1dfc26cf

Cloudflare Dashboard Discord Community Learning Center Support Portal

Cookie Settings