$(() => {
    var v = document.getElementById("stream");

    var full = false;
    _360.config({
        context: $("#view")[0],
        video: v,
        animation: true, //tweenjs
        fps: 30,
        main: $("#main")[0],
        usingMipmaps: false, // пока не рекомендую это включать
        data: [{
            "color": "#000000",
            "isActive": true,
            "uuid": "9ce825e4-b6bc-4687-cd78-d69e949580c6",
            "object": "plane",
            "image": true,
            "imagePath": "./mts.jpg",
            "px": -27,
            "py": -51,
            "pz": -29,
            "rx": 91,
            "ry": 177,
            "rz": -136,
            "scale": -0.28,
            "width": 100,
            "height": 36
        }]


    }).ready(function () {
        v.play(); // запустим видос, см. html5 video api
        _360.start(); // начнём рендерить картинку
        setTimeout(function () { _360.showEnabled(); }, 6000); // покажем АКТИВНЫЕ банеры через 6 сек.
        v.muted = true;  // выключим звук
    });

    $("#fullscreen").click(function () { full = !full; _360.fullscreen(full); })
    _360.onclick(function (uuid) {
        alert(uuid);
    });
    _360.ondata(function (data) {
        alert("added/removed/changed \n" + JSON.stringify(data, null, 2));
    });
});