Просмотр youtube-видео фрагментами и циклически с целью обучения

Сегодня прошел ровно 1 год с прошлой статьи и в связи с этим я решил поделиться своим вариантом решения проблемы просмотра youtube-видео фрагментарно и циклически. Это проблема как никогда актуальна для многих учащихся в этом году, если им дают ссылки на обучающие youtub-материалы.

Решение не 100% реализованное, но и в таком видео может кого-то натолкнет на желание реализовать это в расширении или подскажет мне где-то ресурс, который смог бы реализовать требуемую задачу… или кто создал бы профессиональный сайт с подобным функционалом.

Сразу говорю, что я не разработчик под веб, под java, не дизайнер и т. д. и т. п., так что качество кода как есть, так есть. Считайте это просто попыткой реализацией одной идеи, которая чуть была расширена (код открыт для свободного копирования, защиты нет и даже больше, это можно приспособить для локального запуска).

image

Итак, проблема

Видео на youtube бывает полезно для обучения, но требуется просмотр определенных фрагментов помногу раз.

Уже готовые найденные решения:
1. Скачать видео и вырезать требуемое или требуемые части и разместить у себя.
(долго, проблемы с правами на это, но кому надо, то есть даже сайт www.clipconverter.cc/2 который поможет скачать фрагмент видео)

2. Разместить ссылку на просмотр 1 фрагмента видео на подобных ресурсах как:


возможно и другие, но не найдено удобное и главное, чтобы много разных фрагментов
(не всегда ссылка удобна́, бывает куча рекламы на таких сайтах и блокировщики рекламы не всегда помогают)

3. Использование расширений
(расширение должны быть у пользователя, в мобильных браузерах тоже с этим будет проблема)

  • Video Speed Controller расширение для гуглхром
    (можно задать горячие клавиша на скорость, можно выставить временную точку начало фрагмента и перейти назад когда надо)
  • Magic Actions for YouTube расширение для гуглхром
    (более 1 000 000 пользователей уже говорит, о интересности расширения, а фрагменты можно выделять кликая то левой, то правой кнопкой…, но вот сохранение этих фрагментов где-то в запросе не обнаружил)


Основное, что требовалось по минимуму:

  • перемотка на 1 секунду назад, чтобы просто прослушать только что сказанное слово;
  • возможность изменить скорость видео быстро (замедлить для иностранных языков, убыстрить для новостей);
  • хорошо бы пометить какое-то время и потом быстро перейти на него.


Основное можно найти в расширении Video Speed Controller, ютюб же горячими клавишами хоть и позволяет скорость менять (хелп по горячим клавишам тут был на хабре, но есть в официальный), но на 1 секунду проблематично вернуться назад.

Требовалось для удобства и автоматизации:

  • задание многих фрагментов, чтобы их циклически проигрывать;
  • возможность задать кол. циклов повторов для каждого фрагмента (какой-то бесконечно, а где-то и достаточно 1 раза);
  • и обязательно возможность поделиться этой ссылкой, чтобы учащийся уже не искал эти фрагменты, а мог только запустить на проигрывание.


Недостатки реализации: (ссылка на сайт — не гарантирую бесперебойную работу и вечное расположение этого кода)

  • если видео только для просмотра на ютюб, то вы такое видео не посмотрите на этом сайте;
  • хоть и может работать в мобильном браузере (добавлены кнопки поверх области видео), но изначально создавался под десктопное применение и лучше пользоваться на большом экране;
  • реклама ютюба никак не блокируется в нем (в расширениях вроде браузер дает такое право, но я не разработчик их);
  • очень много фрагментов скорее всего не получится вписать просто из-за ограничения длины GET-запроса;
  • и еще 1000 недостатков на ваше усмотрение и доделку.


Достоинства реализации:

  • код можно спокойно приспособить и для локальной странички HTML и высылать учащемуся без привязки к какому-то сайту;
  • много кнопок быстрее позволяют найти нужный функционал;
  • горячие клавиши почти подобны как в ютюбе, но есть и отличия (см. ссылку);
  • возможность задать свой порядок проигрывания фрагментов (допустим слова иностранного языка даны по алфавиту, вы же хотите их дать ограниченное количество и по своей категории).


Простой пример использования:

Требуется выучить фрагмент стихотворения «Не ветер бушует над бором». Пример чтения есть в ютюбе, но там слишком длинно и по середине есть лишнее музыкальное проигрывание.
Создаем 2 фрагмента, ставим проигрывание 1 раз и получаем такую ссылку, которая задает уже готовые фрагменты. Для начала циклического воспроизведения достаточно только нажать на кнопку «Повтор А-В».

Рекомендации для оптимального заучивания:

  • заучивать частями, для стихотворения один столбик можно записать как 1 фрагмент и запустить как вечный цикл (0 — раз)… и да, не забываем об отдыхе каждые 10 минут;
  • для иностранных языков желательно не более предложения под 1 фрагмент и возможно понизить скорость до 0.85 (идеально для довольно чистого и незаметного замедления);
  • длинные видео разбивать на части по 5–7 минут не более и делаем перерывы после каждого такого блока на те же 5 минут (отвлечься от получения какой-либо информации вообще);
  • вы должны уже заученное успеть внутренне проговорить (вспомнить) раньше проигрывания на видео, а если вы думаете, что фоном оно само запомнится, то это бывает совсем не так;
  • не учить постоянно и долго одно и тоже, делайте большие перерывы в час и более;
  • если болит голова от повторов, то просто выключайте это и идите спать!

© Habrahabr.ru