новый движок

Ссылки на видеогифки (и картинки)

Гифки/видеогифки

Каждый раз, когда мы загружаем картинку в формате .gif на наши сервера, мы пытаемся превратить ее в webm/mp4 видео, потому что в большинстве случаев webm/mp4 куда экономичнее по трафику. Самый экономичный формат - webm, но он поддерживается не на всех устройствах, поэтому мы также сохраняем mp4.

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

Для некоторых гифок нет смысла сохранять webm/mp4. Такое бывает, когда гифка мелкая, имеет мало кадров или результирующий вес webm/mp4 не сильно отличается от самой гифки (или даже превышает исходный вес). В таком случае гифка остается просто гифкой-картинкой, которую можно скачать из меню по правой кнопке мыши. Пример: https://m.joyreactor.cc/post/4848821

Кстати, когда мы введем загрузку webm/mp4 для видеогифок, при первом релизе у них не будет источника в формате gif, будет на выбор webm и mp4. Это связано с тем, что один маленький видосик может превратиться в многометровую гифку (80Мб не предел!), и работа с таким может серьезно загрузить наши сервера. В будущем мы постараемся что-то придумать, потому что многие все же любят гифки в формате гиф.

Видеогифки webm/mp4 будут выглядеть точно также, как обычные гифки, но - в первое время точно - без источника в формате gif.

Картинки шириной больше 811 пикселей

На новом движке многим не очень нравилось, что нельзя скачать исходник картинки прямо из ленты, надо сначала отрывать full size и его уже скачивать.

Теперь эта проблема исправлена. Вы можете кликнуть правой кнопкой по понравившейся картинке и щелкнуть по пункту меню "Сохранить ссылку..." или "Сохранить объект..." (название в зависимости от браузера), и вы сохраните оригинал картинки.

Черновики в новой форме создания постов

Напоминаю, что новая форма - это вот эта https://m.joyreactor.cc/post/new

Зачем черновики? Почему этой фиче дали высокий приоритет?

Первое и самое очевидное - очень обидно, когда с любовью написанная и скомпонованная простыня текста пропадает из-за перезагрузки страницы. Теперь весь текст раз в 20 секунд сохраняется в ваше локальное хранилище браузера (local storage), и вы видите вот такое сообщение

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

Пока идет предзагрузка картинок, пост отправить нельзя. Мы должны полностью сохранить черновик поста перед отправкой. Под текстом вы увидите вот такое:

Второе и неочевидное - нам нужны длиннопосты. По техническим причинам мы не можем принимать за раз более 10Мб, и если отправить весь пост с 30 картинками с компа пользователя скопом, может случится бяда (пост отторгнется). С черновиками каждая картиночка будет загружаться по очереди, и бяда вряд ли случится. Но ограничение 10Мб на одну картинку остается.

Мы готовимся к приему webm/mp4, и мы все разобрали. Может глючить пока не соберем полностью, так что пишите, если будут проблемы.

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

Прототип сворачивания комментов

Этот пост касается только нового движка и не касается текущего основного реактора.

Сегодня выкатили обновление с возможной схемой сворачивания комментов. Я не говорю, что это окончательный вариант, его надо тестировать на практике.

1) Комменты на 7-м уровне свернуты по умолчанию. Иногда можно наткнуться на вот такие междусобойчики, которые теперь, наверно, имеют минимальный шанс на прочтение. Открыли бы такой тредик на 50 комментов?

2) Комменты можно сворачивать при клике на линии слева от комментов. Сворачиваются все комменты, "прикрепленные" к этой линии. Тред "перематывается" к тому комменту, под которым находится свернутая ветка.

ссылка на гифку

Такое бывает полезно, если вы утомились, читая особенно длинный тред.

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

Дальше что?

Некоторое время мы поживем с этой схемой и посмотрим, как оно. Еще планируется ограничить количество комментов верхнего уровня, которые будут вываливаться на пользователя за один раз. Например, показываем 30 комментов верхнего уровня и их "детей", и кнопку "показать еще". Для длинных и супердлинных срачей это будет весьма полезно.

К вам такие вопросы:

- На каком уровне лучше всего сворачивать комменты по умолчанию? Напомню, что сейчас сворачивается на 7-м.

- Скоро сделаем кнопку "к непрочитанному". Хотите этой кнопкой заглядывать в свернутые треды?

Хоткеи

Не хватает хотекеев из https://joyreactor.cc/about
S - следующий пост

W - предыдущий пост

A - поставить текущему посту плюс

D - поставить текущему посту минус

E - открыть/закрыть комменты текущего поста

Q - развернуть текущий пост

F - добавить/удалить текущий пост из избранного

T - перейти наверх страницы

Z - предыдущая страница

Ctrl + ← - предыдущая страница

C - следующая страница

Ctrl + → - следующая страница

"Ленивая" загрузка картинок + остановка гифок на плохом интернете

