Class VideoTemplate

A JS2Video class

Constructors

  • Creates an instance of the JS2Video class

    Parameters

    • options: {
          autoPlay?: boolean;
          enableUnsecureMode?: boolean;
          loop?: boolean;
          params?: any;
          parentElement?: HTMLElement;
          templateUrl: string;
          videoFilePrefix?: string;
      }
      • OptionalautoPlay?: boolean

        Play video immediately after loading? Default: false.

      • OptionalenableUnsecureMode?: boolean

        Enables the template to be loaded and executed from outside an iframe. Use with caution, and only set to 'true' if you trust the template code as it enables code execution on the current page. Default: false.

      • Optionalloop?: boolean

        Loop the video? Default: false.

      • Optionalparams?: any

        Video template params. Default: {}.

      • OptionalparentElement?: HTMLElement

        Parent element. Default: document.body.

      • templateUrl: string

        The URL to the video template.

      • OptionalvideoFilePrefix?: string

        String to prefix exported video file names with. default: js2video.

    Returns VideoTemplate

Properties

autoPlay: boolean
bitrate: number
canvas: StaticCanvas<StaticCanvasEvents>
canvasElement: HTMLCanvasElement
enableUnsecureMode: boolean
isDisposed: boolean
isExporting: boolean
isLoaded: boolean
isPlaying: boolean
loop: boolean
objects: IJS2VideoObject[]
params: any
parentElement: HTMLElement
range: number[]
templateUrl: string
timeline: Timeline
videoFilePrefix: string

Accessors

  • get currentTime(): number
  • Returns number

  • get duration(): number
  • Returns number

  • get progress(): number
  • Returns number

  • get rangeEnd(): number
  • Returns number

  • get rangeEndTime(): number
  • Returns number

  • get rangeStart(): number
  • Returns number

  • get rangeStartTime(): number
  • Returns number

Methods

  • Returns Promise<void>

  • Disposes the video template and all its resources.

    Returns Promise<void>

  • Exports the video to MP4 from the browser or server.

    Parameters

    • Optionaloptions: {
          signal?: AbortSignal;
      }

      The options for the export.

      • Optionalsignal?: AbortSignal

        The signal that can be used to abort the export process.

    Returns Promise<ExportResult>

  • Loads the video template instance

    Returns Promise<void>

  • Returns Promise<any>

  • Pauses the video playback

    Returns void

  • Starts/resumes video playback

    Returns void

  • Parameters

    • progress: any

    Returns number

  • Returns void

  • Returns void

  • Rewinds the video playback to its starting position

    Returns Promise<void>

  • Scales the video canvas to fit into its parent element.

    Returns void

  • Updates the progress of the video timeline.

    This method calls the progress() method of the associated timeline with the given progress value to update the video's current position.

    Parameters

    • options: {
          progress?: number;
          time?: number;
      }
      • Optionalprogress?: number
      • Optionaltime?: number

    Returns void

  • Seeks to a specific time in the video

    Parameters

    • options: {
          progress?: number;
          time?: number;
      }
      • Optionalprogress?: number

        Progress to seek to

      • Optionaltime?: number

        Time to seek to

    Returns Promise<void>

  • Parameters

    • Optionaltype: string

    Returns void

  • Parameters

    • bitrate: any

    Returns void

  • Parameters

    • start: any
    • end: any

    Returns void

  • Parameters

    • startTime: any
    • endTime: any

    Returns void

  • Parameters

    • time: any

    Returns number

  • Toggles play/pause playback

    Returns void

  • Parameters

    • type: any

    Returns void