Как сделать зум на сайте
Кроссбраузерный zoom?
Пример: Браузер Лиса со scale: 
Пример: Браузер Хром с zomm: 
3 ответа 3
Приниципиальное отличие transform от zoom в том, что zoom меняет реальный размер элемента, и это сказывается на положении соседних элементов и на всём размере страницы. transform же — чисто декоративная штука, она визуально меняет элемент, но в плане расчёта геометрии размеры элемента остаются стандартными и никак не влияют на основную страницу. В примере ниже можно наглядно увидеть разницу между transform: scale и zoom (запускать нужно в браузере Chrome, так как Firefox на момент написания данного ответа не поддерживает zoom ):
Так как transform использует исходные размеры элемента и просто масштабирует изображение, то при применении ко всей странице ширина не пересчитывается, и, как вы показали в своём скриншоте, по краям образуется пустота.
Уменьшившуюся ширину можно исправить с помощью transform-origin: left top и width: calc(1 / 0.6) (где 0.6 это величина scale), однако это не решит проблемы с высотой, потому что она, в отличие от ширины, заранее не известна. При scale 1 низ страницы наоборот обрежется. А всё потому что transform не меняет геометрию.
К сожалению, стандартного кроссбраузерного аналога zoom я не знаю (есть какой-то @viewport zoom, но с его поддержкой всё ещё хуже, и заставить его работать я не смог).
Один из вариантов, как с этим жить, вы описали сами: использовать transform для Firefox и zoom для остальных браузеров. Судя по тому, как сильно вы «любите» Лису, этот вариант вас вполне устроит 🙂 Но о том, что zoom нестандартный и может быть в любой момент удалён из браузеров, я вас уже предупреждал. (Хотя было бы прекрасно, если бы его стандартизировали и реализовали в Firefox, но это дело далёкого будущего.)
Но можно в принципе пересчитывать всю геометрию самостоятельно с помощью JavaScript. Ниже я написал функцию, которая пересчитывает height для всех элементов с классом js-zoomed (при этом width прописывается в CSS). Вы можете добавить класс js-zoomed к элементу на своём сайте, чтобы пересчитывать размеры всего сайта.
Проблемное ограничение данного способа в том, что этот скрипт нужно перезапускать при КАЖДОМ изменении размеров элементов. В примере я повесил перезапуск на браузерное событие resize (оно приводит к изменению размеров почти всегда), но если вы динамически меняете какие-то элементы какими-то скриптами, то вам надо перезапускать это вручную в коде.
Как сделать фон в Zoom на компьютер
В программе Зум предусмотрена довольно интересная функция «Виртуальный фон». Она помещает говорящего человека в видео на какую-либо картинку или видеозапись, заменяя настоящее окружение (комнату в квартире, студию и т. д.). Причем доступно это всем пользователям бесплатно, без приобретения какой-либо подписки. Достаточно только разобраться, как поменять фон в Zoom на компьютере.
Настройка
Включить данную опцию выйдет в несколько действий:
Поскольку встроенная библиотека сильно ограничена, вы можете использовать и собственное оформление, причем не только картинку, но и видеоролик. Нажмите на выделенную иконку «плюсика», выберите один из предложенных вариантов, а затем в Проводнике укажите нужный медиафайл.
Если у вас имеется зеленый экран (Грин Скрин), то включите соответствующую опцию в настройках.
Захват фона может производиться некорректно. В таком случае помогите программе:
Активация
Если данная функция отсутствует или не работает в самой конференции, то, скорее всего, она отключена в настройках у организатора. Включить ее выйдет следующим образом:
Теперь заново запустите конференцию, функция должна работать корректно.
Требования
Виртуальный фон для Zoom можно использовать на любом компьютере и ноутбуке, где установлена последняя версия программы. Но стоит понимать, что функция будет работать корректно только при простом «заднике». То есть, когда в кадре помимо пользователя находится какое-то «сложное» окружение, например, шкаф с посудой или книгами, то заменить его на что-то другое не получится. Вернее, получится, но выглядеть результат будет очень непонятно, если выражаться мягко.
Гораздо лучше функция будет работать с «простым» фоном, а в идеале – с зеленым экраном (гринскрин). Разумеется, в качестве его альтернативы можно использовать однотонные обои или шторы, рядом с которыми можно сесть.
Как включить демонстрацию экрана в Зуме
Сервис Zoom – это платформа, которая позволяет проводить рабочие совещания, уроки и лекции. А еще показывать презентации и демонстрировать действия организатора или одного из участников. Такая трансляция экрана может стать отличным дополнением к пояснениям пользователя или даже полностью их заменить. Причем как на компьютере и ноутбуке, так и на планшете или телефоне.
Включение показа экрана
Для включения демонстрации экрана в программе есть кнопка зеленого цвета, которая находится на нижней панели в открытом окне презентации. Порядок дальнейших действий пользователя следующий:
Если в верхней строке выбран расширенный режим, пользователю предоставляется выбор – поделиться частью экрана или сделать так, чтобы демонстрировать только звук. Во втором случае картинки не видно. Но организатор конференции в Зуме или получивший разрешение другой участник беседы может запустить в плеере аудиофайл или звуковую дорожку видеоролика.
Демонстрировать экран могут все пользователи, присоединившиеся к видеоконференции, включая тех, кто не был зарегистрирован в программе и перешел по ссылке. Для этого организатор должен разрешить такие действия. Позволить любому участнику демонстрацию экрана в Zoom можно, нажав на стрелку рядом с кнопкой демонстрации экрана и выбрав всех, кто получит такое разрешение.
Таким же способом можно запретить демонстрацию как отдельным участникам, так и всем, кроме организатора. Причем у обычного пользователя такой возможности нет. И, если организатор отключил демонстрацию экрана, пользователю остается только ждать разрешения. Это делается для того, чтобы основной части лекции, совещания или презентации случайно не помешали.
Включение звука при демонстрации экрана
При демонстрации видео можно отключить аудиодорожку или показывать картинку со звуком. Порядок действий следующий:
Для того чтобы аудио не было слышно отдельному участнику или сразу всем (кроме организатора), изменить соответствующие настройки, открыв их список. После отключения звука он не работает у выбранных организатором пользователей, которые видят только картинку.
Использование функции с мобильного устройства
Для участия в конференции можно пользоваться и телефоном, и планшетным ПК. Демонстрировать на планшете или смартфоне разрешается фото, документы, файлы из облачных хранилищ, закладки и доску сообщений. Для демонстрации экрана на гаджете с ОС Android нужна хотя бы 5-я версия этой платформы.
Чтобы показать экран с телефона, следует выполнить такие действия:
То же самое можно сделать на телефоне с iOS. Для этого нужна версия платформы не ниже 11-й. А показывать можно все те же приложения, файлы из «облака» и закладки. Но если включить демонстрацию экрана в Zoom можно на любом устройстве Apple, то для использования доски сообщений понадобится только iPad.
Возможные проблемы
При показе экрана могут возникать проблемы. Иногда приложение тормозит и даже может завершить работу. Для устранения неполадки стоит обновить Zoom. И, если при попытке обновления появляется код ошибки 0, лучше всего полностью удалить программу и скачать сразу последнюю версию. На компьютере появление такой проблемы может значить, что установку обновлений заблокировал антивирус. Его стоит временно отключить (если пользователь уверен, что источник загрузки данных был достаточно надежным) и попробовать снова обновить программу.
Пользователи Зум часто жалуются, что при попытке запустить демонстрацию экрана с компьютера появляется ошибка 105035. Обнаружив такую проблему, стоит обратиться в техподдержку утилиты: решение ищется индивидуально для каждого случая. Если тормозит видео при показе картинки, рекомендуется проверить качество и скорость соединения с интернетом. А когда вместо изображения появляется черный экран, может понадобиться переустановка драйверов видеокарты.
Как пользоваться Zoom
В последнее время Зум набирает все большую популярность, ведь далеко не всегда люди могут собираться вместе вживую. Тем не менее, нужно продолжать учиться, проводить деловые переговоры, общаться с друзьями и т. д. С помощью данного сервиса удобно организовывать видеоконференции, а все базовые функции доступны совершенно бесплатно. Человеку остается только разобраться, как пользоваться Zoom конференцией. Для этого мы подготовили подробное руководство. Предлагаем вас с ним ознакомиться.
Руководство
Вся статья разделена на несколько больших глав:
Разберем каждый из них по очереди. В основном речь пойдет о компьютерном клиенте, но также будет затронуто и мобильное приложение.
Инсталляция
Разработчики выпустили версию Зум для ПК и телефонов. И на каждом из устройств процедура инсталляции несколько различается, так что мы предложим две отдельные инструкции.
Компьютеры и ноутбуки
В результате программа самостоятельно запустится.
А вот для других операционных систем способы установки мы разбирали в отдельных статьях:
Смартфоны и планшеты
Существует мобильное приложение Зум для двух платформ: Android и iOS. В первом случае ее получится установить через магазин «Play Маркет», во втором – через магазин App Store. Причем процедура в обоих случаях очень похожая:
Создание учетной записи
Регистрация аккаунта требуется далеко не во всех случаях. Например, если вам нужно только подключиться к конференции, то эта процедура совсем ни к чему, достаточно только установить программу. А вот для организации своих видеовстреч создавать учетную запись все же придется.
Вкратце разберем эту процедуру:
Теперь войдите в только что созданную учетную запись на нужном устройстве.
Настройка программы
В ходе видеоконференции очень важно, чтобы все друг друга слышали. Потому нужно заранее настроить звук в программе. Это же относится и к видео. В таком случае ничто не будет осложнять общение.
В принципе, данный шаг можно и пропустить, если у вас все в порядке. Но если какие-либо проблемы наблюдаются, то стоит выполнить настройку:
Подключение к конференции
Самое время поговорить о том, как стать участником онлайн-встречи. И тут есть два варианта. Проще всего, если вам отправили ссылку на подключение. В таком случае откройте ее в любом веб-браузере, согласитесь с запуском программы Zoom Meetings и укажите дополнительную информацию, если это потребуется.
Второй вариант уже не такой удобный, и вам нужно знать как минимум идентификатор встречи. В главном окне Зума нажмите на кнопку «Войти» или «Войти в конференцию».
В верхнем поле укажите тот самый идентификатор встречи, а ниже – свой никнейм. По желанию отключите микрофон и камеру, затем их можно будет вернуть. И теперь кликните на «Войти».
В новом окошке введите пароль, если он потребуется и дождитесь разрешения на подключение от организатора.
Создание своей конференции
А вот организация собственной онлайн-встречи – уже несколько другой процесс, требующий более ответственного подхода. Сначала организатору нужно настроить и запланировать конференцию. Желательно заранее разослать приглашения участникам, запустить ее и напомнить всем подключиться. Потому данная задача разобрана в отдельном материале.
Дополнительные возможности
Сервис Zoom полюбился своим пользователям из-за высокой интерактивности. Он предлагает огромное количество дополнительных возможностей, о которых стоит знать. Мы вкратце разберем самые интересные из них:
Завершение
Теперь вы знаете практически все о том, как пользоваться Zoom на компьютере и мобильном устройстве, так что без проблем справитесь с созданием своей видеоконференции. Тем более, что данная возможность присутствует даже на базовом (бесплатном) аккаунте.
Как работать в Zoom: пошаговая настройка видеоконференции
Инструкция по настройке видеосвязи с коллегами или участниками удаленного мероприятия
Обучение, тренинги, вебинары, совещания, конференции — все это успешно проводится в онлайн–режиме. Как обеспечить качественную видеосвязь со своими клиентами, слушателями или коллегами? Как запланировать видеоконференцию на несколько десятков участников и дистанционно управлять процессом? Все это возможно с Zoom.
Мы расскажем, как работать с этим сервисом — пройдем весь путь от установки программы до проведения вашей первой видеоконференции. Также поделимся полезными фишками и секретами.
Что такое Zoom и зачем он нужен
Zoom — это сервис беспроводного взаимодействия для организации видеоконференций, вебинаров, групповых чатов. Платформа позволяет общаться посредством видео- и/или аудиосвязи. Устанавливается на компьютер, планшет или смартфон.
Zoom используется в финансовых организациях, IT-компаниях, органах здравоохранения, образовательных учреждениях — везде, где нужна связь с удаленными сотрудниками, клиентами, слушателями.
Возможности Zoom
Конференции и вебинары в Zoom: какие бывают и чем отличаются
С помощью Zoom можно проводить конференции и вебинары.
Конференции
Это совместные интерактивные мероприятия, в которых все участники могут просматривать экран, включать свою камеру/звук, а также просматривать список участников.
Конференции в Zoom бывают двух типов:
Вебинары (веб-семинары)
Это мероприятия, на которых выступает один или несколько докладчиков. На вебинарах участники могут только смотреть и слушать, а общение и обмен информацией происходит в чате.
Отличия вебинаров от конференций:
Далее расскажем о том, как скачать и установить Zoom, как настроить программу, научиться создавать и планировать конференции.
Начало работы
Как создать учетную запись в Zoom
Перейдите на сайт zoom.us. Нажмите «Зарегистрируйтесь бесплатно».
Введите дату своего рождения — эти данные используются системой для проверки и не сохраняются.
Введите адрес электронной почты и нажмите «Регистрация». Еще один способ — авторизация через Google, Facebook или систему единого входа (СЕВ).
После регистрации вам на почту придет письмо. Откройте его и перейдите по ссылке для подтверждения регистрации. Если по какой-то причине письмо на почту не пришло, кликните на ссылку «Отправить еще раз».
Активируйте свою учетную запись на почте:
Заполните анкету регистрации:
Пригласите создать учетную запись коллег по работе, партнеров, учеников и т. д. Для этого введите их адреса в соответствующие поля.
Этот шаг не обязательный, поэтому его можно пропустить.
Система сгенерирует ваш персональный URL конференции и предложит два варианта дальнейшей работы:
Нажмите «Перейти к учетной записи».
В учетной записи можно:
Важно! Не все функции доступны в бесплатной версии. Например, для проведения вебинаров, хранения записей в облаке или использования программно-реализованной системы залов Zoom Rooms требуется платная подписка.
Как установить Zoom на компьютер или смартфон
Для доступа к широкому функционалу Zoom воспользуйтесь его десктопной версией. Скачать настольное приложение можно здесь.
Для создания новой конференции кликните на «Войти в».
Укажите свой адрес электронной почты и пароль или выполните вход через Google, Facebook или СЕВ.
Работать с Zoom можно не только на компьютере, но и на смартфоне или планшете. Для этого скачайте мобильное приложение для ОС iOS — на сайте App Store здесь, для ОС Android — на сайте Google Play здесь. После этого выполните загрузку и запустите приложение.
С телефона и планшета также можно вести конференции. Но не все возможности будут доступны.
Недостатки мобильных приложений для проведения конференции:
Также можно планировать конференции с помощью расширений в Chrome, FireFox или Outlook. После их установки можно:
Как настроить Zoom для работы
Интерфейс десктопной версии
После запуска десктопной версии Zoom вы попадаете на главную страницу сервиса.
На главной странице вы можете:
Подробнее об этих возможностях расскажем далее.
Предварительная настройка сервиса
Для удобной работы с Zoom задайте настройки, которые будут применяться ко всем конференциям.
Нажмите на значок шестеренки в правом верхнем углу.
Общие настройки
Окно настроек открывается на вкладке «Общие». Установите флажок напротив пункта «Запускать Zoom при загрузке Windows» — тогда программа будет открываться сразу при включении компьютера.
Если вы планируете регулярно организовывать и принимать участие в конференциях, установите флажок напротив пункта «Напомнить мне о предстоящей конференции через 5 минут». Укажите время, за которое система должна предупредить о мероприятии.
Видео
От качества видеосвязи во многом зависит успешность конференции. Выполните такие действия по настройке видео:
Проверьте подключение и настройки динамиков и микрофона. По умолчанию установлена автоматическая регулировка громкости воспроизведения звука по микрофону. Отключите эту опцию, если хотите самостоятельно регулировать громкость.
Настройте чат так, чтобы вам было удобно во время конференции отвечать на вопросы участников или общаться с коллегами по работе.
Контакты
Еще один важный этап настройки — занесение контактов. Для этого кликните в главном меню на «Контакты». В открывшемся окне нажмите на знак «+» и выберите «Добавить контакты».
Введите адреса электронной почты участников конференции, чтобы добавить контакт в адресную книгу. Нажмите на «Добавить контакт». После этого участники конференции получат на свою почту уведомление с просьбой зарегистрироваться в Zoom и скачать приложение.
Добавленные контакты можно разделить по каналам. Это актуально в том случае, если вы планируете использовать Zoom для разных целей и в контактах у вас будут сотни людей.
Например, создайте один канал для сотрудников по работе, второй — для участников предстоящей конференции, третий — для личного пользования. Так можно общаться одновременно сразу с несколькими людьми и обмениваться информацией в рамках одной группы.
Как настроить конференцию в Zoom
Вход в конференцию
Организовать конференцию можно на сайте zoom.us, через десктопную программу или мобильное приложение. В первом случае зайдите в личный кабинет и выберите «Организовать конференцию».
В десктопной программе нажмите на значок «Новая конференция».
Также в десктопной программе вы можете создать конференцию еще одним способом. Для этого кликните на «Конференция» в верхней панели меню. В открывшемся окне нажмите «Начать».
Настройка аудиоконференции
После того как вы кликнули на знак «Новая конференция» система по умолчанию запускает конференцию с видео и звуком. Внизу экрана располагается панель инструментов. Если вы хотите отключить видеорежим, кликните «Остановить видео».
Перед запуском аудиоконференции убедитесь в том, что подключены динамики и микрофон. Для избежания неполадок во время конференции проверьте качество звука.
Управление участниками конференции
Пригласите участников на конференцию. Для этого выберите на панели инструментов «Управлять участниками».
Пригласите участников. Для этого внизу экрана нажмите на кнопку «Пригласить». Выберите людей из списка контактов или пришлите им приглашение по электронной почте.
Выбранные участники получат ссылку доступа к конференции по почте или в приложении.
Откройте доступ к конференции принявшим приглашение участникам — они появятся в правой колонке. Нажмите на кнопку «Принять», чтобы они вошли в конференцию.
Если вы хотите отвечать на вопросы участников в чате, не забудьте его открыть. Для этого нажмите «Чат» на панели управления — справа откроется чат.
Введите сообщение в окне чата, если хотите чтобы его увидели все участники конференции. Для отправки ответа определенному участнику нажмите на раскрывающийся список рядом с «Кому:» и найдите его там.
Настройка сессионных залов
Сессионные залы — эта функция Zoom, которая позволяет создать во время конференции зал/залы для определенных групп участников.
В каких случаях нужны сессионные залы:
В бесплатной версии Zoom доступна функция сессионных залов. Но по умолчанию она отключена, поэтому вы не найдете ее в приложении на панели инструментов. Включить ее можно в настройках сервиса на сайте.
Сохраните изменения и перейдите в конференцию — на панели инструментов появится опция «Сессионные залы».
Для добавления участников кликните на «Сессионные залы». Создайте необходимое количество залов, разделите участников на залы автоматически или вручную.
Каждый участник получит приглашение войти в сессионный зал, и он должен его принять. Если человек не примет соглашение, то останется в основной конференции.
После принятия приглашений участники конференции разойдутся по сессионным залам и смогут общаться только с теми, кто находится с ними в одном зале.
Для завершения работы в меню сессионных залов нажмите на кнопку «Закрыть все залы». У участников сессионных залов останется 60 секунд для завершения работы в зале. По окончании этого времени они автоматически попадут в основную конференцию.
Настройка демонстрации экрана
Демонстрация экрана — функция, которая позволяет организатору сделать его выступление (доклад, обучающий материал) наглядным и доступным для понимания.
Демонстрация экрана доступна в бесплатной версии Zoom и отображает экран компьютера, планшета или смартфона, если вы установили приложение.
Для чего используется демонстрация экрана:
Для настройки кликните «Демонстрация экрана».
В открывшемся окне будут отображаться все открытые страницы и программы на компьютере.
Если вы хотите во время доклада чертить схемы или записывать опорные пункты, то кликните на доску сообщений.
На доске сообщений доступны такие инструменты: рисование, текст, ластик, отслеживание (курсор превращается в инструмент отслеживания или стрелку), формат (изменение настроек комментариев) и др.
Подключите дополнительные опции:
После настройки этих опций нажмите на кнопку «Совместное использование».
Не забудьте в режиме демонстрации экрана подключить чат. Для этого нажмите «Еще» и в развернувшемся списке кликните «Чат».
После этого появится всплывающее окно чата. Если в ходе конференции вам будут приходить сообщения, то кнопка «Еще» будет подсвечиваться оранжевым.
Как запланировать конференцию
В Zoom можно проводить мгновенные и запланированные конференции.
Для проведения мгновенной конференции на главной странице нажимаете «Мгновенная конференция» и следуете инструкции, приведенной выше.
Если вы хотите заранее спланировать конференцию, кликните на иконку «Запланировать».
Для планирования конференции выполните такие действия:
После завершения настроек нажмите кнопку «Запланировать».
Не забудьте отправить приглашения участникам конференции — они генерируются системой автоматически после того, как вы нажали «Запланировать». Остается только скопировать приглашение и разослать их участникам по почте или через Zoom.
Для этого кликните «Конференция» на панели инструментов. В открывшемся окне вы увидите краткие сведения о запланированном мероприятии: тему, идентификатор, время проведения.
Прежде чем копировать приглашение, нажмите на ссылку «Показать приглашение на конференцию». Убедитесь, что в тексте нет ошибок. Приглашение выглядит так:
В приглашении содержится ссылка на подключение и пароль к конференции. Без этой информации человек не сможет принять в ней участие.
Как отредактировать конференцию
Если вы сделали опечатку в теме конференции, хотите изменить дату, время, длительность проведения или поменять какие-то настройки, то нажмите «Изменить».
В окне редактирования внесите изменения и сохраните их.
Вы можете удалить запланированную конференцию. Для этого нажмите «Удалить». В течение 7 дней после удаления конференции вы можете восстановить ее на сайте Zoom на странице «Недавно удаленные».
Тарифные планы Zoom: какой выбрать
Zoom предлагает от базового бесплатного пакета для малого бизнеса и личных целей до профессиональных пакетов.
Бесплатный пакет
Подходит для проведения персональных и небольших конференций.
Бесплатно вы можете:
Какие функции поддерживает базовый тарифный план:
Базовый тариф не подходит, если вы планируете:
Важно! Проведение вебинаров (веб-семинаров) доступно при подключении пакета «Профессиональный» и выше. Основное отличие вебинаров от конференций в том, что в конференции участники могут обмениваться видео, аудио и принимать участие в дискуссии. В вебинарах участник — это зритель. Он может общаться через вопросы и ответы или в чате, при этом ведущий может включить звук участников.
Профессиональный пакет
В профессиональном пакете доступны все функции из базового тарифа. Плюс организатор получает дополнительные опции:
Бизнес-пакет
Дополнительно вы получаете такие опции:
Пакет «Предприятие»
Для участия до 500 человек к конференции подключите пакет Enterprise, для 1000 участников — план Enterprise Plus.
Дополнительно вы получаете неограниченное облачное хранилище записей конференций и закрепленного специалиста по работе с клиентами. Также в индивидуальном порядке предоставляются оптовые скидки.