Статьи экспертов Сбера

Статьи о продуктах

Искусственный интеллект для вашего бизнеса

GigaChat API

Проведение видеоконференций без дополнительного оборудования

Видеоконференции SaluteJazz

Речевые технологии на базе машинного обучения

Синтез и распознавание речи

Всё о сервисе аутентификации пользователей

Сбер ID

Инструкции SaluteJazz

Покупка и распределение лицензий между сотрудниками

SaluteJazz Бизнесу

SaluteJazz История обновлений

Полезные статьи о проведении видеоконференций

SaluteJazz Статьи

Узнайте как создать или запланировать встречу

Пользователям SaluteJazz

Сравните SaluteJazz с российским и зарубежным ПО

Сравнение с аналогами

Обучающие видеоматериалы

Вводный курс разработки моделей машинного обучения LightAutoML

LightAutoML

Серия обучающих роликов по работе с библиотекой pytorch-lifestream

Работа с библиотекой pytorch-lifestream

Обучающий онлайн-курс по рекомендательным системам

Решения для развития бизнеса

Инструменты и технологии для развития бизнеса

Развитие бизнеса

Методы и технологии для развития продаж

Конверсия и увеличение продаж

Освободите сотрудников от рутинных обязанностей

Автоматизация процессов

Вовлечение аудитории и управление вниманием

Мероприятия с интерактивом

Способы и технологии для продвижения продукта

Продвижение продукта

Управление персоналом и развитие сотрудников

Приложения для ассистентов Салют

Интеграция ассистента Салют

Бизнесу 2.0

Jazz Platform

Платформа SaluteJazz

Увеличение конверсии в продажах	

Безопасность инфраструктуры

Финтех

Sber API

Управление персоналом

Машинное обучение

Языковые модели и сервисы

Библиотеки, фреймоворки и технологии

Быстрое создание 3D-моделей по текстовому описанию

Создание 3D-моделей по текстовому описанию

Kandinsky 3D

<ResponsiveStyle common="
  .text23d-container {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}" />

<div className="text23d-container">
  <Text23DWidget src="https://kandinsky3d.sberdevices.ru" isSendSberIDToken />
</div>

<Script>
{`
(function () {
    let iframe = null;
    let container = null;
    let blocked = false;
    let eventHandler = null;

    function getRefs() {
        const refs = {
            iframe: document.querySelector('.text23d-container iframe'),
            container: document.querySelector('.text23d-container > [data-testid="text23d-widget"] > div:nth-child(2)'),
        };
        console.log('refs', refs);
        return refs;
    }

    function handleMessage(e) {
        console.log('[resize] message received', {
            data: e.data,
            blocked,
            iframeExists: !!iframe,
            containerExists: !!container,
            iframeInDOM: iframe && document.contains(iframe),
        });

        if (!e.data) return;

        if (e.data.type === 'scrollUp') {
            console.log('[scroll] scrollUp received');

            window.scrollTo({
                top: 0,
                behavior: 'smooth',
            });

            return;
        }
        if (e.data.type === 'height') {
            console.log('[] iframe current', iframe);
            console.log('[] container current', container);
        }

        if (blocked || !e.data || !e.data.height) return;

        if (!iframe || !container || !document.contains(iframe)) {
            const refs = getRefs();
            iframe = refs.iframe;
            container = refs.container;
            console.log('[resize] refs refreshed', refs);
        }

        const h = parseInt(e.data.height);
        container.style.height = 'unset';
        console.log('[resize] before apply', {
            newHeight: h,
            currentIframeHeight: iframe?.style.height,
            currentContainerHeight: container?.style.height,
            computedIframeHeight: iframe && getComputedStyle(iframe).height,
            computedContainerHeight: container && getComputedStyle(container).height,
        });

        if (h > 50 && iframe) {
            blocked = true;
            iframe.style.setProperty('height', h + 'px', 'important');
            console.log('new iframe height is set: ', h);
            console.log('[resize] after apply', {
                appliedHeight: iframe.style.height,
                computedIframeHeight: getComputedStyle(iframe).height,
            });
            console.log('[resize] blocked = true');

            setTimeout(() => {
                blocked = false;
                console.log('[resize] blocked = false');
            }, 50);
        }
    }

    function init() {
        const refs = getRefs();
        iframe = refs.iframe;
        container = refs.container;
        console.log('iframe found: ', iframe);
        console.log('container found: ', container);

        if (iframe) {
            console.log('handler is set');
            eventHandler = handleMessage;
            window.addEventListener('message', eventHandler);
        } else {
            setTimeout(init, 500);
        }
    }

    // Очистка при разгрузке страницы
    window.addEventListener('beforeunload', function () {
        if (eventHandler) {
            window.removeEventListener('message', eventHandler);
        }
    });

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();
`}
</Script>