С таким подходом даже Ванга не поможет

С таким подходом даже Ванга не поможет

а что не понятно написал?

Пацаны, кто-нибудь подключал webgl на node.js???

Народ, вопрос такой по нехватки памяти в браузере. У меня на странице товара есть видео на 360 градусов, покрутить можно. По факту это набор картинок. И вот когда эти картинки с сервера летят (летят они в base64), я их складирую в массив, и потом показываю одну за другой. Ну и бывает картинок прям много прилетает для одного такого видео. IE11 ложится очень быстро. Хром и фаерфокс вроде работают. Но изредка и они выдают мессагу мол щас вот память кончится. Можете подсказать как это победить?

Удаляй старые картинки

Удаляй старые картинки

Как я их потом верну? Видео то крутится по кругу и они мне нужны

Как я их потом верну? Видео то крутится по кругу и они мне нужны

Варианты: 1. Храни дельту картинок 2. Скачивай заново 3. Храни картинки в сжатом формате

Народ, вопрос такой по нехватки памяти в браузере. У меня на странице товара есть видео на 360 градусов, покрутить можно. По факту это набор картинок. И вот когда эти картинки с сервера летят (летят они в base64), я их складирую в массив, и потом показываю одну за другой. Ну и бывает картинок прям много прилетает для одного такого видео. IE11 ложится очень быстро. Хром и фаерфокс вроде работают. Но изредка и они выдают мессагу мол щас вот память кончится. Можете подсказать как это победить?

скачивать картинки в формате чтобы они занимали больше места — топчик)

Варианты: 1. Храни дельту картинок 2. Скачивай заново 3. Храни картинки в сжатом формате

Нет возможности запрашивать картинки по одной. Они летят одним потоком по одному XMLHttpRequest. К тому же если по одной запрашивать то нужно ждать пока она загрузится по onLoad событию. Т.е. видео будет постоянно тормозить

скачивать картинки в формате чтобы они занимали больше места — топчик)

предлагай решение) Критиковать легко

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

а если https://kraken.io/web-interface каким воспользоваться, то сэкономить может получится лучше

Нет возможности запрашивать картинки по одной. Они летят одним потоком по одному XMLHttpRequest. К тому же если по одной запрашивать то нужно ждать пока она загрузится по onLoad событию. Т.е. видео будет постоянно тормозить

Ну тогда второй вариант не подходит, есть ещё (1) и (3)

Ок, спасибо народ, буду думать)

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

А не подскажешь как мне обычные картинки в массив загнать? С картинками в base64 все понятно. Т.е. если просто получить список URLов ко всем картинкам на сервере и потом по очереди их от туда показывать - не вариант

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

в чем не вариант

Так не пойдет. Картинки быстро сменяются. Каждой картинке нужно время на скачивание

Они даже не будут успевать загружаться

в base64 они больше весят)

сам говоришь каждой картинке нужно время на скачивание

Да там то они скачиваются и когда скачались кладутся в массив в памяти

а еще есть кэш браузера

по событию image.onLoad

Ну вот на кеш надеяться только что картинка успеет скачаться и в кеш упасть...

Все эти картинки на американских серверах лежат и не очень легкие

Нифига не успеет)

ну ты прочитай что пишешь) давайте сделаем картинки тяжелее чтобы они быстрее скачивались

когда кэш браузера он второй раз скачивать даже не начнет

ну ты прочитай что пишешь) давайте сделаем картинки тяжелее чтобы они быстрее скачивались

Вот смотри. Усеет ли там закешироваться в браузере такая картинка? Считай их там 200-300 штук подгружается https://www.thenaturalsapphirecompany.com/5.37ct-ceylon-emerald-cut-blue-sapphire-b10297-/

а почему считаешь что не успеет?)

я тоже не понял, как base64 решает эту проблему

Ну вот если дождаться окончания загрузки видео, то примерно можно прикинуть часосту смены картинок. Картинка допустим весит 300кб. Времени на ее загрузку мало. У людей с поршивым интернетом просто не будет видео. В base64 по onLoad упадет в память и ее можно будет взять из массива загруженных картинок

Если барузер начал закачивать картинку он ее наверняка докачает?

Они тут кстати еще через canvas все показываются

Народ, вопрос такой по нехватки памяти в браузере. У меня на странице товара есть видео на 360 градусов, покрутить можно. По факту это набор картинок. И вот когда эти картинки с сервера летят (летят они в base64), я их складирую в массив, и потом показываю одну за другой. Ну и бывает картинок прям много прилетает для одного такого видео. IE11 ложится очень быстро. Хром и фаерфокс вроде работают. Но изредка и они выдают мессагу мол щас вот память кончится. Можете подсказать как это победить?

В моем представление 3д это картинки которые склеины в фигуру и не можно крутить. А как у тебя это выглядит? Можно увидеть?

В моем представление 3д это картинки которые склеины в фигуру и не можно крутить. А как у тебя это выглядит? Можно увидеть?

https://www.thenaturalsapphirecompany.com/5.37ct-ceylon-emerald-cut-blue-sapphire-b10297-/

В девтулс на вкладке нетворк можешь глянуть как картинки прилетают

