Перейти к основному содержимому

Interactive Canvas

подсказка
Interactive Canvas — фреймворк, созданный на основе Google Assistant, который позволяет дополнить голосовой навык визуальной составляющей.

Эта визуальная составляющая представляет собой веб-приложение, к которому обращается голосовой помощник Google Assistant при диалоге с клиентом.

предупреждение
На данный момент по условиям Google допускается публикация игровых навыков, созданных с использованием Interactive Canvas. Также такие навыки должны пройти процесс проверки командой рецензентов Google.

Устройства​

Навыки с использованием Interactive Canvas доступны на:

При запуске навыка с Interactive Canvas на устройстве без экрана, он будет корректно функционировать без визуальной части.

Работа навыка​

Навык, который использует Interactive Canvas, состоит из двух основных компонентов:

  • Разговорный интерфейс или сценарий навыка, который вы можете создать на JAICP.
  • Веб-приложение с визуальной составляющей, которую навык выводит пользователям на экран во время диалога. Для создания веб-приложения используйте HTML, JavaScript и CSS.

Подключение веб-приложения​

Для подключения веб-приложения при создании канала Google Assistant укажите ссылку на него в поле Web app URL.

Сценарий​

При разработке сценария используйте $response.replies c типом htmlResponse для вывода визуальной составляющей навыка.

Например:

    script:
        var videolink = getLink("main_scene.mp4");
        var poster = getLink("main_menu.gif");
        $response.replies = $response.replies || []
        $response.replies.push({
                "type":"htmlResponse",
                "updatedState": {
                    "command": "UPDATE_STATE",
                    "video": videolink,
                    "poster": poster,
                    "buttons": [{
                        title: "Skip"
                    }]
                }
            });