import "video.js/dist/video-js.css";
import { videoJsPlugin } from "@netless/video-js-plugin";

const plugins = createPlugins({ "video.js": videoJsPlugin });
plugins.setPluginContext("video.js", {
    hideMuteAlert: false,   // hide the big mute icon when play fail (*)
    disabled: false,        // pointer-events: none
    verbose: false,         // print debug info in console
});

// (*): https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

let sdk = new WhiteWebSdk({ plugins });

let room = await sdk.joinRoom(...);

const pluginId = room.insertPlugin("video.js", {
    originX: -240, originY: -43, width: 480, height: 86,
    attributes: { src: ..., poster: ... },
});

interface Context {
    hideMuteAlert?: boolean;
}

interface Attributes {
    src: string;
    poster?: string;
    hostTime: number;
    currentTime: number;
    paused: boolean;
    muted: boolean;
    volume: number;
}