Я не гений, но почему эту проблему не скинуть на бекенд, а бек пускай посылает тебе не санные картинки, а один mp4 и все, а ты уже крутишь перемотку

У бека есть доступ же нативным библиотекам, пускай он и склеит картинки в видео.

кстати mp4 какой-нибудь из картинок может в сумме весить еще меньше

Просто же это оверхед решение на фронте склеивать картинки.

Дорогое и жирное

Я не гений, но почему эту проблему не скинуть на бекенд, а бек пускай посылает тебе не санные картинки, а один mp4 и все, а ты уже крутишь перемотку

Задача така чтобы можно было начинать крутить камень сразу после захода на страницу даже когда еще не все кадры загрузились

Mp4 10 секунд весит 200-300кб

Задача така чтобы можно было начинать крутить камень сразу после захода на страницу даже когда еще не все кадры загрузились

Ну видео так и работает, нет?

Оно умеет кусками грузиться.

И видео явно меньше весить будет, чем набор из сотни картинок.

Ну видео так и работает, нет?

Не знаю) Мне как бы это наследство досталось. Чем то там руководствовались когда делали в base64. Надо с ними обсудить

+ можно отказаться от base64 в пользу createURLObject

Хотя, стой, с бека приходит в base64?

Да

В общем не очень понятно профит от base64, вместо прямого линка на изображение с бека

Тем более когда приходит чисто картинка, то браузер сам делает оптимизации при загрузке, ну это когда сначало все пиксельное или по строчно грузится.

В общем не очень понятно профит от base64, вместо прямого линка на изображение с бека

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

Время же на загрузку этих base64 тоже же тратится учитывая, что base64 увеличивает размер в 3 раза

Как вы это решаете?

Что делает юзер, пока у него грузится этот долгий base64?

И изображения же можно отдавать с gzip, а base64 нет.

Время же на загрузку этих base64 тоже же тратится учитывая, что base64 увеличивает размер в 3 раза

Ты ссылку смотрел которую я тебе скидывал? Там видно как это работает. Изображения загружаются в фоне. По событию onLoad скзладываются в массив в формате base64. Потом цикл проходится по этому массиву и передает загруженные картинки в канвас

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

Ты ссылку смотрел которую я тебе скидывал? Там видно как это работает. Изображения загружаются в фоне. По событию onLoad скзладываются в массив в формате base64. Потом цикл проходится по этому массиву и передает загруженные картинки в канвас

Но с таким же успехом видео грузится же, нет?

Но с таким же успехом видео грузится же, нет?

Не приходилось с видео работать)

сто пудова. такой же кейс. нужно вешать v-if в резайс окна. думаю куда положить

https://github.com/Kelin2025/vue-responsive-components то?

ERROR: S client not available

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

А вот с такой штукой не приходилось работать? https://github.com/pieroxy/lz-string/

Можно было бы попробовать ужать base64

Перед показом картинки декомпрессить. Ресурсозатратное наверное будет дело

А вот с такой штукой не приходилось работать? https://github.com/pieroxy/lz-string/

Нет

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

Не спорю, если все переделывать все на mp4, то бек наверно ахует от работы.

Не спорю, если все переделывать все на mp4, то бек наверно ахует от работы.

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

Вообще видео здесь бы прекрасно зашло. Грузится быстрее, рендерится не используя cpu(ну по минимому). Прокрутка вперёд-назад через перемотку

Я говорю с позиции не рефакторинга, а сделать все с нуля. Это хуево, но я не знаю, что можно сделать с base64

алсо просмотр кристаликов топыч, так сочно и круто выглядит

алсо просмотр кристаликов топыч, так сочно и круто выглядит

+, мне тоже понравилось.

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

Ладно, поговорю с ними на счет видео. Спасибо народ. Лучшее сообщество, всегда поможете!))

Хотя опять же еще можно изменить работу канваса

Отказаться от большого количества кадров и склеивать модели и уже крутить модели в webgl

Отказаться от большого количества кадров и склеивать модели и уже крутить модели в webgl

Это как то уменьшит потребление памяти?

лучше на клиенте не делать такое

Отказаться от большого количества кадров и склеивать модели и уже крутить модели в webgl

Тогда появится самый настоящий 3d

Это как то уменьшит потребление памяти?

Должно, целые игры же делают сейчас на webgl, а тут просто 3д модельку дешево же должно быть, но опять же, я говорю от своего имхо.

Я бы сначала попробывал видео, потом модельку, потом склейка кадров. А не 3,1,2

Я бы сначала попробывал видео, потом модельку, потом склейка кадров. А не 3,1,2

Видео mp4?

Видео mp4?

Да

проще будет с видео на бэке, чем лезть в это низкоуровневое апи

проще будет с видео на бэке, чем лезть в это низкоуровневое апи

Тоже верно.

Но опять же к сожалению все наши советы опять уровня, неси все нахуй)

но вообще, что то, что то требует рефакторинг

хех

Я их не люблю, но я хз как можно base64 сжать

Может вообще не тот чат?

Да они решили эту проблему просто отключением видео на IE11 ибо он такое не вывозит )) Фиг знает захотят ли с видео заморачиваться

видео можно запилить с помощью ffmpeg по идее. Можешь скинуть пачку картинок какого нибудь камня?