pan zoom что это

Что нужно знать о PTZ видеокамерах?

Что нужно знать о PTZ видеокамерах?

Аббревиатура PTZ означает Pan/Tilt/Zoom, что в переводе на русский язык означает панорамирование / наклон / масштабирование. Это относится к определенному виду камер видеонаблюдения, которые так и называются PTZ видеокамерами.

Эти камеры можно как вручную так и в автоматическом режиме, поворачивать вплоть на 360°, а также увеличивать и уменьшать изображение. Благодаря этому одной камерой такого типа можно заменить сразу несколько камер, направленных в разные стороны.

Для управления PTZ камерами вручную используется специальный пульт с джойстиком и кнопками, позволяющими переключаться на различные функции камеры. Подробнее о данных пультах чистейте на нашем сайте, перейдя по этой ссылке.

Как и обычные камеры, PTZ устройства имеют различные датчики: движения, шума, закрытия объектива и т.д. Есть у таких камер и инфракрасная подсветка для съемки в темное время суток. Сами PTZ камеры делятся на уличные и внутренние, цифровые и аналоговые, корпусные, купольные и полусферические.

Чаще всего используются купольные камеры, которые позволяют настраивать область обзора под прямым углом вниз и осуществлять панорамирование на 360°.

Конструктивное устройство PTZ камер достаточно сложное. Составные части следующие:

Благодаря этому PTZ камера по сигналу управления может нацелиться на указанную точку, провести фокусировку (в том числе автоматическую) для формирования четкого изображения, по желанию оператора или исходя из заданных параметров провести масштабирование (зум, в том числе цифровой).

Так как камеры данного типа достаточно сложные в применении, что качественной их работы необходимо:

К преимуществам PTZ камер можно отнести:

Впрочем, есть у PTZ камер и минусы, а именно:

Впрочем, цены на PTZ камеры год от года снижаются и сегодня достаточно доступны. Так что установить такую камеру будет по карману любому. Главное нужно определиться, нужна ли вам именно такая камера и сможете ли вы ее постоянно обслуживать.

Ну а мы напоминаем, что наша компания «Запишем всё» с 2010 года занимается монтажом, модернизацией и обслуживанием любых систем видеонаблюдения в Москве и Подмосковье.

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

Звоните +7 (499) 390-28-45 с 8-00 до 22-00 в любой день недели, в том числе и в выходные. Мы будем рады Вам помочь!

Источник

panzoom

Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).

Usage

Grab it from npm and use with your favorite bundler:

Or download from CDN:

If you download from CDN the library will be available under panzoom global name.

Pan and zoom DOM subtree

SVG panzoom example

If require a dynamic behavior (e.g. you want to make an element not draggable anymore, or even completely delete an SVG element) make sure to call dispose() method:

This will make sure that all event handlers are cleared and you are not leaking memory

Events notification

See JSFiddle console for a demo.

Ignore mouse wheel

Sometimes zooming interferes with scrolling. If you want to alleviate it you can provide a custom filter, which will allow zooming only when modifier key is down. E.g.

See JSFiddle for the demo. The tiger will be zoomable only when Alt key is down.

Ignore mouse down

If you want to disable panning or filter it by pressing a specific key, use the beforeMouseDown() option. E.g.

Ignore keyboard events

Zoom Speed

You can adjust how fast it zooms, by passing optional zoomSpeed argument:

Pinch Speed

On touch devices zoom is achieved by «pinching» and depends on distance between two fingers. We try to match the zoom speed with pinch, but if you find that too slow (or fast), you can adjust it:

Get current transform (scale, offset)

To get the current zoom (scale) level use the getTransform() method:

Fixed transform origin when zooming

By default when you use mouse wheel or pinch to zoom, panzoom uses mouse coordinates to determine the central point of the zooming operation.

If you want to override this behavior and always zoom into center of the screen pass transformOrigin to the options:

You specify transformOrigin as a pair of coordinates. Here are some examples:

To get or set new transform origin use the following API:

Min Max Zoom

You can set min and max zoom, by passing optional minZoom and maxZoom argument:

You can later get the values using getMinZoom() and getMaxZoom()

Disable Smooth Scroll

You can disable smooth scroll, by passing optional smoothScroll argument:

With this setting the momentum is disabled.

Pause/resume the panzoom

You can pause and resume the panzoom by calling the following methods:

Script attachment

