Skip to content

Interface: UseViewportResult

@roomful/vue


@roomful/vue / UseViewportResult

Defined in: vue/src/index.ts:172

Describes the return value of useViewport.

broadcast: () => void

Defined in: vue/src/index.ts:201

Starts streaming the local viewport to all peers.

Starts streaming the local viewport to all peers.

void

Nothing.


follow: (peerId) => void

Defined in: vue/src/index.ts:221

Follows a specific peer’s viewport.

Follows a specific peer’s viewport, applying their scroll position to the mounted element as their viewport changes. Zoom is exposed in state for the app to apply.

string

The peer whose viewport to follow.

void

Nothing.


present: () => void

Defined in: vue/src/index.ts:211

Enters present mode, forcing peers to follow the local viewport.

Enters present mode: broadcasts the local viewport and signals peers to follow it until ViewportEngine.stopPresenting is called.

void

Nothing.


ref: ShallowRef<HTMLElement | null>

Defined in: vue/src/index.ts:176

Holds the mounted viewport host element.


states: ReadonlyRef<ViewportState[]>

Defined in: vue/src/index.ts:181

Exposes remote peer viewport states only.


stopBroadcast: () => void

Defined in: vue/src/index.ts:206

Stops streaming the local viewport.

Stops streaming the local viewport.

void

Nothing.


stopPresenting: () => void

Defined in: vue/src/index.ts:216

Leaves present mode and releases following peers.

Leaves present mode and releases peers that were following.

void

Nothing.


unfollow: () => void

Defined in: vue/src/index.ts:226

Stops following any peer and resumes independent scrolling.

Stops following any peer and resumes independent scrolling.

void

Nothing.

mount(element): void

Defined in: vue/src/index.ts:189

Mounts viewport tracking on a scrollable container.

HTMLElement

The element to observe.

void

Nothing.


unmount(): void

Defined in: vue/src/index.ts:196

Unmounts viewport tracking.

void

Nothing.