Разгоняем Twitch.tv

Я думаю, многие пользуются сайтом Twitch.tv — на нем можно заценить новые игры, посмотреть на игру задротов, ну и показать миру свое виртуозное владение мышью (или грибками).

Но на дворе 2016 год, а сайт до сих пор использует для показа видео проигрыватель Flash — а это тормоза, постоянная подгрузка видео, ну и про дырки в безопасности не забываем. Поэтому я сделал небольшое дополнение для Chrome и Firefox, которое меняет проигрыватель Flash на HTML5. Дополнение называется Twitch 5.



Достоинства по сравнению со стандартным проигрывателем Twitch (Flash):
  • Выше скорость работы (если ваш компьютер и браузер поддерживают аппаратное декодирование видео).
  • Меньше остановок во время воспроизведения (при необходимости работу проигрывателя можно подстроить под своё Интернет-соединение).
  • На экране нет ничего лишнего. Включая рекламу. :)

Недоработки:
  • Для показа архивных трансляций используется стандартный проигрыватель Twitch (Flash).
  • Могут встречаться ошибки.
  • Только русский язык.

Выглядит мой проигрыватель примерно так:


В общем, объявляю начало полузакрытого бета-теста дополнения. :) У меня дополнение работает нормально, интересно проверить с другими ПО, железом и операционкой.

Пользователи Chrome версии начиная с 43 (а также пользователи некоторых других браузеров на движке Blink с поддержкой H.264 и AAC, например Opera и Vivaldi) могут установить расширение Twitch 5 здесь. Если не ошибаюсь, в Chrome 45 не работало аппаратное декодирование видео, советую эту версию обновить. Chromium не умеет воспроизводить H.264 и AAC, поэтому расширение в нем работать не будет.

Пользователи Firefox версии начиная с 42 (начиная с 43 для Linux) могут установить скрипт Twitch 5 здесь. Для работы скрипта сначала требуется установить расширение Greasemonkey.




Замечание для тех, кто наивно считает, что в настольных браузерах Twitch.tv умеет показывать трансляции без Flash. Отключите в браузере плагин Flash и вы увидите черный экран. От HTML на Twitch-е только кнопочки. Единственный браузер, который сам умеет показывать HTML5 — это Edge в Windows 10. Но удобство просмотра у него еще меньше, чем у моего дополнения. Да еще рекламу резать нужно. :)
57 комментариев
какие версии firefox поддерживаются? задумка неплохая,как выйдет релизная версия обязательно скачаю-попробую
а чего ждать? он уже сейчас нормально работает, по крайней мере у меня.
ждать релизную версию потому что 1) В общем, объявляю начало полузакрытого бета-теста дополнения. 2) Дополнение пока не доделано
Можно ли для тупеньких пояснить как оно должно работать? Я не особо интересуюсь всеми этими плагинами и надстройками для браузеров, но вот эта пригодилась бы. Я ее тупо ставлю и все работает само по себе или как? Как я пойму, что смотрю не через flash?
ставишь и смотришь.

понять просто — интерфейс проигрывателя (кнопки внизу) другой.
Я частенько смотрю твич, трансляции идут в html5 на гугл хроме без плагинов
не верю. какая версия хромого? какая операционная система?
сегодня попробую заскринить. SRware Iron последняя версия
ты так и не ответил на вопрос, фантазер. решил заскринить свою безграмотность?
зачем же хамить и грубить?
Уже наверно с пол года, как твитч вещает в хтмл5 и на своём сайте и на сторонних. Даже без в хода с аккаунта.
еще один... разницу между html кнопочками и html проигрывателем не знаешь?
Действительно, был не прав. На хтмл5, по умолчанию, проигрыватель.
работает номрально но нужен чат.
подожду пока чат будет.
Незачем ждать. Открываешь две вкладки стрима, одну оставляешь как есть, у второй из адреса удаляешь hls, тыкаешь в настройки чата и открываешь его в отдельном окне, закрываешь лишнюю вкладку стрима. Проблема только если ты постоянно прыгаешь по стримам и тебе будет впадлу каждый раз открывать чат заново
если я добавлю кнопку для открытия чата в окне, это будет норм или неудобно? я сам чатом не пользуюсь (и вообще на твитче нечасто), так что не все нюансы понимаю.
добавь конечно :)
это будет отлично — большего и не надо, откровенно говоря. Чат нужен редко, только когда ты на маленьком стриме со знакомыми. На стримах, где 30-40к народу чат просто помойка
добавил кнопку, которая показывает окно с чатом. кнопку на клаве для этого пока не выбрал, потому что все удобные кнопки вроде как заняты. :)

такой вопрос: нужно ли запоминать размер окна с чатом? это оказалось не так просто (безопасность в браузерах адовая).

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


впринципе и так хорошо. спасибо большое!
а если dpi в системе поставить стандартный (100%)? я в хромом проблем не вижу. но у меня win7, а не твой глюкодром.
>:(
ставить 100% не буду — геморой...
я же сказал меня и так устраивает более чем.
я немного изменил чат. стало лучше или хуже?
счас отлично! позиция запоминается. 
спасибо!
тогда владельцам оперы повезло. в хроме даже новый вариант подглючивает... у гугла с поддержкой dpi хреново.
Юзаю Tardsplaya, будет под новую Оперу с удовольствием протестирую
смотрел я Tardsplaya — ооочень неудобная штука. но технически сделано интересно, с моим mpc hc работало хорошо.

под новой оперой хромое расширение должно работать, если в опере есть поддержка H.264 и AAC. она там скорее всего есть. так что отпишись как заработает. :)
я под оперой сижу
я добавил в конец статьи пару слов о Flash.
Круто. В vivaldi работает. Ну по крайней мере что-то показывает в виде отличном от дефолта, а как узнать во flash кажет или html5, я не в курсе.

