**Внимание: Код в этой статье устарел, так как на момент написания Video SDK находился в стадии BETA.**
**Вместо этого ознакомьтесь с разделом «Начало работы», если вам нужна помощь в использовании Twilio Video. Если вы решите следовать этому руководству, вам потребуется внести значительные изменения в код для его запуска.**
AngularJS — популярный JavaScript-фреймворк для создания клиентских приложений. Его использование помогает создавать хорошо структурированные приложения с четким разделением ответственности (Separation of Concerns, SoC). Чтобы продемонстрировать, как Angular это делает, давайте преобразуем существующий JavaScript-быстрый старт для видео в Angular-приложение.
Если вы хотите сразу перейти к исходному коду, он доступен на GitHub. В противном случае давайте начнем.
Прежде чем приступить к коду, нам нужно выполнить некоторые подготовительные шаги. Во-первых, если у вас еще нет учетной записи Twilio, перейдите на twilio.com и создайте новую. Это просто и бесплатно для разработки.
После создания учетной записи необходимо настроить новый API-ключ и секрет, которые мы будем использовать для аутентификации в Twilio API. Создайте новый API-ключ, перейдя в консоль разработчика и выбрав опцию «Создать API-ключ».
Обязательно сохраните API-секрет в надежном месте, так как вы не сможете увидеть его снова после ухода со страницы ключа.
Далее создайте новый профиль конфигурации для нашего приложения. Профиль конфигурации — это набор значений конфигурации, специфичных для сервиса Twilio Video. Для нашего приложения достаточно создать новый профиль и получить SID профиля конфигурации.
После создания API-ключа и профиля конфигурации можно приступать к написанию кода. В качестве основы для нашего приложения мы будем использовать приложение быстрого старта Twilio Video для JavaScript. Эти приложения предназначены для того, чтобы вы могли создать работающее видео-приложение всего за несколько минут, и доступны с серверной частью на различных языках программирования.
Скачайте стартовое приложение, соответствующее языку бэкенда, который вас больше всего интересует, и следуйте инструкциям по настройке вашего Account SID, API-ключа и секрета, а также SID профиля конфигурации в приложении.
Когда будете готовы, запустите приложение и помашите себе в камеру!
После запуска быстрого старта для видео настало время начать преобразование клиентской части в Angular.
Начните с добавления библиотеки Angular в представление приложения. Для большинства быстрых стартов это означает поиск и открытие файла `index.html`, включенного в проект. Для разработчиков .NET вам нужно искать `Index.cshtml`.
После открытия файла добавьте тег `