Skip to main content

ControlBar

A plugin that displays extra buttons & video control above View360

Example​

import View360, { ControlBar } from "@egjs/view360";
// If you're not using the bundled CSS (view360.css)
import "@egjs/view360/css/control-bar.min.css";

const viewer = new View360(...);

viewer.loadPlugins(new ControlBar({
  autoHide: {
    delay: 0
  },
  playButton: false
}));

For detailed options, check the items below ControlBar on the left sidebar.

Constants​

ControlBar provides constants that can be used when setting options.

DEFAULT_CLASS​

Default class names used by ControlBar

import { ControlBar } from "@egjs/view360";

ControlBar.DEFAULT_CLASS

POSITION​

The location to display items inside the ControlBar.

import { ControlBar } from "@egjs/view360";

ControlBar.POSITION.TOP_LEFT // "top-left"