В прошлых сериях "Как сделать сферическую панораму простым фотоаппаратом с рук?" (часть 1, часть 2, часть3 и часть 4) мы сделали полноценную эквидистантную панораму простым фотоаппаратом с ру и даже попробовали объединить несколько панорам в тур.
Недавно в коментах появился вопрос, который я хотел в этом посте и закрыть. Спасибо за вопрос, John Foreign
Итак, для начала нам надо зарегать хостинг. Скажу сразу, для этих целей я использую DropBox (зарегистрируйся по этому линку, и я получу +500Мб в своем хранилище).
Drop box позволяет настроить все так, чтобы тебе всего лишь достаточно будет скинуть файл в папку на своем диске на работе и он появится на всех твоих копьютерах, на которых ты установил DropBox. Но это только одна из приятных фичей DropBox.
Поместив файл в подпапку папки Public с последующим копированием public http линка можно разместить файл у себя в блоге. У меня все файлы блога хостятся на бропбоксе - итак я могу править файл на локали, а он тут же обновится в блоге - очень удобно.
По последним нововведением папка Public с ее свойствами отключена у новозарегистрированных пользователей (источник). Чтобы ее включить надо проделать следующее. Перейти по линку https://www.dropbox.com/enable_public_folder и проследовать инструкциям по активации этой папки.
Но если у тебя есть хостинг, тогда тебе можно не заморачиваться на счет DropBox, а просто переписать туда файл, скопировать url и вставить в блог такой код.
Идем дальше, отвечая на вопрос
если вдруг тебе надо чтобы работала кнопка full screen с панорамы, то стоит воспользоваться другим кодом.
Вот и вся премудрость.
Вообще, можешь смело пользоваться более универсальными инструментом. Если ты видишь как у кого-то на блоге что-то висит, то смело выделяй то, что тебя интересует мышкой (немного текста зацепи, до и после заинтересовавшего тебя объекта) и правой кнопкой мыши - выбирай пункт контекстномго меню View selection source, Firefox откроет тебе новое окошко и подсветит HTML код, который и отображает то, что тебя заинтересовало.
Копируй, вставляй в файл с расширением 1.html и играйся, пока не получится так как тебе надо. После готовый код можно вставить в блог.
Если тебя заинтересовал DropBox, то скажу, что в бесплатной версии есть некоторые ограничения на трафик и объем хранилища, но последнее можно прокачать, к примеру у меня уже 18,4 Gb. Как это сделать смотри тут.
Продолжение следует.
Недавно в коментах появился вопрос, который я хотел в этом посте и закрыть. Спасибо за вопрос, John Foreign
Итак, для начала нам надо зарегать хостинг. Скажу сразу, для этих целей я использую DropBox (зарегистрируйся по этому линку, и я получу +500Мб в своем хранилище).
Drop box позволяет настроить все так, чтобы тебе всего лишь достаточно будет скинуть файл в папку на своем диске на работе и он появится на всех твоих копьютерах, на которых ты установил DropBox. Но это только одна из приятных фичей DropBox.
Поместив файл в подпапку папки Public с последующим копированием public http линка можно разместить файл у себя в блоге. У меня все файлы блога хостятся на бропбоксе - итак я могу править файл на локали, а он тут же обновится в блоге - очень удобно.
По последним нововведением папка Public с ее свойствами отключена у новозарегистрированных пользователей (источник). Чтобы ее включить надо проделать следующее. Перейти по линку https://www.dropbox.com/enable_public_folder и проследовать инструкциям по активации этой папки.
Но если у тебя есть хостинг, тогда тебе можно не заморачиваться на счет DropBox, а просто переписать туда файл, скопировать url и вставить в блог такой код.
<center> <embed height="500" src="http://dl.dropbox.com/u/11842832/Blog/Panoramas/IMG_9776_Panorama_gimp_cube_out.swf" width="500"></embed> </center>А выглядеть это будет так
Идем дальше, отвечая на вопрос
если вдруг тебе надо чтобы работала кнопка full screen с панорамы, то стоит воспользоваться другим кодом.
<object type="application/x-shockwave-flash" data="http://bit.ly/N1AdRC" width="900" height="541" id="VideoPlayback"> <param name="movie" value="http://bit.ly/N1AdRC" /> <param name="allowScriptAcess" value="sameDomain" /> <param name="quality" value="best" /> <param name="bgcolor" value="#FFFFFF" /> <param name="scale" value="noScale" /> <param name="salign" value="TL" /> <param name="FlashVars" value="playerMode=embedded" /> <param name="allowFullScreen" value="true" /> </object>А выглядеть это будет приблизительно так.
Вот и вся премудрость.
Вообще, можешь смело пользоваться более универсальными инструментом. Если ты видишь как у кого-то на блоге что-то висит, то смело выделяй то, что тебя интересует мышкой (немного текста зацепи, до и после заинтересовавшего тебя объекта) и правой кнопкой мыши - выбирай пункт контекстномго меню View selection source, Firefox откроет тебе новое окошко и подсветит HTML код, который и отображает то, что тебя заинтересовало.
Копируй, вставляй в файл с расширением 1.html и играйся, пока не получится так как тебе надо. После готовый код можно вставить в блог.
Если тебя заинтересовал DropBox, то скажу, что в бесплатной версии есть некоторые ограничения на трафик и объем хранилища, но последнее можно прокачать, к примеру у меня уже 18,4 Gb. Как это сделать смотри тут.
Продолжение следует.
Очень благодарен, что помог мне!)
ОтветитьУдалитьСпасибо, за все твои статьи по этой теме, очень интересно, познавательно и доступно (даже для меня)
продолжай в том же духе)
И еще раз СПАСИБО!!)
подскажите пожалуйста мне почему я у себя в блоге не могу сделать на весь экран? значок есть, но не действует, может html какой-то другой надо?
ОтветитьУдалитьПривет ребята, спасибо за Ваши отзывы и вопросы.
ОтветитьУдалитьПо поводу fullscreen дополнил статью, вот тут
Спасибо за науку.
ОтветитьУдалитьА что? Может взяться теперь за вокруг сферы? Было бы очень интересно. Леонид Ч.
Огромное спасибо за инфу. Самые удобо-варимые и простые статьи из тех, что мне удалось найти на эту тему.
ОтветитьУдалитьПочему то метод с дропбоксом не работает(
ОтветитьУдалитьЖеня, пожалуйста поделись контекстом своим. "Почему-то не работает" - слишком мало информации. Почитай пожалуйста вот эту статью http://egorfine.com/ru/articles/effective-bugreports/
УдалитьИ опиши задачу подробно.
Прием
Зарегал дропбокс, скачал установил.....создал папку паблик, в нее закинул swf файл.Далее на этом файле пкм- поделится ссылкой, вставляю в блог с помощью
Удалить"Дальше выкладываете в своем блоге в режиме html редактирования вот такой вот тег
"
В итоге пустое сообщение.
Женя спасибо. Теперь прояснилось.
Удалить"создал папку паблик" - папка должна была уже быть в Dropbox. Это не простая папка - доступ к каждому файлу в ней можно получить напрямую через http.
Вероятно что-то с аккаунтом не так, раз этой папки не было (может отменили эту фичу в бесплатных аккаунтах?)
Скинь мне пожалуйста линк, который у тебя получился.
https://www.dropbox.com/s/qtgbzlpz9zdd08w/DSC07790%20Panorama_cube_out.swf
УдалитьТак и есть - это не прямой линк на файл, это линк на страничку загрузки файла. Должен быть прямой доступ.
УдалитьДля новых юзеров дропбокса я вычитал, что папка по умолчанию отключена. Как ее включить читай тут
http://techdows.com/2012/10/create-public-folder-dropbox-new-account.html
Пиши, если остались вопросы.
Этот комментарий был удален автором.
УдалитьСпасибо за помощь!
Удалитьпс а можно как то запостить на любой форум ссылаясь на блог?
Снова недостаточно инфы. Что запостить? Как оно будет выглядеть в результате? Как ты это пробовал делать?
УдалитьПрием.
Как добавить на панораму кнопки? (стрелки и фулскрин)
ОтветитьУдалитьСпасибо за информацию. Все очень нужно и полезно. У меня все получилось, но возник один вопрос. Пока что с ним не разобрался. Вы не заметили, что при увеличении/уменьшении панорамы колесиком мыши прокручивается еще и страница? Думаю, что для пользователя это совсем не удобно при просмотре. Кто знает как от этого избавиться (от этого можно избавиться, пример на сайте masterpanoram.ru)?
ОтветитьУдалитьПожалуйста.
УдалитьЧтобы отключить скролинг - гуглим "disable scroling javascript"
http://stackoverflow.com/a/4770179 Вот рабочее решение, можно уверен найти и проще.