1 of 2

Настройка интерфейса

Для настройки интерфейса воспользуйтесь разделом style в методе Ozliveness.open. Полный список настроек приведен после примера.

Пример использования:

OzLiveness.open({
style: {
    baseColorCustomization: {
        textColorPrimary: "#000000",
        backgroundColorPrimary: "#FFFFFF",
        textColorSecondary: "#8E8E93",
        backgroundColorSecondary: "#F2F2F7",
        iconColor: "#00A5BA"
    },
    baseFontCustomization: {
        textFont: "Roboto, sans-serif",
        textSize: "16px",
        textWeight: "400",
        textStyle: "normal"
    },
    titleFontCustomization: {
        textFont: "inherit",
        textSize: "36px",
        textWeight: "500",
        textStyle: "normal"
    },
    buttonCustomization: {
        textFont: "inherit",
        textSize: "14px",
        textWeight: "500",
        textStyle: "normal",
        textColorPrimary: "#FFFFFF",
        backgroundColorPrimary: "#00A5BA",
        textColorSecondary: "#00A5BA",
        backgroundColorSecondary: "#DBF2F5",
        cornerRadius: "10px"
    },
    toolbarCustomization: {
        closeButtonIcon: "cross",
        iconColor: "#707070"
    },
    centerHintCustomization: {
        textFont: "inherit",
        textSize: "24px",
        textWeight: "500",
        textStyle: "normal",
        textColor: "#FFFFFF",
        backgroundColor: "#1C1C1E",
        backgroundOpacity: "56%",
        backgroundCornerRadius: "14px",
        verticalPosition: "38%"
    },
    hintAnimation: {
        hideAnimation: false,
        hintGradientColor: "#00BCD5",
        hintGradientOpacity: "100%",
        animationIconSize: "80px"
    },
    faceFrameCustomization: {
        geometryType: "oval",
        cornersRadius: "0px",
        strokeDefaultColor: "#D51900",
        strokeFaceInFrameColor: "#00BCD5",
        strokeOpacity: "100%",
        strokeWidth: "6px",
        strokePadding: "4px"
    },
    documentFrameCustomization: {
        cornersRadius: "20px",
        templateColor: "#FFFFFF",
        templateOpacity: "100%"
    },
    backgroundCustomization: {
        backgroundColor: "#FFFFFF",
        backgroundOpacity: "88%"
    },
    antiscamCustomization: {
        enableAntiscam: false,
        textMessage: "",
        textFont: "inherit",
        textSize: "14px",
        textWeight: "500",
        textStyle: "normal",
        textColor: "#000000",
        textOpacity: "100%",
        backgroundColor: "#F2F2F7",
        backgroundOpacity: "100%",
        backgroundCornerRadius: "20px",
        flashColor: "#FF453A"
    },
    versionTextCustomization: {
        textFont: "inherit",
        textSize: "16px",
        textWeight: "500",
        textStyle: "normal",
        textColor: "#000000",
        textOpacity: "56%"
    },
    maskCustomization: {
            maskColor: "#008700",
            glowColor: "#000102",
            minAlpha: "30%", // от 0 до 1 или 0-100%
            maxAlpha: "100%" // от 0 до 1 или 0-100%
    }
}
});

baseColorCustomization

Основные цветовые настройки.

baseFontCustomization

Основные настройки шрифта.

titleFontCustomization

Настройки шрифта заголовка.

buttonCustomization

Настройки кнопок.

toolbarCustomization

Настройки панели инструментов.

centerHintCustomization

Настройки подсказки в центре.

hintAnimation

Анимация подсказки.

faceFrameCustomization

Настройки рамки вокруг лица.

documentFrameCustomization

Настройки рамки для съемки документа.

backgroundCustomization

Настройки фона.

antiscamCustomization

Настройки защиты от мошенников: при включении во время записи видео появляется дополнительное сообщение.

versionTextCustomization

Настройки текста версии SDK.

maskCustomization

Настройки 3D-маски, добавленной в версии 1.2.1.

Переход на новый дизайн с предыдущих версий (до 1.0.1)

Таблица соответствия параметров:

Настройка интерфейса до версии 1.0.1

Для настройки интерфейса воспользуйтесь разделом style в методе Ozliveness.open. Изменить можно следующие настройки:

faceFrame – цвет рамки вокруг лица:
- faceReady – цвет рамки при правильном расположении лица;
- faceNotReady – цвет рамки при неправильном положении лица, когда анализ не может быть запущен.
centerHint – текст подсказки в центре.
- textSize – размер текста;
- color – цвет текста;
- yPosition – позиция по вертикали относительно верха контейнера;
- letterSpacing – расстояние между буквами;
- fontStyle – стиль текста (полужирный, курсив и так далее).
closeButton – кнопка закрытия плагина:
- image – изображение для кнопки, может быть картинкой в формате PNG или dataURL в base64.
backgroundOutsideFrame – заливка вне рамки вокруг лица:
- color – цвет заливки.

Пример: