Изменение фотосферы на веб-сайте

Question

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

https://developers.google.com/photo-sphere/web/ 

позволяет только размер фотосферы быть зашиты в

displaysize="600,400" 

какие-либо ценности, но его до сих пор HARDCODED. Я хочу, чтобы он настраивался на экран пользователя и отображался во всем окне браузера. Кто-нибудь понял, как это сделать? Я не нашел ничего о «фотосфере в Интернете», кроме ссылки google, которую я дал выше.

Answer 1

Действительно, API в настоящее время предназначен для принятия статических значений. Я думаю, что это хороший момент, когда пользователи могут захотеть установить размеры до 100% и позволить динамически изменять размер.

Я положил его на список TODO и попытаюсь добраться до него в ближайшее время.

В то же время одна работа вокруг: после загрузки зрителя вы найдете iframe на странице, которая содержит его. Вы можете изменить его размеры динамически по своему вкусу, и зритель должен адаптироваться.

Answer 2

API, предоставляемый Google, обертывает всю фотосферу слоями iFrames. Вы можете использовать API для запроса определенной фотосферы, но используйте только ответ, чтобы проанализировать его для нужных значений. Затем вы создаете свой собственный запрос, и результат может отображаться в полноэкранном режиме.

Пример ссылка this Я создал эту ссылку динамически из ответа JSON из элементов медиа $ медиагруппы $ содержательных 0 URL

Надеется, что это помогает.

Answer 3

Не можете ли вы взять необработанное изображение и просто использовать webgl, чтобы проецировать его на внутреннюю поверхность сферы?