Table of contents

Public class

Signature
class VideoShapeUtil extends BaseBoxShapeUtil<TLVideoShape> {}
References

BaseBoxShapeUtil, TLVideoShape

Source

packages/tldraw/src/lib/shapes/video/VideoShapeUtil.tsx


Properties

canEdit

Public property

Signature
canEdit: () => boolean

isAspectRatioLocked

Public property

Signature
isAspectRatioLocked: () => boolean

migrations

Public static property

Signature
static migrations: import('@tldraw/editor').Migrations
References

Migrations


props

Public static property

Signature
static props: {
  w: import('@tldraw/editor').Validator<number>
  h: import('@tldraw/editor').Validator<number>
  time: import('@tldraw/editor').Validator<number>
  playing: import('@tldraw/editor').Validator<boolean>
  url: import('@tldraw/editor').Validator<string>
  assetId: import('@tldraw/editor').Validator<
    import('@tldraw/editor').TLAssetId | null
  >
}
References

Validator, TLAssetId


type

Public static property

Signature
static type: 'video'

Methods

component()

Public method

Signature
component(shape: TLVideoShape): import('react/jsx-runtime').JSX.Element
Parameters
NameDescription

shape

TLVideoShape
Returns
import('react/jsx-runtime').JSX.Element
References

TLVideoShape


getDefaultProps()

Public method

Signature
getDefaultProps(): TLVideoShape['props']
References

TLVideoShape


indicator()

Public method

Signature
indicator(shape: TLVideoShape): import('react/jsx-runtime').JSX.Element
Parameters
NameDescription

shape

TLVideoShape
Returns
import('react/jsx-runtime').JSX.Element
References

TLVideoShape


toSvg()

Public method

Signature
toSvg(shape: TLVideoShape): SVGGElement
Parameters
NameDescription

shape

TLVideoShape
Returns
SVGGElement
References

TLVideoShape


useUiEventsZoomTool