Function Screenboard

Screenboard component provides a canvas for drawing, freehand drawing, erasing, and shape drawing. It includes a toolbar for selecting drawing modes, colors, and line types.

Component

Example

import { Screenboard } from 'mediasfu-reactjs';

// Define the parameters and functionality for the screenboard
const parameters = {
  updateCanvasScreenboard: (canvas) => console.log("Canvas updated:", canvas),
  annotateScreenStream: true,
  updateIsScreenboardModalVisible: (visible) => console.log("Modal visibility:", visible),
  showAlert: (alertMessage) => console.log("Alert:", alertMessage),
  sleep: ({ ms }) => new Promise((resolve) => setTimeout(resolve, ms)),
  updateAnnotateScreenStream: (state) => console.log("Annotation state:", state),
};

// Render the Screenboard component
<Screenboard
  customWidth={800}
  customHeight={600}
  parameters={parameters}
  showAspect={true}
/>

Properties

propTypes? displayName?

Properties

OptionalpropTypes

propTypes?: any

Ignored by React.

Deprecated

Only kept in types for backwards compatibility. Will be removed in a future major release.

OptionaldisplayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

Example


const MyComponent: FC = () => {
  return <div>Hello!</div>
}

MyComponent.displayName = 'MyAwesomeComponent'

Settings

Member Visibility

On This Page

Properties