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

Для настройки интерфейса воспользуйтесь разделом 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

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

Параметр	Описание
textColorPrimary	Основной цвет текста
backgroundColorPrimary	Основной цвет фона
textColorSecondary	Дополнительный цвет текста
backgroundColorSecondary	Дополнительный цвет фона
iconColor	Цвет значков

baseFontCustomization

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

Параметр	Описание
textFont	Шрифт
textSize	Размер шрифта
textWeight	Насыщенность шрифта
textStyle	Стиль текста

titleFontCustomization

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

Параметр	Описание
textFont	Шрифт
textSize	Размер шрифта
textWeight	Насыщенность шрифта
textStyle	Стиль текста

buttonCustomization

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

Параметр	Описание
textFont	Шрифт
textSize	Размер шрифта
textWeight	Насыщенность шрифта
textStyle	Стиль текста
textColorPrimary	Основной цвет текста
backgroundColorPrimary	Основной цвет фона
textColorSecondary	Дополнительный цвет текста
backgroundColorSecondary	Дополнительный цвет фона
cornerRadius	Угловой радиус кнопки

toolbarCustomization

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

Параметр	Описание
closeButtonIcon	Значок кнопки закрытия
iconColor	Цвет значка

centerHintCustomization

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

hintAnimation

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

faceFrameCustomization

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

documentFrameCustomization

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

backgroundCustomization

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

antiscamCustomization

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

versionTextCustomization

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

maskCustomization

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

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

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