Благодаря изменяющемуся и развивающемуся миру технологий, в котором мы живем, Java и другие больше не имеют монополии на разработку мобильных приложений. Появление множества фреймворков сделало разработку мобильных приложений намного более увлекательной и простой. Вы можете получить более упрощенную версию этого руководства ЗДЕСЬ.
В этом уроке я буду получать видео Youtube с определенного канала Youtube с помощью подключаемого модуля Cordova Youtube Video Player. Посмотрите страницу Github, а также doc этого плагина, хотя я немного разочарован тем, что плагин должен вызывать собственное приложение Youtube для воспроизведения видео.
Я предполагаю, что читатель этого руководства немного знаком с Ionic framework, angular2 и машинописным текстом. Вот так выглядит моя разработка Enivornment, вы можете синхронизировать свою с этим:
Чтобы создать новое приложение Ionic, запустите эту команду из интерфейса командной строки в любимой папке: ionic start appName sidemenu.
appName относится к имени вашего приложения, а также к имени папки. Боковое меню параметров создает приложение из шаблона бокового меню. О функциональности бокового меню уже позаботились.
Команда создает новую папку и инициализирует внутри новое ионное приложение. Информацию о других параметрах, относящихся к этой команде, см. В документации ionic. Выполните эту команду, чтобы попасть в папку приложения: cd appName
Выполните команду: cordova platform add android - nofetch, чтобы добавить платформу android (это устройство, которым я сейчас обладаю).
Нам нужно получить и установить необходимый плагин Cordova для установки:
Давайте создадим новую страницу, на которой будут отображаться видео. В Ionic появилась команда для этого: ionic сгенерировать видео страницы. Он автоматически создает эти файлы и папку внутри папки страниц.
Чтобы сделать нашу новую страницу доступной, нам нужно внести некоторые изменения в наши файлы app.component.ts и app.module.ts.
откройте файл app.component.ts внутри папки приложения и добавьте следующие строки:
Я закомментировал свое, потому что не хочу, чтобы он отображался в боковом меню, но вы можете раскомментировать свое, если хотите, чтобы эта функция была доступна.
Откройте файл app.module.ts и добавьте эти строки:
Сначала мы импортировали страницу с видео, а затем добавили ее как модуль, а также одну из точек входа в приложение.
Я уже подготовил аккаунт и канал на YouTube для этого урока. Помните, что это первое, что нужно сделать, обратитесь к ЗДЕСЬ, чтобы узнать, как это сделать.
Добавьте эту строку в файл config.xml, он предназначен для Android 5.0:
Откройте файл video.ts, который вы должны найти в папке pages- ›video, добавьте эту строку:
Мы только что импортировали Youtube Video Player из ionic-native. Поскольку мы будем выполнять некоторые HTTP-вызовы, используя загрузку и библиотеку RX, мы также импортируем их.
Мы должны объявить некоторые переменные, которые мы будем использовать для хранения данных, прямо под строкой VideoPage класса экспорта добавьте их:
Создайте метод fetchData () и вызовите его из Конструктора. Вы также можете вызвать этот метод из ionViewDidLoad ().
Добавьте эти строки в fetchData ():
Создайте еще один метод playVideo (), он вызывается при нажатии кнопки воспроизведения. Собственному Youtube просто нужен идентификатор видео для воспроизведения видео, и это то, что предоставляет этот метод и передает его в openVideo () YouTube.
Вот и все, теперь откройте файл video.html и внесите необходимые изменения:
Выполните команду: ionic serve и наслаждайтесь шоу.
Не стесняйтесь изменять и украшать их, также не забудьте оставить свои отзывы.
