React-kaltura-resumablejs NPM

React Kaltura Resumable JS

Uploader with ReactResumableJS to upload file into Kaltura

Install

npm i react-kaltura-resumablejs

Node Version

Options

server: http path to upload the file. Ex: http://kaltura.com/api_v3
ks: Kaltura secret key from Kaltura.
uploaderID: Container ID to render the ReactResumableJS. Ex: "video-uploader",
filetypes: Set the video extensions to upload. Ex: 'mp4','avi'.
chunksize: Set in KB the size to upload the file in chunks. Ex: 1024.
simultaneousUploads: amount of upload at same time. Ex: 1.
onError: Catch the upload error. Must be a function. Ex: (error) => { return error; }.
onSuccess: Catch the file success when finish the upload. Ex: (success) => { return success}
textLabel: "Uploaded files",
fileAddedMessage: "Started",
completedMessage: "Complete!:"
disableInput Boolean to disable or enable input file. Send true to disable, false otherwise.
maxFileSize The allowed file size for upload. Is expressed in bytes. Default is: 104857600 (100mb).
maxFiles Indicates how many files can be uploaded in a single session. Valid values are any positive integer and undefined for no limit. (Default: undefined)
onMaxFileSizeErrorCallback Usefull to use with the above param, and take the exception for use as you want.
maxFilesErrorCallback A function which displays the please upload n file(s) at a time message. (Default: displays an alert box with the message Please n one file(s) at a time.)
fileAccept Set the file accept.

Changelogs

Example

export default class Example extends React.Component {

    constructor(props) {
        super(props);
    }
    
    render() {

        return (

            <div>
               <ReactKalturaResumableJs
                   server="http://www.kaltura.com/api_v3"
                   ks="0_asdfafdvsdbsdgsdgsdgs"
                   uploaderID="myKalturaUploader"
                   onFileSuccess={(success) => { console.log(success); }}
                   onFileRemoved={(file) => { console.log(file); }}
                   onError={(error) => { console.log(error); }}
                   maxFileSize={104857600}
                   categories="14,15,16"
                   maxFiles={3}
                   onMaxFileSizeErrorCallback={function (files) {
                       alert("max size: 104857600");
                   }}
                   maxFilesErrorCallback={function () {
                       alert("Max Files: 1");
                   }}
               />
            </div>

        );
    }
}