https://github.com/apivideo/blobupload

Uses file slice to upload large files. Newer version https://github.com/apivideo/uploadavideoApps. From api.video (https://api.video)
https://github.com/apivideo/blobupload

javascript upload uploader video website

Last synced: 3 months ago
JSON representation

Uses file slice to upload large files. Newer version https://github.com/apivideo/uploadavideoApps. From api.video (https://api.video)

• Host: GitHub
• URL: https://github.com/apivideo/blobupload
• Owner: apivideo
• License: mit
• Created: 2020-09-21T10:21:43.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-03-08T15:37:50.000Z (over 2 years ago)
• Last Synced: 2025-03-23T19:44:45.646Z (4 months ago)
• Topics: javascript, upload, uploader, video, website
• Language: HTML
• Homepage: https://upload.a.video
• Size: 4.31 MB
• Stars: 34
• Watchers: 2
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![badge](https://img.shields.io/twitter/follow/api_video?style=social)](https://twitter.com/intent/follow?screen_name=api_video)

[![badge](https://img.shields.io/github/stars/apivideo/blobUpload?style=social)](https://github.com/apivideo/blobUpload)

[![badge](https://img.shields.io/discourse/topics?server=https%3A%2F%2Fcommunity.api.video)](https://community.api.video)

![](https://github.com/apivideo/.github/blob/main/assets/apivideo_banner.png)

api.video upload a videoE


[api.video](https://api.video) is the video infrastructure for product builders. Lightning fast video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in your app.

Creating a video uploader with JavaScript and [api.video](https://api.video)

Videos are very large files, and all servers have a limit on filesize upload.  The last thing you want your users to see (after waiting for the file to upload) is a "413: request too large" error.

The fix is to use the HTML 5 File API to slice the video into smaller bits, and to upload each smaller chunk.

In this demo, videos are split into 1 MB chunks, but larger sizes are ok (at api.video, we suggest staying under 100MB per chunk). 

## Getting started

All HTML5 and vanilla JS.

All you need is a delegated upload token from [api.video](https://api.video). Replace the token parameter in the variable ```url```, nad your own version will be running in no time.

[delegated upload docs](https://docs.api.video/reference#videos-delegated-upload)

## Test it out!

[upload.a.video](https://upload.a.video)