*ну и как обычно жжешь с кодом на русском :-)
	function ОбработатьWaiting()
Привет. Спасибо за дополнение.
К сожалению, на оперу 35.0.2066.37 не устанавливается (предлагает хром поставить).
Вивальди beta 2 — ничего не изменилось.
Chrome 48.0.2564.97m — тоже ничего не изменилось. Кнопочки нагрузка ЦП такие же :(
Все браузеры «чистые», т.е. только с этим дополнением.
Есть идея чего так?

W10 x64 со всеми обновками / G1840 / HD7770 /8GB — если вдруг понадобятся характеристики =)
у меня на оперу 35.0.2066.10  без проблем встало
странно, на хром как минимум должна встать. и количество браузеров впечатляет. :) firefox забыл.
На хром устанавливается, но абсолютно ничего не изменяется :(
Может какой-нибудь лог глянуть или что-то подобное ? Или где копнуть еще?

Та я те браузеры поставил просто что бы проверить =)
На лисе не проверял, ибо не хотелось, из-за упомянутых выше частых крашей.

Вот так оно должно выглядеть на хроме ?
Через закладки на канал заходишь? Добавь к адресу канала вручную /hls
Вот так: http://www.twitch.tv/названиеКанала/hls
Спасибо большое! Всё работает теперь :)
я бы никогда не догадался. :) не думал, что переход со сторонних сайтов и закладок сильно полезен. нужно будет подправить.
Секундочку.. Я так обрадовался работе плагина, что забыл комментарий дополнить свой :D
Когда плагин не работал, я не через закладки переходил. Просто ручками вписал в адресную строку и заходил на стрим :) Ну или через копипаст (к примеру http://www.twitch.tv/a1taoda)
Я вообще стримы чекаю (и перехожу на них) через Twitch Now. Так что было бы реально здорово не дописывать /hls каждому стриму :)
аналогично. Либо закладка, либо через адресную строку. Сам два дня думал, почему при первом тесте работало, а потом два дня не работало ни в одном браузере. А всё дело в том, что тот стрим, который у меня в закладках, оффлайн был в момент первого теста и пришлось искать на твиче что-то живое. На следующий день стрим из закладок уже живой был и на нем тестил. Как на зло вивальди перед этим обновился и думал как-то с этим связано, что перестало работать. Но во всех браузерах не работало, потом твой пост увидел, потом опять стрим оффнулся и пришлось новый для теста искать, на котором магическим образом всё заработало. Так и допёр до причины
прикрутил поддержку перехода с других сайтов и закладок. таким образом загрузка удлинняется где-то на пол-секунды, так что лучше ходить по прямым ссылкам. хотя не исключено, что эти ссылки (/hls) скоро придется изменить...
прикол. разбираю пришедшие отчеты об ошибках и вижу, что у нескольких челов дополнение не запустилось, потому что на компе неправильно установлено время (или дата, или часовой пояс). видимо любители кривых кряков. :)
последняя версия 2016.2.29.1, в опере окно чата кидает вправо, т.е. тоно так как это делает стандартный плеер твича :(((
могу сделать, чтобы чат открывался сразу в отдельном окне если щелкнуть по кнопке средней кнопкой крысы.
если не трудно, то было бы здорово.
до сих пор не работает :(
Пользовался примерно неделю, все было отлично, пока Хром не обновился до 49 версии.
Во первых — элементы управления стали прозрачными, во вторых — при разворачивании на весь экран плеер в ширину уменьшается и получается, как будто смотришь видео с соотношением сторон 4:3. Почините пожалуйста.

Уже починили, оперативно =)
Добрый день! Спасибо за Ваш труд!
Подскажите, можно ли как-нибудь сделать просмотр информации которая под стримом (обычно там кнопки с донатом, биографией и тд)
Спасибо!
жми кнопку flash и читай. в свой проигрыватель я это вставлять не планирую.
почему ты не нашел эту кнопку? может мне ее переместить в другое место? например, в виде ссылки. я прям не знаю. :)
я нашел эту кнопку сразу )))
но хотелось бы просто проскролить мышкой вниз и нажать кнопку для доната например, без лишних телодвижений.
хорошие новости для владельцев firefox. я наконец-то нашел причину, по которой он не показывал некоторые трансляции. firefox (почти) не виноват. это трансляции глючные. я их попробую исправить.
Отличное расширение :)

В одном обновлении чат стал открываться не отдельным окном, а сбоку от плеера. Почему-то к чату сбоку не хотят применяться другие расширения хрома (BetterTTV — популярная штука).
Но даже если починятся, всё равно я пользую только чат в отдельном окне :( Конечно, его всё ещё можно всплыть самостоятельно из бокового и закрыть панельку, но «одной кнопкой» было сильно удобнее. Вернёте опцией? =)
на хабре обсуждение возникло — нужен флешъ или не нужен
- https://habrahabr.ru/company/vivaldi/blog/282463/#comment_8871516
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.