Модификация фотосферы на сайте вещь

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

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

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

displaysize="600,400"

какие бы то ни было значения, но это все еще жестко закодировано. Я хочу, чтобы он был настроен на экран пользователя и отображался во всем окне браузера. У кого-нибудь есть идея, как это осуществить? Я не нашел ничего о "фотосфере в Интернете", кроме ссылки Google, которую я дал выше.

3 ответа

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

Пример ссылки: я создал эту ссылку динамически из ответа JSON от элементов media$group media$content 0 url

Надеюсь, поможет.

Разве вы не можете взять необработанное изображение и просто использовать webgl для проецирования его внутрь сферы?

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

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

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

Другие вопросы по тегам