novosibpano@yandex.ru  

Add hotspot v1.5.


  • HTML5. krpano-1.19-pr16.



  • Возможности.

    • Возможность создавать, удалять, копировать хотспоты.
    • Позиционирование хотспота мышкой, выбор изображения хотспота в открывающемся окне проводника.
    • Ввод названия хотспота, появляется при наведении мыши на хотспот.
    • Расширенные настройки - возможность изменять масштаб, прозрачность, повороты по осям x,y,z, вносить свои действия в onover, onhover, onclick, onout.
    • Назначение хотспоту открытия фотографии.
    • Назначение хотспоту открытия видеофайла с панелью управления(тайм линия, отображение текущего и общего времени).
    • Создание видеохотспота. Включение направленного 3D-звука относительно хотспота.
    • Назначение хотспоту открытия youtube.
    • Назначение хотспоту открытия аудио файла.Включение направленного 3D-звука относительно хотспота.
    • Назначение хотспоту открытия ссылки URL в новом окне, в текущем, во фрейме.<
    • Создание списка url ссылок на определенные места в туре с заданным углом обзора. Дает возможность перехода на конкретное место в туре с внешних ресурсов.
    • Вставка части изображения извлеченного в PTGui. Не требует редактирования кода, координаты пересчитываются автоматически.
    • Создание текстового хотспота.
    • Создание полигонального хотспота.
    • Открытие редактора по введению пин кода дает возможность редактирования на удаленном сервере(сервере заказчика).
    • Наличие в редакторе выпадающего списка созданных хотспотов, клик по названию открывает вид с этим хотспотом.
    • Наличие строки поиска хотспота по его названию.
    • Легкое подключение.
    • Редактирование и сохранение без правки кода в файле xml.




    Пример создания хотспотов открывающих URL ссылки.
    YouTube



    Как подключить.

    Поместите папку "add_hotspot" в корневую папку с туром и пропишите в файле "tour.xml":

    
        <krpano .... >
        <include url="add_hotspot/plugins_l/add_hotspot.xml" />    
        .
        .
        </krpano>
    	



    PIN код.

    После подключения плагина при первом старте нажмите комбинацию клавиш "E+L", откроется строка для ввода 4-х значного пин кода.
    Введите код и нажмите "Enter" (Учитываются заглавные буквы), появится свернутая панель плагина. Раскройте панель и нажмите "Save", Откроется окно проводника, укажите путь для сохранения "add_hotspot/save_hotspot.xml"
    При повторном открытии тура панель плагина будет доступна, ввод пин кода не требуется.

    По завершении работ нажмите клавишу "Delete PIN" И пересохраните файл "save_hotspot.xml" Перезагрузите браузер - для открытия плагина опять потребуется ввод пин кода.
    Ввод пин кода позволит оставить плагин в туре и даст возможность редактирования хотспотов прямо на сервере заказчика. Изменения нельзя сохранить на сервере, файл с изменениями вы сохраняете у себя и передаете заказчику для размещения этого файла на его сервере.

    Пример ввода пин кода и сохранение.
    YouTube



    Панель для создания хотспотов.


  • Для удобства работы панель перемещается мышкой. Щелчок по треугольной кнопке сворачивает и разворачивает панель.

  • Назначение кнопок:
    • hover text - При необходимости введите название хотспота (появляется над хотспотом при наведении мышки). по умолчанию выводится имя хотспота.
    • Иконка изображения - Щелкните по иконке, откроется проводник для выбора изображения хотспота. Изображения должны быть размещены по пути "add_hotspot/picture" .
    • Add hotspot - Создать хотспот. Хотспот появится по центру окна с предварительно выбранным изображением.
    • "Image" - Нажмите на копку, если хотспоту не будет назначено действий из других вкладок ниже.
    • Перекрестие - Включает-выключает перекрестие для удобства позиционирования создаваемого хотспота.
    • Copy "+" - Создает копию выделенного хотспота. Горячая клавиша "+".
    • Scale - Изменяет масштаб хотспота. Нажмите и смещайте мышку в нажатом состоянии влево (уменьшение масштаба), вправо (увеличение масштаба).
    • Distorted - Включает-выключает искажение хотспота.
    • "Delete" - Удалить выделенный хотспот. Горячая клавиша "Delete".
    • Save - Сохранение всех созданных хотспотов и изменений в файл save_hotspot.xml.
    • Откроется окно проводника, укажите путь для сохранения "add_hotspot/save_hotspot.xml"
    • Drag - Кнопка блокировки-разблокировки перемещения активного хотспота.
    • Drag all - Кнопка блокировки-разблокировки перемещения всех созданных хотспотов.

    • Раздвинув панель по ширине появятся дополнительные кнопки:
    • Copy attributes - Коприровать атрибуты выбранного хотспота
    • Paste attributes - Вставит скопированные атрибуты.




    • Select attributes - Выбор атрибутов для вставки. При нажатии этой кнопки откроется список атрибутов. В нем можно выбрат те атрибуты, которые необходимы для копирования.
    • Delete PIN - Удаление пин кода и сохранение проекта.







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


    • List of hotspots - Раскрывающийся список названий созданных хотспотов. Клик по названию в списке переводит взгляд на этот хотспот и активирует его.
    • Поиск - Строка поиска хотспота. Введите название и нажмите "Enter". Взгляд перейдет на этот хотспот и он станет активным для редактирования. При щелчке по хотспотам в этой строке появляется имя хотспота.



    Расширенные параметры.



    По умолчанию создается хотспот-изображение без назначения ему каких либо действий. Во вкладке "Manual setings (direct input)" Вы можете настроить его параметры вручную.

    Как изменять параметры:

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

    Изменения параметра происходит путем нажатия левой клавиши мыши на кнопке и смещения в нажатом состоянии влево (уменьшение параметра), вправо (увеличение параметра). Чем дальше отводится мышь от места нажатия , тем быстреее изменяется параметр.
    Изменения сразу применяются к хотспоту и визуально можно контролировать результат.
    Параметры, имеющие два состояния (вкл. выкл) переключаются щелчком по кнопке.
    Щелчек по кнопке выделяет ее зеленой рамкой , становится доступен прямой ввод с клавиатуры - цифры (справа на клавиатуре), процент (кнопка "5" верхнего ряда клавиатуры).
    Клавиша "Backspace" очищает цифровое значение на кнопке.
    Выбранный параметр так же отображается в строке над кнопками, в которой доступно редактирование - удаление, копирование, вставка. Для ввода нужно нажать "Enter".

    • alpha - изменение прозрачности (0 - 1)/
    • rotate - вращение (-360...360)/
    • ath - горизонтальные координаты (-180...180)/
    • atv - вертикальные координаты (-90...90)/
    • rx - вращение вокруг собственной оси x. (в градусах).
    • rx - вращение вокруг собственной оси x. (в градусах).
    • ry - вращение вокруг собственной оси y. (в градусах).
    • rz - вращение вокруг собственной оси z. (в градусах).
    • Внимание!
      параметры "rx","ry",rz" изменяются только при включенном параметре "distorted".

    • Speed - изменение скорости регулировки основных параметров от 0 до 10..
    • ox - смещение по оси "x". (в пикселях).
    • oy - смещение по оси "y". (в пикселях).
    • edge - позиционирование (9 вариантов).
    • Нажатие на перечисленные ниже кнопки активирует окно со строкой ввода, в которой можно прописать или отредактировать действия или функции.

    • width - изменение ширины. (пиксели). Значение "prop" - пропорционально.(по умолчанию пиксели)
    • height - изменение высоты. (пиксели). Значение "prop" - пропорционально.(по умолчанию "prop")
    • Для ввода значения "prop" нажмите клавишу "p"
    • zorder - порядковый номер отображения(видимость). Более высокое значение выводит на передний план (1-100).
    • capture - захват мыши. при значении "falce" нажатие на хотспот и смещение в сторону не мешает перемещать панораму (true/falce).
    • действия / функции, которые будут вызываться когда...
      • onover - пользователь навел курсор мыши.
      • onhover - пользователь навел курсор мыши, вызываются 15 раз в секунду пока курсор над хотспотом.
      • onout - пользователь убрал курсор с хотспота.
      • onclick - пользователь щелкнул по хотспоту.
      • onloaded - хотспот загрузился.
    • handcursor - показ руки при наведении мыши на хотспот (true/falce).
    • depth - Внутренняя глубина 3D-рендеринга - это расстояние 3D-объекта до экрана. Для 2D-просмотра это не имеет видимого эффекта, но для просмотра стерео 3D / VR это может быть важная настройка. Например, используйте более низкие значения для более сильного эффекта «всплывающих окон». Когда изображение точки доступа должно быть бесконечно удалено (например, само изображение панорамы, например, для пикселя - идеально подходит для панорамы фона), то для настройки глубины следует использовать «недопустимое» значение (например, String like «off») например depth = "off" .
    • enabled2 - Все создаваемые хотспоты являются глобальными и значения "enabled" и "visible" становятся активными в сцене, которая указана в хотспоте. Если enabled2="falce", то независимо от прописанной сцены хотспот будет выключен. В режиме редактирования enabled2="true" (true/falce).
    • visible2 - Если visible2="falce", то независимо от прописанной сцены хотспот будет невидимым. В режиме редактирования visible2="true" (true/falce).
    • zoom - Если размер масштабируемого изображения изменяется вместе с панорамой при масштабировании.
    • flying - Эта настройка автоматически интерполирует значения ath / atv и scale на текущие значения просмотра. Диапазон значений от 0.0 до 1.0. В 1.0 изображение hotspot будет заблокировано всегда до середины экрана, и размер будет относительно 1000 пикселей в высоте экрана.
    • Нажатие клавиши "Backspace" очищает цифровое значение атрибута на кнопке.

      Более подробную информацию о назначении атрибутов хотспота можно получит на сайте krpano.



    Открыть фотографию.

    (Flash, HTML5)

    Предварительно поместите фотографии в папку add_hotspot/photo/.
    Создайте и настройте хотспот. Активируйте вкладку, нажав Open photo.
    Нажмите на миниатюру и в открывшемся окне проводника выберите изображение из папки add_hotspot/photo/.
    Щелчек по созданному хотспоту откроет выбранную фотографию.
    • Text below photo - Введите подпись к фотографии, отображается под открытой фотографией.

    • Стиль текста подписи можно настроить в файле "add_hotspot/plugins_l/style_ed_L.xml"
    • Height relative to window - Высота окна относительно экрана в процентах.

    • Clicking on an empty space closes window - Закрыть окно по щелчку в пустом месте экрана.




    Открыть видео файл.

    (Flash, HTML5)

    Предварительно поместите видеофайл в папку add_hotspot/video/.
    Создайте и настройте хотспот. Активируйте вкладку, нажав Open video.
    Нажмите на миниатюру "Play" и в открывшемся окне проводника выберите видео файл из папки "add_hotspot/video/".

    • Volume at start - Установите необходимую громкость видеоролика при воспроизведении с помощью бегунка или введя числовое значение от 0(min) до 1(max). По умолчанию - 0.5.

    • loop - Выберите режим воспроизведения . Зеленый индикатор - зацикленный, серый - воспроизведение один раз.

    • Select a poster image - изображения (типичный снимок экрана первого видеокадра), который должен отображаться до тех пор, пока видео не будет загружено и не будет готово к воспроизведению.

    • Height relative to window - Высота окна относительно экрана в процентах.

    • Clicking on an empty space closes window - Закрыть окно по щелчку в пустом месте экрана.

    В момент запуска видеофайла справа(в окне воспроизведения видео) на несколько секунд появляется подсказка. На время воспроизведения 15% от ширины окна справа - зона регулировки громкости. На мобильных устройствах проведите пальцем вверх-вниз для регулировки громкости.

    Очень рекомендуется добавление постера! Изображение постера должно иметь тот же размер пикселя, что и сам видеоролик! Все выставляемые параметры локальные и привязаны к редактируемому хотспоту. Для другого хотспота установите свои настройки. Щелчек по созданному хотспоту откроет выбранный видео файл.
    Для воспроизведения видео используется видеоплеер krpano videoplayer.




    Создать видео хотспот.

    (Flash, HTML5)

    Предварительно поместите видеофайл в папку add_hotspot/video/.

    Активируйте вкладку, нажав Video hotspot.
    Нажмите на иконку и в открывшемся окне проводника выберите видео файл из папки "add_hotspot/video/".

    • Volume at start - Установите необходимую громкость видеоролика при воспроизведении с помощью бегунка или введя числовое значение от 0(min) до 1(max). По умолчанию - 0.5.

    • loop - Выберите режим воспроизведения . Зеленый индикатор - зацикленный, серый - воспроизведение один раз.

    • "Select a poster image" - изображения (типичный снимок экрана первого видеокадра), который должен отображаться до тех пор, пока видео не будет загружено и не будет готово к воспроизведению.

      Очень рекомендуется добавление постера! Изображение постера должно иметь тот же размер пикселя, что и сам видеоролик!

    • Directional sound - Включение направленного 3D-звука относительно видео-хотспота. При повороте от хотспота по вертикали и горизонтали громкость уменьшается.

    • Range of the sound - Диапазон звука в градусах. При отклонении от хотспота на эту величину громкость уменьшается до нуля.

    • Automatically pause the video when the browser tab / window gets hidden. - Автоматически приостанавливать видео, когда скрывается вкладка / окно браузера.

    • Automatically resume the video when it was paused before by hiding the browser tab / window. - Автоматически возобновлять видео, когда оно было приостановлено, скрывая вкладку / окно браузера.

    Все выставляемые параметры локальные и привязаны к редактируемому хотспоту. Для другого хотспота установите свои настройки.





    Открыть youtube.

    (HTML5)

    Создайте и настройте хотспот. Активируйте вкладку, нажав Open youtube.
    Выберите ролик на youtube и нажмите "поделиться". Появится ссылка, например https://youtu.be/mMpWL8XM2-k.
    Скопируйте код после слеша mMpWL8XM2-k и вставьте в строку, нажмите "Enter"
    По нажатию на хотспот откроется окно с роликом с youtube.

    • Height relative to window - Высота окна относительно экрана в процентах.

    • Clicking on an empty space closes window - Закрыть окно по щелчку в пустом месте экрана.




    Воспроизвести аудио файл.

    (Flash, HTML5)

    Создайте парные аудиофайлы, например "sound1.mp3" и "sound1.ogg", браузер автоматически выберет нужный. Предварительно поместите аудио файлы в папку add_hotspot/sound/.
    Создайте и настройте хотспот. Активируйте вкладку, нажав Play sound.
    Нажмите на иконку "sound" и в открывшемся окне проводника выберите аудио файл с расширением "mp3" из папки "add_hotspot/sound/"

    • Volume at start - Установите стартовую громкость звука с помощью бегунка или введя числовое значение от 0(min) до 1(max). По умолчанию - 0.5.
      В режим "3D sound" это значение является максимальной громкостью.

    • loops - Play in a circle.

    • Вirectional 3D sound - Включение направленного 3D-звука относительно хотспота. При повороте от хотспота по вертикали и горизонтали громкость уменьшается.

    • Range of the sound - Диапазон звука в градусах. При отклонении от хотспота на эту величину громкость уменьшается до нуля.

    • Щелчек по хотспоту начнет воспроизводить файл, изображение хотспота сменяется на иконку динамика. Щелчек по динамику останавливает звук и устанавливает прежнее изображение.

      Во время воспроизведения аудио, появляется панель управления звуком.
    • плей/пауза - Остановить, воспроизвести звук.
    • Динамик - Щелчек - включает/выключает звук. Наведение курсора открывает панель с бегунком для регулировки громкости.
    • Тайм линия -Информирует о текущем времени воспроизведения. Ухватившись за полоску можно перемещать момент воспроизведения.
    • Время -Показывает текущее и общее время воспроизведения.
    В момент запуска аудиофайла справа в окне на несколько секунд появляется подсказка. На время воспроизведение 20% от ширины экрана справа - зона регулировки громкости. На мобильных устройствах проведите пальцем вверх-вниз для регулировки громкости.




    Назначение хотспоту открытия ссылки URL.


    Есть три варианта открытия ссылки:

    • New window - открыть ссылку в новом окне. (Flash, HTML5)
    • Here - открыть ссылку в этом окне.(только HTML5)
    • In frame - открыть ссылку во фрейме (окно в окне). К сожалению пока не работает на ios. (только HTML5)
    Для выбора нажмите на нужный вариант, индикатор станет зеленого цвета.
    Выберите хотспот и введите в строку адрес открываемого сайта(или скопироуйте "Ctrl+C" и вставьте в строку "Ctrl+V") , нажмите Enter".
    Старайтесь сокращать длинные ссылки, не все ссылки могут быть открыты "In frame". Вы можете попробовать вводить ссылки здесь.



    Создание списка url ссылок на определенные места в туре.


    Эта вкладка создает ссылки такого типа:

  • http://novosibpano.ru/VT/Kotlovan/?startscene=0&startactions=lookat(-21.93,37.18,118.11);
    Она открывает виртуальный тур на выбранной сцене с выбранным местом в сцене и заданным углом обзора.
    Нужно проверить работоспособность созданной вами ссылки на сервере заказчика. Разместить, например, тестовый тур на сервере заказчика.
    Активируйте вкладку, установите нужный вид и угол обзора в сцене, задайте название виду, создайте в этом месте хотспот.
    В данном случае хотспот является ориентиром созданного вида и он становится невидимым, когда отключен режим редактирования или свернута панель. При необходимости поменяйте угол обзора - выберите хотспот и щелкните по кнопке "Save curent fov""
    Введите в строку "URL 3D tour" адрес виртуального тура. Этот адрес применим ко всем хотспотам созданным в этой вкладке. Раскрывающийся список"List of url links to hotspot" содержит названия всех созданных видов. Кнопка "Save list" сохраняет список ссылок в файл List of external links.xml в открывшемся проводнике укажите место сохранения.

  • Пример создания списка url ссылок на определенные места в туре.
    YouTube



    Вставить заплатку из PTGui.

    (HTML5)

    Эта вкладка дает возможность идеально разместить часть изображения(пиксель в пиксель), извлеченного из панорамы.
    Как извлечь часть изображения подробно описано на форуме krpano, рекомендую внимательно ознакомиться! Далее отредактируйте его на свое усмотрение(вставьте открытую дверь, поменяйте цвет предмета и т.д.). А вставить изображение можно с помощью данной вкладки без правки кода xml.

  • Вставка изображения:
    • Разместите отредактированное изображение по пути add_hotspot/picture/.
    • Выберите созданное раннее изображение нажав на иконку "Select image"
    • Создайте хотспот нажав "Add hotspot" . Во вкладке"Patсhh PTGui", напротив "image:" появится имя выбранного файла.
    • Активируйте вкладку, нажав Patсh PTGui.
    • Если изображение большого размера, создайте уменьшеную копию для мобильной версии, нажмите на mobile image: и выберите это изображение.
    • Если вы извлекали изображение как описано на форуме krpano, то у вас должны быть сохранены эти параметры: "hfov","yaw","pitch","roll". Введите эти параметры в соответствующие ячейки, каждый раз нажимая "Enter".
    Если вы все зделали правильно, изображение четко совместится со своим местом в панораме .

    При необходимости выберите нужные предустановленные действия, активируются нажатием на названии(индикатор станет зеленым):
    • onover-show - При наведении мыши изображение плавно появилось.
    • onout-hide - Убрали мышь - изображение плавно исчезло.
    • show/hide - Щелчек по изображению будет переключать видимость
    Button action code - если вы создаете кнопку для управления видимостью изображения, то вы можете сгенерировать код управления видимостью созданного изображения и вставить его в кнопку:
    • show - Показать изображение.
    • hide - Спрятать изображение.
    • show/hide - Переключить видимость.
    При активации выбранного действия в строке будет появляться соответствующий код, используйте его для своей кнопки.
    Copy to clipboard - скопируйте содержимое строки в буфер обмена для последующей вставки.

    Пример создания открывающейся дверки.
    YouTube



    Создать текстовый хотспот.


    Эта вкладка позволяет создавать и редактировать текстовые хотспоты. Подробная информация о назначении атрибутов текстового хотспота здесь .
    Все окошки с цыфровыми значениями позволяют вводить параметры с клавиатуры, вставлять, копировать. По вводу нужно нажать "Enter"

    • Create text hotspot - Создать текстовый хотспот с настройками по умолчанию.
  • Панель изменения радиуса углов и толщины бордюров
    • Изменение всех радиусов. - Наведите на верхнюю среднюю круглую точку,появвится подсказка "all round" и кнопка станет зеленого цвета. Нажмите на кнопку и перемещайте курсор вправо (увеличение радиуса всех углов) или влево(уменьшение радиусов всех углов). Значение радиуса угла будет отображаться рядом с кнопкой.
    • Изменение радиуса по отдельности - Напротив каждого угла расположена подобная кнопка. Она изменяет радиус соответствующего угла по тому же принципу.
    • Изменение толщины бордюра - Кнопка расположена внизу на бордюре. Принцип изменения толщины бордюра такой же как изменение радиуса углов.
  • Панель изменения параметров тени хотспота.
    • Shadw hotspot - Нажмите на кнопку и не отпуская перемещайте мышь - тень хотспота будет смещаться соответственно.
    • x offset - Выводится значение смещения тени по оси x.
    • y offset - Выводится значение смещения тени по оси у.
    • blur - Нажмите на кнопку и не отпуская перемещайте мышь вправо(увеличение размытия тени), влево(уменьшение размытия тени).
  • Изменения цвета и прозрачности.
    • Color fill - Цвет заливки хотспота.
    • Color border - Цвет бордюра хотспота.
    • Color shadow - Цвет тени хотспота.

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

  • Text
    • html - Введите в строку текст, отображаемый в хотспоте. Для формирования текста можно использовать несколько HTML-тегов, простые CSS-стили или теги,
    • css - Стиль текста. Между двоеточием и параметрами "color" и "font-size" оставляйте оди пробел!
    • Size text - Изменение высоты текста.
    • Shadw text - Такая же панель как Shadw hotspot, только параметры применяются к тени текста.
  • Изменения отступа текста.
    • padding - Четыре кнопки для изменеия отступа текста с четырех сторон.
  • Изменение цвета текста и тени.
    • Color text - Изменени цвета текста.
    • Text shadow color - Изменение цвета тени
  • Дополнительные настройки.
  • Раздвиньте панель, ухватившись за правый нижний угол, откроются кнопки дополнительных параметров.
    • oversampling - Повысить масштабирование внутренней цели рендеринга растрового изображения с помощью данного коэффициента избыточной выборки для текста с более высоким разрешением (четким).
    • vcenter - Вертикально центрируйте текст в пределах данной высоты плагина.
    • wordwrap - Установите, должен ли текст автоматически обтекаться (перерыв строки) в новые строки, когда текст не помещается в текущую строку.
    • bg - Включить, выключить фон.
    • mergedalpha - По умолчанию альфа-прозрачность фона будет применяться также к границе и тени, но, отключив этот параметр, можно будет отобразить границу и тень с их собственной и независимой альфа-прозрачностью.
    • mipmapping - Включить mipmapping - это уменьшает эффекты сглаживания при отображении текста в виде уменьшенного элемента.



    Создать полигональный хотспот.


    Эта вкладка позволяет создавать и редактировать полигональные хотспоты. Подробная информация о назначении атрибутов полигонального хотспота здесь .

    • Create and edit - Режим создания и редактирования полигональных хотспотов. Активный - красная кнопка.
    • Что бы включить или выключить режим, нажмите на кнопку или клавишу "E", начать и закончить рисовать хотспот - нажмите "пробел", создать точку - щелчек левой кнопкой мыши.
      В режиме редактирования щелкните по хотспоту - появятся узловые точки по углам. Ухватившись за точку можно переместить угол. При наведении на точку появляются две кнопки "+" (создать точку) и "х" (удалить точку).

    В панели присутствует две закладки Default settings и Hotspot.

  • Закладка "Default settings"
  • Здесь настраиваются параметры по умолчанию (стиль полигональных хотспотов). Эти параметры будут применяться к вновь создаваемым хотспотам.

      • Show text - Всплывающий текст при наведении на хотспот. введите при необходимости. По умолчанию выводится имя хотспота. Если текст не нужен - удалите из строки.
      • Polyline - Режим создания полигонов или полигональных линий.
      • handcursor - Курсор в виде руки при наведении на хотспот.
      • capture - Захват мыши.

      Ниже приведенные параметры имеют два состояния и разделены на две колонки. Первое состояние по умолчанию, второе состояние может применяться к хотспоту при наведении, щелчку по нему и т.д. и соответственно имеют код установки set_pol_1(); и set_pol_2();. По умолчанию вторые параметры устанавливаются при наведении мыши - onover="set_pol_2();" и когда убрали мышь c хотспота onout="set_pol_1();"

      Settings 1 - параметры хотспота 1. Код установки set_pol_1();
      • Color fill - Цвет заливки. Щелкните по цветному индикатору - откроется панель натройки цвета и прозрачности.
      • Color border - Цвет бордюра.
      • Width border - Ширина бордюра (пикс.).
      • Alpha - Прозрачность хотспота (0-1).

      Settings 2 - параметры хотспота 2. Код установки set_pol_2();
      • Параметры те же что и в Settings 1.


  • Закладка "Hotspot"
  • При нажатии на хотспот он становится активным и в названии закладки высвечивается имя выбранного хотспота. Здесь настраиваются параметры созданного хотспота. Эти параметры будут применяться к выделенному хотспоту.
    Эта закладка имеет те же самые параметры, что и Default settings
    , только на ней добавлены еще четыре кнопки.

    • Copy "Ctrl+C" - Копировать параметры выделенного хотспота. Клавиши "Ctrl+C"
    • Paste "Ctrl+V" - Вставить параметры в выделенный хотспот. Клавиши "Ctrl+V".
    • Reset to default - Сброс настроек до настроек по умолчанию.
    • Set to default - Установить настройки хотспота как настройки по умолчанию.

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

    • onclick - Действия / функции, которые будут вызываться при щелчке мышью на элементе hotspot.
    • onhover - Действия / функции, которые будут вызываться через интервалы (15 раз в секунду), когда мышь остается над хотспотом.
    • onover - Сброс настроек до настроек по умолчанию.
    • onout - Действия / функции, которые будут вызываться, когда мышь перемещается из элемента hotspot.
    • ondown - Действия / функции, которые будут вызываться, когда кнопка мыши будет нажата на элементе hotspot.
    • onup - Действия / функции, которые будут вызываться, когда ранее нажатая кнопка мыши будет отпущена.
    • onloaded -Действия / функции, которые будут вызываться при загрузке хотспота.



    Пример в 3D туре





    Получить плагин создания хотспотов.

    Протестируйте плагин по этой ссылке.
    Вам понравился плагин? Вы можете получить плагина, внеся пожертвование через PayPal.
    Придумайте 4-х значный пин код и отправьте мне. Я вышлю файл активации pin_addhs.xml в течении одного дня.
    Обновления плагина бесплатно!

    Внести пожертвование 2550 руб.


    Архив включает в себя:
    • Рабочий пример использования.
    • В примере папка с плагином "add_hotspot"



    Изменения

    14.12.2018

    Версия 1.5

    • Добавлена вкладка для создания полигонального хотспота.
    • Добавлен выбор закрытия видео,аудио, ютюб по клику на пустом месте.
    • Добавлена установка размера открывающегося окна видео и ютуб.
    • Добавлены в настройки атрибутов параметры "flying","zoom","enabled2", "visible2",.
    • Добавлены кнопки для копирования и вставки группы атрибутов.
    • Добавлено окно для выбора атрибутов для копирования.
    • Добавлена регулировка громкости при воспроизведении видео и аудио для мобильных устройств.
    • Версия 1.5 не совместима со старыми версиями!
      вы можете скопировать хотспоты из старой версии вновый файл save_hotspot.xml и добавить в хотспоты атрибуты enabled2="true" visible2="true" zoom="true" flying="0".
      В имени стиля хотспотов заменить заглавные буквы на прописные.
    09.11.2018

    Версия 1.4

    • Добавлена вкладка для создания текстового хотспота.
    • Создана средствами krpano и внедрена в плагин панель редактирования цвета.
    23.10.2018

    Версия 1.3

    • Добавлена вкладка для создания видео хотспота.
    • Добавлен индикатор(красная точка) в режиме редактирования, который размещен на точке привязки активного хотспота.
    • В открывающемся видео плеере добавил возможность переставлять бегунок и воспроизводить с любого места, добавил отображение текущего и полного времени воспроизведения.
    • Немного изменен интерфейс.
    • Исправлены некоторые недочеты и ошибки.

    20.09.2018

    Версия 1.2

    • Добавлена вкладка для вставки изображений извлеченных из PTGui или Hugin.Как извлечь часть изображения подробно описано на форуме krpano.
    • Сделана прокрутка вкладок.
    • Аудио хотспоты работают в режиме VR.

    01.09.2018

    Версия 1.1

    Добавлена вкладка для создания аудио хотспотов.



    Примечание

    Плагин предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, или нет, автор плагина был уведомлен о возможности такого ущерба.
      Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.