{ "componentChunkName": "component---src-templates-doc-page-js", "path": "/docs/ru/channels/google_assistant/interactive_canvas/", "result": {"data":{"site":{"siteMetadata":{"title":"Gatsby-doc-engine"}},"markdownRemark":{"id":"36d98647-5153-5781-94ea-8517cbce5638","excerpt":"Interactive Canvas?> Interactive Canvas — фреймворк, созданный на основе Google Assistant, который позволяет дополнить голосовой навык визуальной составляющей…","html":"

Interactive Canvas

\n
\n

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

\n

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

\n

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

\n
\n

Устройства

\n

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

\n\n

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

\n
\n

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

\n

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

\n\n
\n

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

\n

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

\n
\n

Сценарий

\n

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

\n

Например:

\n
    script:\r\n        var videolink = getLink(\"main_scene.mp4\");\r\n        var poster = getLink(\"main_menu.gif\");\r\n        $response.replies = $response.replies || []\r\n        $response.replies.push({\r\n                \"type\":\"htmlResponse\",\r\n                \"updatedState\": {\r\n                    \"command\": \"UPDATE_STATE\",\r\n                    \"video\": videolink,\r\n                    \"poster\": poster,\r\n                    \"buttons\": [{\r\n                        title: \"Skip\"\r\n                    }]\r\n                }\r\n            });
","frontmatter":{"title":"","description":null},"headings":[{"value":"Interactive Canvas"}]}},"pageContext":{"slug":"/docs/ru/channels/google_assistant/interactive_canvas/","previous":{"fields":{"slug":"/docs/ru/channels/google_assistant/channel_google_assistant/"},"frontmatter":{"title":"","description":null}},"next":{"fields":{"slug":"/docs/ru/channels/google_assistant/google_assistant/"},"frontmatter":{"title":"","description":null}}}}, "staticQueryHashes": ["1209419333"]}