If you want to quickly play with panzoom without using javascript, you can configure it via script tag:

Adjust Double Click Zoom

You can adjust the double click zoom multiplier, by passing optional zoomDoubleClickSpeed argument.

Set Initial Position And Zoom

You can set the initial position and zoom, by chaining the zoomAbs function with x position, y position and zoom as arguments:

Handling touch events

If you want to take care about this yourself, you can pass onTouch callback to the options object:

Handling double click events

Bounds on Panzoom

Triggering Pan

Triggering Zoom

Источник

Pan zoom что это

Simple pan/zoom solution for SVGs in HTML. It adds events listeners for mouse scroll, double-click and pan, plus it optionally offers:

It works cross-browser and supports both inline SVGs and SVGs in HTML object or embed elements.

If you’re looking for version 2.3.x you can find it in v2.3.x branch

If you found a bug or have a suggestion first check if there is a similar open or closed issue. If there are none then create a new one.

When opening a new issue please provide a reproducible example:

Solved Bugs and Implemented Features

If you solved a bug or implemented a feature that may be useful for others then you’re welcome to create a pull request.

Questions, How To’s, Need Help

Best way to contribute is to create a pull request. In order to create a pull request:

Pan and zoom the SVG tiger on github pages:

Reference the svg-pan-zoom.js file from your HTML document. Then call the init method:

First argument to function should be a CSS selector of SVG element or a DOM Element.

If you want to override the defaults, you can optionally specify one or more arguments:

If any arguments are specified, they must have the following value types:

beforeZoom will be called with 2 float attributes: oldZoom and newZoom. If beforeZoom will return false then zooming will be halted.

onZoom callbacks will be called with one float attribute representing new zoom scale.

beforePan will be called with 2 attributes:

Each of these objects has two attributes (x and y) representing current pan (on X and Y axes).

If beforePan will return false or an object then panning will be halted. If you want to prevent panning only on one axis then return an object of type . You can alter panning on X and Y axes by providing alternative values through return .

Caution! If you alter panning by returning custom values it will update only current pan step. If panning is done by mouse/touch you have to take in account that next pan step (after the one that you altered) will be performed with values that do not consider altered values (as they even did not existed).

onUpdatedCTM will get called after the CTM will get updated. That happens asynchronously from pan and zoom events.

Embedding remote files

If you’re embedding a remote file like this

or you’re rendering the SVG after the page loads then you’ll have to call svgPanZoom library after your SVG is loaded.

One way to do so is by listening to load event:

Using a custom viewport

You may want to use a custom viewport if you have more layers in your SVG but you want to pan-zoom only one of them.

then the top-level graphical element will be used as viewport.

Do not set any transform attributes to that element. It will make the library misbehave. If you need transform attribute for viewport better create a nested group element and set transforms to that element:

You can specify your own viewport selector by altering viewportSelector config value:

Listening for pan/zoom events on a child SVG element

If you want to listen for user interaction events from a child SVG element then use eventsListenerElement option. An example is available in demo/layers.html.

Use with browserify

To use with browserify, follow these steps:

Use with Require.js (or other AMD libraries)

An example of how to load library using Require.js is available in demo/require.html

Custom events support

You may want to add custom events support (for example double tap or pinch).

It is possible by setting customEventsHandler configuration option. customEventsHandler should be an object with following attributes:

haltEventListeners specifies which default event listeners should be disabled (in order to avoid conflicts as svg-pan-zoom by default supports panning using touch events).

init is a function that is called when svg-pan-zoom is initialized. An object is passed into this function. Passed object has following attributes:

destroy is a function called upon svg-pan-zoom destroy

An example of how to use it together with Hammer.js:

You may find an example that adds support for Hammer.js pan, pinch and doubletap in demo/mobile.html

Keep content visible/Limit pan

You may want to keep SVG content visible by not allowing panning over SVG borders.

To do so you may prevent or alter panning from beforePan callback. For more details take a look at demo/limit-pan.html example.

When you call svgPanZoom method it returns an object with following methods:

To programmatically pan, call the pan method with vector as first argument:

To programmatically zoom, you can use the zoom method to specify your desired scale value:

Or you can use the zoomIn or zoomOut methods:

If you want faster or slower zooming, you can override the default zoom increment with the setZoomScaleSensitivity method.

To programmatically enable/disable pan or zoom:

To fit and center (you may try contain instead of fit ):

If you want to fit and center your SVG after its container resize:

