player-react
ZoomBar

ZoomBar

Zoom toolbar for zooming in/out and resetting camera view.

How to Use

  • Enable the zoom toolbar quickly by configuring addons={["ZoomBar"]}
  • Or manually enable it by importing import { ZoomBar } from "@icraft/player-react". Manual enabling allows more flexible control over the zoom toolbar's style.
import { ICraftPlayer } from "@icraft/player-react";
 
const style = {
  width: "100%",
  height: "100%",
  position: "relative" as const,
  overflow: "hidden" as const,
};
 
export default () => {
  return (
    <div style={style}>
      <ICraftPlayer
        src='/templates/NetworkArchitectureSpecial.iplayer'
        addons={["ZoomBar"]}
      />
    </div>
  );
};

API

NameDescriptionTypeDefaultRequired
styleStyleReact.CSSPropertiesfalse
classNameClass namestringfalse