Этот пост касается только нового движка, на текущем основном реакторе все без изменений.

Что такое "ленивая" загрузка?

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

Это полезно и с точки зрения экономии трафика, и с точки зрения более приоритетной загрузки именно тех картинок, у которых максимальный шанс быть посмотренными.

Раньше мы полагались на библиотеку nextjs в вопросе "ленивой" загрузки картинок, но в новой версии они - согласно современным практикам - отказались от своих механизмов и перешли на встроенные механизмы "ленивой" загрузки в браузерах. Стало лучше!

Для примера рассмотрим, как работает "ленивая" загрузка картинок в Хроме (и в браузерах на Chromium). С июля 2020 года разработчики браузера изменили расстояние от видимого экрана, на котором картинки начинают загружаться. Для быстрого интернета это расстояние уменьшили с 3000 пикселей до 1250 пикселей, для медленного - с 4000 пикселей до 2500.

Разработчики браузера говорят, что могут еще экспериментировать с этими порогами. Мы на этот встроенный механизм влиять не можем.

Сурс: https://web.dev/browser-level-image-lazy-loading/

В разных браузерах могут быть разные расстояния от видимой части экрана.

А что же гифки?

Гифки и гифковидео(видеогифки?) тоже подвластны этому механизму браузера. В дополнение мы в качестве эксперимента добавляем новый механизм остановки гифковидео для плохого интернета.

Если браузер решил начать загрузку видеогифки, но за 5 секунд загрузка не закончилась полностью, мы ставим видео на паузу и показываем контролы. Это выглядит вот так:

Браузер будет потихоньку буферизовать контент видеогифки, особенно если она находится у пользователя на экране. Это тоже встроенный механизм - браузер сам выбирает, загрузке какого контента отдать приоритет.

Пользователь может сам решить, интересна ли ему гифка, будет ли он ждать ее полной загрузки. Если гифка будет безжалостно промотана, браузер сильно понизит приоритет или вовсе остановит загрузку данных для этой видеогифки.

Обратная связь

Для нас новый движок - это тестовая песочница для новых фичей, построенная на довольно новых технологиях. Через 5 лет эти технологии перестанут быть столь новыми, и все будет работать на каждом утюге и чайнике. А пока могут быть проблемы, о которых вы можете нам сообщить, что поможет нам обкатать новый движок как следует.

Важно! Мы принимаем репорт только если у вас отключены все расширения браузера или вы используете "чистый" браузер. Если проблема возникает только с включенным расширением, то репорт надо слать разработчику расширения, а не нам.

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

А вот инструкция как прислать репорт о баге на новом движке нам: https://m.joyreactor.cc/report

До связи, драгоценные!

1. ленивая загрузка картинок слишком ленивая. картинка должна быть полностью загружена за один экран до места, которое юзер щас смотрит. а в новой теме джоя картинки начинают загружаться когда они на экране, что приводит к тому, что в 99% случаев, они успевают загрузиться, когда юзер уже их пролистал. джой без картинок.

2. ленивая загрузка гифок бесполезна на 100%. ни одна гифка, ни одна, не загружается на новой теме. можно сидеть 5сек пырить в бледную превьюшку с крутящимся в центре индикатором загрузки и гифку так и не увидеть.

3. крайне неудобно сохранять оригиналы картинок, нужно сначала их открыть - затратить еще дополнительное время. в старой теме ты просто щелкаешь правой кнопкой и "сохранить объект по ссылке как" в меню.

проверял на qualcomm snapdragon 732g, на котором все сайты работают отлично (даже новый редизайн ПДФ), кроме джоя

Когда теперь наконец-то можно отбивать теги по Enter и просто вставлять картинку копипастом

Тестируем новую форму создания поста

Вы должны знать, что в наших горнилах куется новая версия движка реактора. Цель преобразований - исправить старые проблемы и добавить новые столь желанные фичи. Код текущего основного движка базируется на symfony 1.4, который уже около 10 лет считается legacy, и над ним работать просто нет смысла. Новые фичи - в новом движке.

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

Но сначала разберемся, зачем вообще на эту форму в перспективе переезжать.

Что умеет новая волшебная форма?

1) Форма принимает картиночки в формате webp.

2) В форму можно вставлять картиночки напрямую - вставкой из буфера обмена или драг-н-дропом файла.

3) Эта форма умеет делать спойлеры, также доступные на текущей основной версии движка.

4) Эта форма скажет вам заранее, какие теги поставить не получится.

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

То есть по форме можно узнать, есть у вас бан в теге или нет ;-)

Что эта форма пока не умеет:

1) Таблицы

2) Наглядная вставка видео/разрешенных эмбедов, но можно вставить видео ссылкой, как на старом движке.

3) Опросы

4) Какая-то фича, нужная именно вам? Пишите в комменты.

Еще идея спрятать заголовок поста прямо в эту форму, вот так. Что думаете?

В общем, пожелания и баги в студию!