If you update SVG (viewport) contents so its border box (virtual box that contains all elements) changes, you have to call updateBBox :

Destroy SvgPanZoom instance:

Common Issues & FAQ

SVG height is broken

Calling library methods throw errors when SVG is hidden

This library does not support working with SVGs that are hidden as some browsers detach child documents from the DOM when those are hidden. See #279 for more details.

Performance issues on initialization

If performance is bad only on initialization of the library, then consider wrapping all SVG’s child elements into a beforehand. This way the library will not have to create it and move all children into it (which is the root cause of the issue). See #146 comment.

Performance issues while panning/zooming

Most often those are caused by big SVG files. And in those cases it’s browsers not being able to handle those SVGs fast enough. See #277 for more details.

How to limit zooming/panning

For zooming there is minZoom and maxZoom zoom config options.

For panning and custom zoom experiences take a look at limit-pan example.

How to add animations

Errors for object / embed or dynamically loaded SVGs

You have to ensure that the SVG is loaded and available in DOM before initializing the library.

You can use (jsdelivr)[http://www.jsdelivr.com/] as a CDN. It supports automatic pulling from NPM and GitHub.

This library used the SVGPan library as a starting point. SVGPan is intended for use with the SVG ‘script’ element, whereas svg-pan-zoom is intended for use with the HTML ‘script’ element.

The code from the SVGPan library is licensed under the following BSD license:

The code from the updates and changes to SVGPan are licensed under the same BSD license, with the copyright for the code from each change held by the author of that code.

About

JavaScript library that enables panning and zooming of an SVG in an HTML document, with mouse events or custom JavaScript hooks

Источник

panzoom

Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).

Usage

Grab it from npm and use with your favorite bundler:

Or download from CDN:

If you download from CDN the library will be available under panzoom global name.

Pan and zoom DOM subtree

SVG panzoom example

If your use case requires dynamic behavior (i.e. you want to make a element not draggable anymore, or even completely delete an SVG element) make sure to call dispose() method:

This will make sure that all event handlers are cleared and you are not leaking memory

Events notification

See JSFiddle console for a demo.

Ignore mouse wheel

Sometimes zooming interferes with scrolling. If you want to alleviate it you can provide a custom filter, which will allow zooming only when modifier key is down. E.g.

See JSFiddle for the demo. The tiger will be zoomable only when Alt key is down.

Ignore mouse down

If you want to disable panning or filter it by pressing a specific key, use the beforeMouseDown() option. E.g.

Ignore keyboard events

Zoom Speed

You can adjust how fast it zooms, by passing optional zoomSpeed argument:

Pinch Speed

On touch devices zoom is achieved by “pinching” and depends on distance between two fingers. We try to match the zoom speed with pinch, but if you find that too slow (or fast), you can adjust it:

Fixed transform origin when zooming

By default when you use mouse wheel or pinch to zoom, panzoom uses mouse coordinates to determine the central point of the zooming operation.

If you want to override this behavior and always zoom into center of the screen pass transformOrigin to the options:

You specify transformOrigin as a pair of coordinates. Here are some examples:

To get or set new transform origin use the following API:

Min Max Zoom

You can set min and max zoom, by passing optional minZoom and maxZoom argument:

You can later get the values using getMinZoom() and getMaxZoom()

Disable Smooth Scroll

You can disable smooth scroll, by passing optional smoothScroll argument:

With this setting the momentum is disabled.

Pause/resume the panzoom

You can pause and resume the panzoom by calling the following methods:

Script attachment

If you want to quickly play with panzoom without using javascript, you can configure it via script tag:

Adjust Double Click Zoom

You can adjust the double click zoom multiplier, by passing optional zoomDoubleClickSpeed argument.

Set Initial Position And Zoom

You can set the initial position and zoom, by chaining the zoomAbs function with x position, y position and zoom as arguments:

Handling touch events

If you want to take care about this yourself, you can pass onTouch callback to the options object:

Handling double click events

Bounds on Panzoom

Triggering Pan

Источник

Что такое ZOOM, и стоит ли им пользоваться во время самоизоляции

