Итак, я пропустил вторую… э… третью неделю. Сейчас я пытаюсь компенсировать это, делая этот пост очень хорошим.
Я буду использовать некоторые результаты работы, которую я проделал с двумя разными API YouTube, мой первый дриббл-шот и долгую-долгую поездку, которую мы с женой совершили в прошлый четверг.
YouTube
Один из проектов, над которым я сейчас работаю, включает в себя встраивание некоторых видео YouTube как на общую страницу видео, так и в определенные плейлисты на страницах категорий. Похоже, для наивного юного Дэйва это должно быть довольно прямолинейно. Удивительно, но я был прав (ну, в основном).
Для начала я использовал только API YouTube JavaScript iFrame. Он прост в использовании, и документация хорошо написана. Я использовал его раньше в прошлой жизни на этой странице. Как-нибудь спросите меня об A/B-тестировании.
В любом случае, мне нравится использовать Google API. API Карт мне тоже всегда казался отличным. Однако мне нужно было использовать Data API. Вы можете сделать это асинхронно с помощью JavaScript, но поскольку это был сайт WordPress, а я уже работал с PHP, я решил сделать старый добрый curl.
Во-первых, мы инициализируем curl и передаем URL-адрес, который нам нужен для YouTube. Чтобы получить все видео пользователя, я сначала определил идентификатор канала для пользователя. Затем мы используем маршрут поиска, чтобы получить все видео, связанные с этим каналом. Я передал несколько других параметров, чтобы сделать запрос таким, каким я его хотел.
Вот как все это дело выглядело:
Затем я использовал эти результаты для построения структуры HTML. Я перечислил их, обернув их классами, которые выстроились в линию с слушателями в моем JavaScript. Всякий раз, когда нажимался один из них, функция извлекала хэш из атрибута href и использовала его для загрузки видео по идентификатору.
Затем я использовал YouTube iFrame API, чтобы захватить первое видео из списка и поместить его в большую область проигрывателя. Я следую довольно стандартной инициализации. Я почти всегда делаю это так, как описано в документации. Загрузите API асинхронно и получите свое видео, когда API будет готов. Используя PHP, я передал идентификатор видео моего первого результата более раннего curl в параметр videoID вызова API iFrame.
В конце я использую FitVids, чтобы видео заполнило контейнер.
Это упростило добавление в мой файл JavaScript функции, которая переключала видео в этом проигрывателе, когда вы нажимали одно из других видео в списке.
Ведение ударов
На прошлой неделе я сделал свой первый бросок Dribbble. Тайлер Лакросс пригласил меня несколько месяцев назад, но я еще ничего не опубликовал. Итак, в прошлые выходные я разбил лагерь на ноутбуке моей жены в Bloom в Старом городе, Лансинг, штат Мичиган. Я работал над сайтом для фрилансеров и был вполне доволен тем, как все получилось. Я решил опубликовать это, пытаясь стать более активным, и получил хороший отклик. Несколько подписчиков, несколько лайков, это было здорово.
Итак, посмотрите здесь: Первый бросок Дэйва на дриблбле
Дорожное путешествие
Что ж, теперь мы настолько далеко, что я едва помню, что я собирался написать для этого. Какой бы ни была причина, мы с моей женой Ребеккой поехали из Чарльстона, Южная Каролина, в Лансинг, штат Мичиган, на свадьбу, в которой мы оба участвовали. Мы поздно выехали из города (застряли на работе, спустило колесо на велосипеде по дороге домой) , добрался до Шарлотты около 9:30, чтобы оставить собаку, и снова отправился ехать всю ночь. Я попросил Бекку занять место где-то в юго-восточном Огайо и тут же заснул на пассажирском сиденье.
Я проснулся примерно через 2 часа на стоянке Starbucks с болью, жаждой и очень сбитым с толку. Бекка спала рядом со мной. Солнце только начинало подниматься. Я зашаркал в «Старбакс», а Бекка снова села на пассажирское сиденье, и мы продолжили путь.
Проблема заключалась в том, что, пытаясь сэкономить время за рулем, мы в итоге стали проводить больше времени в дороге. Я преодолел это благодаря раннему времени в пути для нашей обратной поездки, посадив нас в Шарлотту, чтобы забрать нашего щенка до захода солнца.
Как я уже сказал, думать об этом как о решенной проблеме немного натянуто. Ну что ж.
Настройтесь на следующей неделе, чтобы узнать больше! У меня есть интересный снимок JavaScript, чтобы поговорить о нем.
