javascript'"()&%<acx><ScRiPt >A3xq(9117)<

Ещё одна темная тема для реактора (мои рассуждения + код)

Доброго времени суток, глубокоуважаемые пидоры и прочие интересные личности.

Использовал я значит раньше тему Dark Reactor [by Sirko] [Fixed by FeaR], которую допилил напильником и выложил на greasyfork.org. Однако подумал что она слишком тяжела и пора бы запилить нечто более легкое. То есть, представленная ниже тема минимально затрагивает разметку css сайта, а также не содержит никаких картинок. И вот что я делал.

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

Итак, что же делает скрипт. Во время события document-start, что видимо означает начало отображения документа, он инкапсулирует кастомную разметку css. Как вы наверное видели, современные браузеры начинают отображать веб-страницу еще до её полной загрузки, то есть пока не будет полностью загружено дерево документа. Если что, вся веб-страница со всей её иерархией блоков, картинок и прочей хуеты называется веб-документ.

Так вот начало скрипта document.addEventListener("DOMContentLoaded"... по сути позволяет добавлять в обработчики событий документа событие когда весь документ можно сопоставить со всей его иерархией. Ну а дальше идет представление пользовательского стиля css, в котором я меняю разметку, а после - внедрения стиля при помощи внутреннего инструмента GM_addStyle, который встроен в Tampermonkey. Либо PRO_addStyle или addStyle или ручное внедрение стиля средствами js.

Что касается самого стиля - во первых вместо шапки с пекафейсом простая заливка linear-gradient. Минималистично, и не требуется отображать пиксельную картинку как в предыдущей теме раньше.

Второе - закругления. Тут вы можете меня гнать и насмехаться надо мной, но мне они нравятся, я постарался закруглить где это счел нужным.

И что самое интересное - айфреймы. Если кто не знает - iframe это контейнер который разрешает стороннему сайту встроить в него что хочешь, например плеер с видеороликом. Вообще, с фреймами на джое что-то странное, так как допустим при размещения ютуп-ролика сайт будет встраивать в пост окно разрешения 560 на 315. У меня уже давно вопрос встал - нахуя, а главное - зачем? Неужели чтобы тренировать наше потраченное от дрочки на трапов зрение? Хотя, я так полагаю чтобы была какая-никакая совместимость с небольшими дисплеями 1024х768 на которых до сих пор сидят олдфаги..

Как бы то ни было, я решил этот момент в три строчки. Буквально.

iframe {

width: 100%;

aspect-ratio: 16 / 9;

height: auto;

}

Первое - даем фрейму ширину его родителя, так как это может быть блок нового поста или комментарий. Второе - устанавливаем правило в соотношение сторон фрейма, ведь 560х315 - это тоже самое соотношение 16 на 9. Третье, даем авто-высоту, благодаря установленным выше двум правилам. Всё.

Если подумать, большинство фреймов на джое - это либо видеоролики ютупа, вимео, куба, либо песня с саундклауд. Но насчет последнего я вставил селектор, дабы он не менял высоту фрейма:

iframe[src^='https://w.soundcloud.com'] {

aspect-ratio: auto;

}

Ролики ютуб почти все с таким соотношением, фрейм дают стандартно. А вот с остальными, типа куб, как посмотреть - вертикальный фрейм не будет растягиваться по ширине блока поста, а встанет гордо по центру. Хуй с ним тогда.

Для гифок я сделал поменьше плашку их скачивания, так ИМХО красивше:

Отельный гемор еще раньше, для предыдущей темы вызвала посветка родительского комментария. Это когда наводишь на коммент и подсвечивается он и его родитель. Я долго искал где это в css, но потом вяснил что это реализовано при помощи того же JS. Пришлось инкапсулировать не только css, но и js, в итоге стало темнее:

Ну и в остальном, прошу любить и жаловаться!

https://greasyfork.org/ru/scripts/464142-new-dark-reactor-by-donotblink

Прошу писать в комментах, если что я упустил или что-то написал коряво и надо бы доделать/переделать.

Темная тема работает через расширение для браузеров: Tampermonkey или Greasemonkey:

* greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/

* tampermonkey (в Хроме, Опере и для Firefox)

https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/

youtube js api -iframe

Привет.

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

Работает по принципу:

- тригернуть клик по шестерне, найти пункт меню скоростей, тригернуть клик по нему, найти пункт меню с нужной скоростью, тригернуть клик по нему.

- тригернуть клик по шестерне, найти пункт качества, тригернуть клик по нему, найти пункт с нужным качеством, тригернуть клик по нему.

- тригернуть клик по основной кнопке Play.

Проблемы:

- криво-косо;

- кнопка плей срабатывает не всегда (в районе 95%);

- изредка менюшка настроек остаётся открытой;

- поиск по пунктам меню осуществляется по тексту и зависит от локализации сайта, так как других идентификаторов пунктов меню нет, сами менюшки меняются от видео к видео.

Вопрос:

Может, есть какое-то API для этого?

С ходу гуглится только API для iframe, это совсем не то: нужно подгрузить библиотеку, создать плеер и тогда им управлять. А мне нужно чтоб на самом сайте ютуба, без iframe и когда плеер уже создан (*).

Чтобы можно было делать что-то типа:

ytPlayer.setQuality('360p'); // (**)
ytPlayer.setSpeed(1.5);
ytPlayer.playVideo();

(*) пробовал удалять ютубовский плеер и на его месте создавать iframe с плеером, но в нём не работает SponsorBlock и ещё некоторые фичи, а так же ломаются некоторые функции на странице ниже.

(**) часто не весь набор качеств доступен, нужно ещё как-то получать список

Joyreactor advanced script (JRAS) 2.2.2

страница скрипта - https://openuserjs.org/scripts/AntiUser/Joyreactor_advanced_script

больше информации - http://joyreactor.cc/tag/jras

Что нового с последнего поста:

  * заминусованные коменты теперь открываются с задержкой

в тултип юзера выведена инфа о последнем входе

заминусованные коменты теперь открываются с задержкой

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

И кстати ни одного фидбека по поводу этого так и не поступило.

Как устанавливать
Это скрипт для 
greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/
tampermonkey (в Хроме) https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

violent-monkey (в Опере) https://addons.opera.com/ru/extensions/details/violent-monkey

Устанавливаете соответствующее расширение
Затем идете по ссылке https://openuserjs.org/scripts/AntiUser/Joyreactor_advanced_script и нажимаете кнопку Install
Должно заработать. Если это не так, то смотрите всякие настройки расширения. В сети этой инфы море.

Как установить черную тему

Поскольку стайлиш слился выбор расширения остается за вами

На Firefox ставим Stylish или еще что-то похожее
На Хром Stylish или еще что-то похожее

На Оперу Stylish или еще что-то похожее

далее идем на https://userstyles.org/ и вбиваем в поиске интересующий нас сайт, в данном случае reactor. Ставим нужную тему и наслаждаемся.

Я ставлю Steam - https://userstyles.org/styles/102349/joyreactor-old-steam

Для ценителей: https://github.com/mrAntiUser/JRAS

Доброго времени суток, уважаемые пидоры.

Короче, листал я Реддит со всякими мемчиками и видосиками. Иногда хочу сохранять видео с кошечками и трапами, чтобы потом их кому-нибудь скидывать, поэтому стал искать расширение для браузера. Увы, Imagus удовлетворил меня частично - картинки сохраняет как надо, а вот видосики без звука. Тогда я решил написать скрипт для Tampermonkey, которым хочу поделиться и с вами. 

Вот он: https://greasyfork.org/ru/scripts/428837-reddit-youtube-url-download-page

Работает со ссылками на посты с видео Reddit, а также с видео-ссылками на YouTube (находясь на этих сайтах соответственно). Наведите на ссылку и нажмите CTRL + Правая кнопка мыши. Ссылка на пост с видео с сайта Reddit будет перенаправлена в новой вкладке на сайт viddit.red, а с YouTube - на y2mate.com, там уже можно будет скачать само видео. Пытался ебануть скрипт на событие ПКМ + контекстное меню, но не смог (я практически не знаю программирование вообще и JavaScript в частности).

Для работы скрипта необходимо расширение для браузера:

greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/
tampermonkey (в Хроме, Опере и для Firefox) https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/

Всем добра.