Web-интерфейс для создания гигапиксельных панорам?
Для проекта Ссылка удалена модератором. требуется найти решение которое бы могло быстро и безшовно обрабатывать большое количество фотографий для создания так называемых гигапиксельных панорам. Сейчас есть только хостинг за статику без нагрузки в месяц они просят 35000р
Дополнительно:
Если нет кода, не надо ставить тэг языка.
Рекомендую таки ознакомиться.
Будьте благоразумны.
Для верстки и прочего фронтэнда (html/css/js) удобно использовать <codepen src="Ссылка на codepen"/>
Это не хотелка интерефейса - это чисто мой вопрос, может кто в курсе что сейчас происходит.
Просто первая версию проекта была написана еще в 18.06.2023.
Ссылок скорее всего не будет - модераторы их режут(
Следует п.3.2. Формулировать вопрос максимально информативно и однозначно.
Если вы будете продолжать нарушать Регламент, ваши вопросы могут быть удалены, а аккаунт заблокирован модераторами временно или навсегда.
Будьте благоразумны.
Тогда ХОРОШО - я сделаю наброски, и если будут трудности, позже я вам напишу;)
Делать самостоятельно или нанять специалиста.
В первом случае делаете до тех пор, пока не возникает конкретная проблема, с которой самостоятельно не удается справиться; с этим конкретным вопросом приходите сюда. Например, «я выбрал вот такое решение. Попробовал его вот так, ожидал вот это, а получается вот такая фигня. Вот код, вот так запускаю, вот traceback с ошибкой. Что я делаю не так?»
Вы экономите деньги, тратите свое время, силы, приобретаете опыт разработки и возможно приобретаете продукт.
Во втором случае вы экономите свои время и силы, платите деньгами и риском их потери. Приобретаете опыт менеджмента и возможно приобретаете продукт.
Путь выбирать вам.
Попробуйте применить к своему прожекту. Так он может превратиться в проект.
spoilerЖелательно сделать декомпозицию до начала затрат времени и средств на воплощение
Забавно. Ок смотрите что вам нужно:
https://www.google.com/search?q=tile+server+open+source
Берете любой тайл сервер. Берете фотоаппарат, делаете снимки.
Ниже считаю для Canon R + Canon EOS 70-200 (200 mm)
34 - Количество кадров в одном слое панорамы с перекрытием 15%
138,24 - Количество кадров для 4 слоев, один над другим
4147,2 - пиксели миллионов на всех снимках
1105,92 обьем гб снимков jpeg height
Далее склеиваете снимки получаете тайлы.
Используя https://leafletjs.com/
Отображаете эту панораму.
ЗЫ как по мне за хостинг статики слишком много хотят
- Я думаю на старте будет штук двести панорам, какой хостинг посоветуете.!?
Я что то такой вписал в требования, Норм.!?
Фотоаппарат системный Canon EOS R RF 24-105 F4-7.1 IS STMЧто такое Canon R + Canon EOS 70-200 (200 mm) , я так и не понял вообще не шарю(
А что по железу посоветуете.!?
- Балбес.;) Игоревич.((, Насчет хостинга выбирайте по обьемам.
Оценка по верхам 0.5 терабайтов на одну. NVME вам не нужен, берите либо жесткие диски либо облачное S3.
Canon EOS R + Canon RF 70-200mm F4L IS USMОпять же попробуйте на простых панорамах, программа Canon Photostich позволяет склеить до 28 фото.
то есть вам нужно ~14 снимков на одном кругу это фокусное расстояние примерно 45мм.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Для создания гигапиксельных панорам через веб-интерфейс можно воспользоваться специализированными инструментами и библиотеками. Одним из популярных вариантов является использование библиотеки OpenSeadragon, которая специально разработана для работы с гигапиксельными изображениями.
Для начала, необходимо загрузить изображение высокого разрешения на сервер и настроить его для работы с OpenSeadragon. Далее, можно создать веб-интерфейс, который будет использовать эту библиотеку для отображения и управления панорамой.
Пример использования OpenSeadragon с PHP:
<title>Gigapixel Panorama Viewer</title>
<div id="viewer" style="width: 100%;height: 800px"></div>
var viewer = OpenSeadragon({
id: "viewer",
prefixUrl: "openseadragon/images/",
tileSources: "path/to/gigapixel_image.dzi"
}); |
<title>Gigapixel Panorama Viewer</title> <div id="viewer" style="width: 100%;height: 800px"></div> var viewer = OpenSeadragon({ id: "viewer", prefixUrl: "openseadragon/images/", tileSources: "path/to/gigapixel_image.dzi" });
В данном примере мы подключаем библиотеку OpenSeadragon, создаем контейнер для отображения панорамы и инициализируем ее с помощью указания пути к файлу с описанием изображения.
Таким образом, создание веб-интерфейса для работы с гигапиксельными панорамами возможно с использованием специализированных инструментов, таких как OpenSeadragon, что позволит пользователям просматривать и управлять панорамами с высоким разрешением непосредственно через браузер.
Для создания гигапиксельных панорам веб-интерфейсов существует несколько популярных инструментов и библиотек. Один из таких инструментов - OpenSeadragon. OpenSeadragon представляет собой мощную JavaScript-библиотеку для работы с изображениями высокого разрешения, которая позволяет создавать интерактивные и масштабируемые панорамы.
Для создания гигапиксельной панорамы с использованием OpenSeadragon, вам необходимо следовать следующим шагам:
1. Загрузите и подключите библиотеку OpenSeadragon к вашему проекту. Вы можете сделать это либо с помощью CDN, либо скачав файлы библиотеки и подключив их локально.
2. Подготовьте изображение высокого разрешения, которое вы хотите использовать для создания панорамы. Убедитесь, что изображение имеет достаточно высокое разрешение для создания гигапиксельной панорамы.
3. Используйте HTML и JavaScript для создания интерфейса и добавления панорамы на вашу веб-страницу. Ниже приведен пример кода, демонстрирующий простую реализацию панорамы с использованием OpenSeadragon и изображения "panorama.jpg":
<title>Gigapixel Panorama Viewer</title> <div id="panorama" style="width: 100%;height: 600px"></div> var viewer = OpenSeadragon({ id: "panorama", prefixUrl: "openseadragon/images/", tileSources: { type: "image", url: "panorama.jpg" } });<title>Gigapixel Panorama Viewer</title> <div id="panorama" style="width: 100%;height: 600px"></div> var viewer = OpenSeadragon({ id: "panorama", prefixUrl: "openseadragon/images/", tileSources: { type: "image", url: "panorama.jpg" } });
4. Настройте параметры панорамы, такие как начальный зум, ограничения на зум и перемещение, а также добавление элементов управления, если необходимо.
5. После завершения всех шагов, сохраните и запустите вашу веб-страницу, чтобы увидеть созданную гигапиксельную панораму.
Надеюсь, что данное решение поможет вам создать и отобразить гигапиксельную панораму с помощью веб-интерфейса. Если у вас возникнут дополнительные вопросы или потребуется дополнительная помощь, не стесняйтесь обращаться!