react-covideo-embed
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

react-covideo-embed

Covideo platform as an embeddable React component.

Installation

npm install react-covideo-embed

PeerDependencies

This package has peer dependencies on react and react-dom version 16. Please ensure that you have these installed in your project.

Usage

Here’s a basic example of how to use react-covideo-embed in a React component:

import React from 'react';
import { CovideoEmbed } from 'react-covideo-embed';
const MyApp = () => {
  return (
    <div>
      <CovideoEmbed />
    </div>
  );
};
export default MyApp;

Demo

Explore the capabilities of react-covideo-embed through our Demo Project. This repository serves as a practical example to understand how different props and configurations can be implemented. To run the demo locally, please follow the instructions available in the project’s README.

Props

apikey

  • Type: string
  • Description: Used for tracking the origin of requests from this npm module.

token (optional)

  • Type: string
  • Description: JWT token from Covideo. If provided, the module's login/logout pages are disabled. Without it, users will need to log in through the module's login page.

env (optional)

  • Type: 'sandbox' | 'production'
  • Description: Determines which Covideo environment to target.
  • Default: 'sandbox'

onVideoInsert (optional)

  • Type: function
  • Description: Callback triggered when a video is inserted.
  • Parameters:
    • shareData: Object containing the URL and HTML of the inserted video.
      • url: string - The URL of the inserted video.
      • thumbnail: string - The URL of the thumbnail of the inserted video.
      • html: string - The HTML representation of the inserted video.
      • token: string - The auth token used to fetch the shareData.

onVideoInsertError (optional)

  • Type: function
  • Description: Callback triggered when there is an error inserting a video.
  • Parameters:
    • error: unknown - The error occurred during video insert.

onRecordButtonClick (optional)

  • Type: function
  • Description: Callback triggered when the record button is clicked.
  • Parameters:
    • data: Object containing the data for recording a video.
      • token: string - The auth token.

onUploadButtonClick (optional)

  • Type: function
  • Description: Callback triggered when the upload button is clicked.
  • Parameters:
    • data: Object containing the data for uploading a video.
      • token: string - The auth token.

hideFeatures (optional)

  • Type: Array<Feature>

  • Description: Determines which Covideo features to hide. Acceptable values are as follows:

    • insert
    • recordScreen
    • recordBoth
    • recordCam
    • upload
    • trim
    • merge
    • wheelsTV
    • voiceover
    • quickshare
    • folder
    • landingPage
    • CTA
    • reactions
    • aiAssist
    • lesa
    • multiLocation

APIs/Functions

logoutCovideo()

  • Type: function
  • Description: Log out from Covideo and clear local storage entries associated with Covideo. To reflect the logout status, the CovideoEmbed component should be re-rendered after this function is called.

Author

This package is maintained by Covideo.

Readme

Keywords

none

Package Sidebar

Install

npm i react-covideo-embed

Weekly Downloads

127

Version

1.0.8

License

none

Unpacked Size

1.86 MB

Total Files

176

Last publish

Collaborators

  • appadmin-covideo