Использование API данных YouTube в приложении Angular

Я пытался разобраться в документации API YouTube, но, похоже, это довольно плохо. На их странице есть видео «Приступая к работе», которое НАМНОГО устарело и вообще не соответствует текущей консоли разработчика.

Кто-нибудь взаимодействовал со своим API в современном приложении Angular (v2 - v5)? Удивительно, но примеры кода в их документации включают множество платформ, но не свою (Angular). И образцы, которые там есть, оставляют у меня много вопросов без ответов (т.е. они, кажется, ссылаются на библиотеки API, но не говорят вам, где/как их получить). Они используют много специфичной для YouTube терминологии, не определяя ее. Это очень расстраивает.

Моя потребность довольно проста... Мне нужно разработать приложение, которое позволит пользователям искать мои каналы YouTube и воспроизводить видео. Буквально самый базовый функционал YouTube. Но каждый раз, когда я пытаюсь разобраться с их API, я сдаюсь.


angular youtube-api youtube-data-api
person Dan Rullo    schedule 17.01.2018    source источник
comment
Я думаю, что вам не хватает вопросительной части вашего вопроса. пожалуйста, отредактируйте свой вопрос и добавьте свой код и опишите любые проблемы, с которыми вы столкнулись.   -  person DaImTo    schedule 17.01.2018

Ответы (1)


arrow_upward
0
arrow_downward

Видео, которое разместил Джон, выглядит хорошо. Я хотел добавить некоторый дополнительный контекст в то, как вы должны думать об использовании API YouTube здесь.

Вам не нужно интенсивно использовать API, который потребовал бы аутентификации пользователей в их учетных записях Youtube и тому подобное. Все, что вам нужно, это иметь возможность искать их общедоступную информацию так же, как если бы вы зашли на веб-сайт.

У них есть способ сделать это через свой клиент gapi, который вы можете легко включить на свои веб-страницы. Тип примера, который вы ищете, - это примеры "javascript", поскольку они показывают вам, как выполнять поиск с использованием javascript, нажимая их API. Этот метод javascript будет работать в вашем приложении angular, поскольку он написан с использованием javascript.

Взгляните на javascript и HTML в этом примере< /а>. Суть в этом JS-коде:

// Search for a specified string.
function search() {
  var q = $('#query').val();
  var request = gapi.client.youtube.search.list({
    q: q,
    part: 'snippet'
  });

  request.execute(function(response) {
    var str = JSON.stringify(response.result);
    $('#search-container').html('<pre>' + str + '</pre>');
  });
}

Они используют инструмент gapi.client.youtube, который работает, потому что в HTML они импортируют библиотеку:

<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script>

Для воспроизведения видео на вашем веб-сайте все, что вам нужно сделать, это включить вставку YouTube и указать URL-адрес видео, что можно сделать очень легко, если вы выполните поиск в Google.

Надеюсь, это даст вам некоторый контекст для интеграции поиска YouTube на вашем веб-сайте. Удачи!

person Rohan Varma    schedule 17.01.2018
comment
Я также должен упомянуть... все видео моей компании являются частными и требуют аутентификации. На данный момент я даже не уверен, будут ли они возвращены поисковым API, поскольку они являются частными (учитывая, что они не отображаются в стандартном поиске на YouTube). Но это потенциально другое осложнение. - person Dan Rullo; 18.01.2018
comment
Если видео вашей компании являются частными на YouTube, вы не сможете отображать их встроенными. Один из вариантов — сделать их незарегистрированными. Это позволяет вам вставлять их на свою страницу, потому что они общедоступны для всех, у кого есть URL-адрес. Вот обсуждение этого вопроса: makeuseof.com/answers/ - person Rohan Varma; 18.01.2018
comment
Да, я знаю о незарегистрированном варианте. Но моя компания решила не идти по этому пути. Я предлагал этот вариант некоторое время назад, но они не хотят. - person Dan Rullo; 18.01.2018