Уже не первую неделю все сидят дома. На фоне этого на первый план выходит коммуникация между людьми. Как-то надо звонить друг другу и общаться. Для одних это развлечение и тоска по близким, а для других это бизнес. На волне происходящего большую популярность обрели сервисы видеосвязи. Особенно часто в последнее время начали говорить про ZOOM, которым до этого в основном пользовались только в бизнесе для проведения конференций. Теперь это название встречается настолько часто, что уже почти стало именем нарицательным, каким в свое время был Skype. Вот только сделала ли популярность этот сервис более хорошим? Мне кажется, что нет, но это лично мое мнение. А вообще, что это за зверь такой — ZOOM?

Общаться по видеосвязи обычно бывает удобней.

Что такое ZOOM?

ZOOM — это облачная платформа для проведения видео-конференций, вебинаров и других подобных онлайн мероприятий. Для работы пользователь получает идентификатор и использует его для проведения встреч.

Стандартное окно регистрации.

При регистрации на сервисе вы получите свой персональный идентификационный номер (Personal Meeting ID, или PMI). Этот номер вы можете выбрать самостоятельно. Например, можно использовать номер мобильного телефона. Позже вы будете его рассылать участникам конференции в виде ссылки в формате «https://us04web.zoom.us/j/номер_конференции». Таким образом любой участник сможет попасть на конференцию в один клик.

А вот и ссылка, которую можно найти и изменить в настройках профиля.

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

Плюсы платформы ZOOM

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

Пользоваться видеосвязью на планшете удобнее, чем на смартфоне.

Еще к плюсам можно отнести наличие приложений для всех платформ и расширений для всех популярных программ. Например, Microsoft Outlook, Microsoft Skype for Business, а также для браузеров Firefox и Chrome.

Интерфейс сервиса позволяет всем пользователям смотреть на собеседников и слушать их. Картинка автоматически переключается на того, кто говорит. Если в какой-то момент вы не хотите, чтобы вас слышали или видели, можно отключить видео и/или звук. Саму конференцию можно записать, если она вам нужна для того, чтобы потом ее где-то выложить, отправить в архив или просто показать сотрудникам для ознакомления. Так делают многие, чтобы не конспектировать происходящие и иметь архив встреч.

Плюсом Android является его возможность работать с чем угодно. Например, вот лучшие программы-архиваторы на Android

Еще одним относительным плюсом платформы ZOOM является то, что ей пользуется много людей в мире и всегда можно договориться о встрече. Правда, это же является минусом платформы. На мой взгляд, очень существенным.

Минусы платформы ZOOM

Когда я сталкивался с сервисом ZOOM, у меня все происходило относительно гладко, но претензии все равно были. ВСЕ, с кем я обсуждал работу этой платформы, жаловались на нее. Кто-то говорил, что не может создать конференцию, кто-то жаловался на проблемы со звуком, кто-то на качество картинки, но почти все возмущались по поводу перебоев в работе. То есть, на постоянное проседание качества и периодические ”отваливания”, которые были спутником пользователей.

Почему на стандартных картинках из переговорных комнат все всегда такие счастливые?

Можете меня поправить, но я передаю мнения тех, с кем я разговаривал о платформе ZOOM. Как говорится, за что купил, за то продаю. Мой небольшой опыт использования подтвердил их слова. Хотя, допускаю, что это может быть связано с возросшей нагрузкой на платформу. Конечно, в период вынужденной самоизоляции очень многим пользователям приходится работать из дома и выходить на связь именно через ZOOM. Учитывая глобальное распространение сервиса и масштабы пандемии, нагрузка возросла по всему миру.

Если вы сами работаете под нагрузкой, ее можно снизить. Для этого Google добавила в Chrome функцию группировки вкладок.

Стоит ли проводить видеоконференции?

Тут опять же, мне хотелось бы услышать мнения наших читателей. Можете оставить их в нашем Telegram-чате, но лучше в комментариях к этой статье, чтобы было проще обсудить все, как говорится, на месте.

На основании своего короткого опыта использования и историй, которые я слышал о платформе ZOOM, я решил, что в целом пользоваться ей можно, просто надо быть готовым к некоторым потерям качества. Они неизбежны, если в конференции участвует много людей. Например, Face Time, который обычно хорошо работает, при подключении большого количества участников тоже может сбоить.

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

Поэтому, если вы пользуетесь сейчас каким-то способом видеообщения, простите ему его подтормаживания и ограничения, одним из который стал лимит на время записи для ZOOM (максимум 40 минут). Даже YouTube, Netflix и другие платформы снизили качество трансляции. Это говорит о том, что все сети сейчас перегружены. Ничего, это пройдет и все станет работать лучше.

Источник