Содержание

Полноэкранный видео-фон для сайта HTML5

На протяжении прошлого года веб-дизайнеры все чаще стали использовать оригинальный способ оживить сайт – установка видеоролика в качестве фона страницы. Интересный сюжет или просто «живая» картинка на фоне украсит даже обычный сайт-визитку, заинтересует пользователя и подвигнет дольше задержаться на сайте. Сегодня мы поделимся с вами одним из способов установить полноэкранный видео-фон для сайта на HTML5 и CSS.

Демо Загрузить архив RAR (6.3 MB)

Рекомендации

Если вы твердо убеждены, что хотите установить видео для фона на сайте, необходимо знать кое-какие нюансы:

  1. Во-первых, нужно обязательно помнить о том, что видеоролик имеет довольно большой вес. Это может негативно сказаться на скорости загрузки страницы, особенно если у пользователя медленный интернет. Поэтому выбирайте не слишком продолжительные по времени видеоролики. В случае, когда требуется использовать довольно длинное видео, будьте готовы либо к работе над уменьшением его веса, либо к тому, что придется жертвовать частью аудитории.
  2. Во-вторых, избегайте автовоспроизведения звука из видео. Используйте либо ролики без аудио, либо добавьте возможность пользователю самому включить звук, если ему это понадобится. Автоматическое воспроизведение звука при открытии сайта считается очень дурным тоном.
  3. В-третьих, нужно позаботиться о кроссбраузерности и корректном отображении и воспроизведении видео на всех устройствах, а также предоставить альтернативу видео (для тех случаев, если оно не воспроизведется). Ниже в нашем примере мы покажем, как это сделать.
  4. И в-четвертых, стоит хорошо подумать, уместен ли видеофон на том сайте, где вы захотели его установить, поскольку очень легко переступить грань между оригинальностью и бесполезностью данной затеи. Видео ни в коем случае не должно отвлекать пользователя от его главной цели, по причине которой он пришел на сайт. Устанавливая видео-фон под текстовым содержимым, не забудьте проверить, насколько читабельным стал текст. Например, он может слиться с фоном в определенный момент проигрывания видеоролика (белый текст на белом фоне, черный на черном и т. п.).

1. HTML

Для нашего примера взят видеоролик с разрешением 1920×1080, продолжительностью 15 секунд и весом чуть больше 3 МБ. Внутри блока <div> с идентификатором video-bg находится наш фон:


<div>
    <video preload="auto" autoplay="autoplay"
    loop="loop" poster="bg/daisy-stock-poster.jpg">
        <source src="bg/daisy-stock-h364-video.mp4" type="video/mp4"></source>
        <source src="bg/daisy-stock-webm-video.webm" type="video/webm"></source>
    </video>
</div>

Для тега <video> указаны следующие атрибуты:

  • width – ширина области для воспроизведения ролика;
  • height – высота области;
  • preload – загрузка видео вместе со страницей;
  • autoplay – автоматическое воспроизведение видео;
  • loop – циклическое повторение видео;
  • poster – изображение, которое отображается вместо видео, пока оно загружается либо недоступно.

Далее у нас записано два тега <source>, где указаны URL-адреса видео в разных форматах – MP4 и WEBM. Зачем подключать ролик в нескольких форматах? Дело в том, что не все браузеры поддерживают один-единственный формат видео. Чтобы видео смогли распознать все современные браузеры, необходимо предоставить файл хотя бы в этих двух форматах. А атрибут type с соответствующими значениями помогает браузеру быстрее определиться с выбором.

2. CSS

Наша таблица стилей для фона выглядит следующим образом:


#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background: url(bg/daisy-stock-poster.jpg) no-repeat #94a233;
    background-size: cover;
}

#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}

 @supports (object-fit: cover) {
     #video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }

Как видно из кода, фон установлен на всю страницу, а в качестве запасного фона задано изображение (кадр из этого же видео). В самом крайнем случае будет задействован цвет фона #94a233.

Также в коде есть директива @supports, которая проверяет, поддерживает ли браузер свойство object-fit. Если да, то фон принимает значение cover и пропорционально отображается при разных размерах экрана.

Согласно данным с сайта caniuse.com, на сегодняшний день свойство object-fit поддерживается всеми браузерами, кроме Internet Explorer, Firefox 31-35, safari 7, iOS Safari 7.1 и Android Browser 4.1-4.4.

Вот и всё. Надеемся, данный урок принес вас пользу. Если у вас есть другие интересные и простые способы установки видео в качестве фона для сайта и вы хотите поделиться ими, пишите в комментариях!

10 рекомендаций по использованию фонового видео на сайте

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

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

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

Так как нам избежать ошибок и сделать все правильно? Легко, просто следуйте этим 10 советам.

Сжимайте видео, насколько это возможно

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

Чтобы избежать этого, надо сжать видео до минимального приемлемого для нас битрейта. Есть соблазн использовать высококачественное видео в разрешении 1080p, чтобы повысить четкость и красоту, но это совершенно не стоит компромисса с увеличением времени загрузки и прерываемым стримингом.

Вам стоит использовать видео 720p с низкой частотой кадров (24-25 кадров в секунду) и протестировать несколько разных битрейтов от 750k до 1250k. Также есть несколько хаков, которые помогут скрыть низкое качество видео, но о них чуть позже.

Используйте наложение для скрытия артефактов

Если вас не радует качество вашего видео, или же у видео, устраивающего вас качества, есть проблемы с плавностью, вам стоит попробовать добавить слой-наложение к видео, что поможет замаскировать его качество. Это легко делается путем добавления абсолютно спозиционированного div сразу после видео или с использованием псевдо-элемента ::after в контейнере видео.

Вам надо применить к этому элементу свойство CSS pointer-events: none;, чтобы он не препятствовал управлению проигрыванием видео.

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

Чтобы увидеть наложение в действии, проверьте это демо с паттернами-наложениями и видео низкого качества.

Ограничивайте общий размер и длину видео

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

Всегда ограничивайте длину вашего видео в рамках 30–40 секунд, а лучше еще более короткий момент, бесшовно закольцованный и выглядящий как длинное видео, но размером не больше 1–2 мегабайт. Немного рекламы: вы можете найти несколько неплохих закольцованных видео на BG Stock, этот видеосток я создал специально для использования видео в качестве фона на сайтах (впрочем, хватает и других видеостоков).

Избегайте чрезмерного движения

Ключевое слово в сочетании “фоновое видео” — “фоновое”. Видео играет вспомогательную роль по отношению к контенту сайта и мы должны обеспечить, чтобы оно не перетягивало внимание на себя. Фоновые видео должны быть ненавязчивыми и плавными, чтобы не отвлекать пользователей от того, для чего они пришли на сайт. А, значит, надо избегать быстрого или чрезмерного панорамирования, трясущейся/нестабилизированной съемки и внезапного обрыва видео.

Обеспечьте достаточный контраст для текста на переднем плане

Если на фоне видео есть текст, важно, чтобы он был читаемым. Если цвет текста сталкивается с видео, надо добавить наложение, чтобы выделить текст или же добавить тексту тень или фоновый цвет.

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

Обеспечьте заполнение фоном всего контейнера

В CSS3 есть отличное и широко известное свойство background-size и одно из его возможных значений cover позволяет фоновому изображению занимать столько пространства, чтобы закрывать весь элемент, ни больше и ни меньше, сохраняя при этом оригинальное соотношение сторон.

И есть менее известное свойство object-fit, позволяющее проделывать тот же трюк с элементами DOM, что является отличным способом обеспечить заполнение нашим видео контейнера. К сожалению, поддержка в браузерах этого свойства пока недостаточна (привет, IE!), поэтому приходиться использовать полифилл или JavaScript для достижения такого поведения.

Самый простой вариант: jQuery плагин jQuery Background Video (написанный автором этой статьи — Энгусом Расселом), который берет все эти заботы на себя, а также делает несколько других полезных вещей. Это не единственный плагин jQuery для фонового видео.

Адаптируйте для разных устройств

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

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

Как вы это сделаете зависит от вас — вы можете спрятать видео на маленьких экранах с помощью медиа-запроса или удалив видео для всех устройств iOS/Android, после проверки пользовательского агента с JavaScript. Плагин jQuery Background Video делает это по умолчанию.

Не зацикливайте видео навсегда

Если вы добавите атрибут loop к тегу video, ваш браузер будет его воспроизводить вплоть до закрытия вкладки. Это потребляет ресурсы процессора и может замедлить производительность остальной части страницы.

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

Вышеупомянутый плагин jQuery Background Video позволяет настроить остановку воспроизведения видео через указанное время.

Добавьте кнопку паузы

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

Мы можем легко добавить кнопку паузы с помощью JavaScript — а в jQuery Background Video эта кнопка добавляется по умолчанию и вам надо лишь определиться с ее размещением и стилями.

Предусмотрите затухание

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

Мы можем сделать это, добавив изображение в качестве фона для элемента, содержащего <video> и задав видео прозрачность 0 по умолчанию (1 при начале воспроизведения), а также добавив CSS-переход свойства прозрачности. Это тоже есть в плагине jQuery Background Video.

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

Как правильно использовать фоновое видео: 24 сайта в пример

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

Вот сейчас, куда вы смотрите?

Машинально сфокусировали внимание на видео, правильно? Движущуюся картинку почти невозможно игнорировать. Но с вами все в порядке – на что обращать внимание, решено на подсознательном уровне. Мы легко отвлекаемся на движущиеся объекты, подобно собаке преследующей добычу.

Ну допустим, притягивает взгляд это нелепое видео с продуктами. А как видео-фон связать с дизайном, спросите вы?

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

Эксперты по конверсии и сайто-владельцы отмечают факт: видеоинформация повышает интерес к офферу и лояльность потребителей (больше регистраций, подписок на услуги / сервисы). Из исследования FoodBloggerPro:

С использованием видео в качестве фона на главной странице, целевая посадочная конверсия возросла на 138%

Надо признать, увеличение конверта на 138% – исключительно удачный тест, проводимый мастерами оптимизации. На улучшения в 10% – 20%, вполне можно рассчитывать без помощи профессионалов. Это не гипотетический сценарий влияния на продажи. В видеомаркетинге работают правильные подходы (как и во всем маркетинге). Даже новации способны навредить дизайну и сайту в целом. Далее рассмотрены выигрыши / трудности / особенности видео-решений в бэкграунде.

Как использовать видео для фона сайта – правильные подходы

Часть 1: Когда применять видео-фон на сайте?

Видео в фоне наиболее эффективно, если:

  1. Есть необходимость сформировать связанную с вашей предметной областью атмосферу
  2. Вы хотите задать тон, нацеливаясь на диалог с аудиторией
  3. Ваша тематика предполагает положительную эмоциональную реакцию

Пример #1: Бизнес, Сервисы, Учреждения

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

Поставщик медицинских услуг на главной размещает промо-видео, поясняющее доменный нейминг (Premise Health – предпосылка к укреплению здоровья).

на сайт

В первом экране посетителю показывают занятия йогой / спортом и разговоры с доктором. Так, промо-сайт повышает доверие к оздоровительной программе холдинга


Видео максимально воздействует на целевую аудиторию. Это смелое решение – выше линии сгиба не каждый сможет, оправдано заменить тексты видеоконтентом:

на сайт

Посетителю показывают процесс разработки дизайнов для клиентов: взаимодействие команды, совещания по выработке стратегии…


De Republica – австралийская digital студия с видео-продакшн услугами:

на сайт

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


Пример #2: Реальные, либо цифровые продукты

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

Сайт продает музыкальное приложение для фитнеса:

на сайт

Видеобэкграунд отлично презентует софт Fit Radio – наглядно показано как полезное сочетается с приятным (пример с физической продукцией dontabak.ru)


В полноэкранном формате имеет смысл демонстрировать достоинства решений для сферы спорта, туризма (curadmir.com, alabama.travel).


Пример #3: Позитивный опыт (мероприятия, туры, гостеприимство)

Фоновое видео способно передать: приключенческий дух / ощущение приятного оживления / общего порыва. Почему бы не использовать видео организаторам праздников, приемов, в тур. / гостиничном бизнесе с B&B (размещение + кейтеринг) и сферах деятельности, где присутствует пункт назначения.

Сайт продвигает тур-бизнес на калифорнийском побережье:

на сайт

Интро задает сюжетную линию – низкий полет над красивыми пейзажами с эпизодами отдыха / единения с природой. Напоминает «Алису в стране чудес». Выберите тип отдыха и заряжайтесь видео-позитивом далее…


Пример #4: Разнообразные заведения (рестораны, гостиницы, музеи, магазины)

Vandal это ресторан в Нью-Йорке:

на сайт

Шикарный интерьер в видеобэкграунде соблазняет посетить заведение


Хотя это лишь видеобэкграунд шаблона от Wix, само видео сделано очень качественно:

на сайт

Шеф повар оформляет блюда, раскладывая кусочки еды по тарелкам. Наблюдая за процессом, хочется их проглотить (особенно когда не обедал)!  Это видео очень эффективно работает


Пример #5: Видео-сторителлинг (покажите краткую историю, заставляющую улыбнуться)

Задача сторителлинга в видео: заинтересовать историей с «живыми» героями, вызвав симпатию у целевой аудитории.  Зажигательная история с эпатажным героем нашего времени, вот что берет за душу и запоминается. «Расскажите» веселую / трогательную / не лишенную обаяния историю (прием, применяют крупные бренды).

Креативно-рекламное агентство специализируется на создании визуального контента:

на сайт

Видеосторителлинг в интро на главной: «удачно проведенный день» с запоминающимся персонажем


Это лишь малая часть потенциала видео в качестве фона сайта. Еще применение:

  • СПА салоны – можно создать атмосферу роскоши, безмятежности и релаксации сняв клип с лицами счастливых клиентов в эпизодах
  • Отели / B&B / сдача внаем на каникулы и отпуска – покажите апартаменты для отдыха со всеми удобствами, близлежащие сервис-услуги, делая акцент на воодушевлении и страсти к приключениям
  • Бизнес / Продукция – можно усилить бренд, выразив в видео-фоне сущность продукта. Реализуя спорт-товары, показать процесс занятий с ними – это вдохновит желающих так проводить время / получить подобные результаты. Продолжите список сами…
  • Landing page (лэндинг пейдж) – фоновое видео будет способствовать получению мотивированного трафика на страницу захвата

Важно: не выбирайте видео-бэкграунд, лишь по критериям красоты видеофрагментов. Он должен быть релевантным сайту и бизнесу в целом. Конечно, приятное видео сделает сайт для кого-то интереснее. Правильно же подобранное (для вашей сферы / бизнес-продукта) – станет мощным маркетинговым и брендинг инструментом. Теперь можно посмотреть на свой сайт, представив как воплотить фоновое видео, чтобы вывести дизайн и брендинг на новый уровень.


Часть 2: Когда НЕ следует использовать видео-бэкграунд на своем сайте?

               


Даже интересная видео-презентация, где все по делу, может оказаться ошибочным решением. Когда требуется сфокусировать внимание на очень специфичном, слишком «агрессивное» видео в фоне будет перетягивать на себя внимание. Вот почему лучше не использовать фоновое видео на сайте с комплексом услуг или продуктов, нуждающихся в пояснении для их восприятия аудиторией. Как и любой инструмент маркетинга, видео-бэкграунд должен служить лучшему опыту пользователя (UX). А UX-дизайн предполагает последовательное, согласованное и не терпит противоречий.

Проведите UX-анализ сайта и своего бизнеса и не преследуйте цель, не улучшающую опыт пользователей.


Часть 3: Пять золотых правил для фоновых видео

Различный видеоматериал работает хорошо на разных сайтах, когда он применяется правильно. Это скорее советы, чем окончательные рекомендации по всем аспектам видео-маркетинга. Их стоит придерживаться, чтобы избежать часто совершаемых ошибок.


Правило #1: Используйте видео фоны с определенной целью

Нацеленное на достижение результата видео-решение, должно укрепить бренд или идею сайта. Например, бухгалтеру не стоит демонстрировать пейзажи швейцарских Альп. При всей красоте, они не имеют отношения ни к нему, ни к финансовой отрасли. Неуместная картина сбивает с толку – что тут предлагают: «Походное снаряжение?», а может «Спец. программу отпуска в Швейцарии?».

Эффективный видео-бэкграунд тот, что дополняет миссию главной страницы и сайта

Отечественный пример продающего фонового видео – главная страница сайта ресторана:

на сайт

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


Развлекательная  компания оформила главную в стиле материального дизайна с несколькими видео в фоне:

на сайт

Подмигивающий логотип, сменяющиеся по секциям видеобэкграунды тонированные разными цветами и полупрозрачный контентный блок с забавными рисунками / CTA-элементами


Правило #2: Возможности видеоискусства велики, но не позволяйте фону затмить все

Фоновая видеопрезентация бизнеса не должна ухудшить заметность контента поверх, что будет признаком плохого UI/UX. Позаботьтесь о необходимом контрасте, читабельности призывов и различимости навигационных элементов.

Как достичь нужного эффекта?


Вариант первый: подобрать контрастный цвет для контента

Убедитесь в достаточной контрастности текста / кнопок / иконок. Белый логотип и типографика заметней на темном видео, при светлом бэкграунде контрастный цвет не позволит контенту сливаться с фоном.

Контурные элементы дают отличный контраст (пример buddhatobuddha.com).

Вариант второй: осветлить или затемнить видеоматериал 

Тексты поверх энергичного видео со множеством деталей затруднительно читать (даже при хорошем контрасте). Так и хочется уменьшить цветовую насыщенность. Немного смягчить картинку поможет осветление / затемнение видео-фона оригинала.

Пример затемнения — union.co

Пример осветления — cobblehilldigital.com

 

 

 

 

 


Вариант третий: цветокоррекция с тонированием в контрастные цвета  

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

на сайт


Вариант четвертый: наложение текстуры на оригинальное видео и др. эффекты

Наложение эффектов практикуется в видеорекламе. Можно применить их для оформления фонового видео на сайте. Инструменты видеомонтажа и обработки видео тут.

Сайт российской студии производства фильмов:

на сайт

Для фоновых изображений и видео применяется наложение сетчатой текстуры. Похожий пример: drygital.com


Правило #3: Создайте короткий закольцованный ролик (бесконечное видео)

Главная забота использующего видео-форматы — скорость открытия веб-страницы. Но посетитель и не ожидает увидеть «кинокартину». Видео для фона сайта правильнее будет сделать привлекательным сниппетом, «выдержкой» из вашего видеоматериала. Вывод один: чтобы не понизили в ранжировании, уменьшать вес видеофайла. Зациклите видео, создав иллюзию непрерывного показа своего тематичного клипа.

В идеале, длительность фонового ролика 5-10 сек., при размере в 6MB и менее… как у Bukwild:

на сайт

Быстрая загрузка страниц сайта с видео-фонами разной длительности (до 20-30 сек.)


Вариант с черно-белым видеобэкграундом:

на сайт

Градации серого цвета уменьшили вес видеофайла для фона главной страницы


Видеомонтажные сервисы и программы-видеоредакторы помогут с творческой обработкой вашего материала

Создать микс, закольцевать видеоролик можно по разумным ценам и бесплатно: fiverr.com, coub.com, movavi.ru.


Правило #4: Уберите звук 

Автозапуск видео со звуком при загрузке относят к особо раздражающим факторам. Удалите звук из видеозаписи на Fiverr.com. Или приглушите. Хуже всего звучание взрывного характера, как у брендингового агентства gooqx.com (включение музыки с задержкой, прокрутка плавно отключает звучание  выглядит как поощрение просмотра портфолио). Обычно озвучка вообще неуместна, если только это не специфичный проект как bushrenz.com (тут спасает опция – выключить).

на сайт

Полная версия видеоролика озвучена, но запускается по желанию пользователя


Правило #5: Воспроизводите видео фоном (без управления)

Элементы управления не нужны (видео-фон не Media Player). Но порой их прикручивают к хедеру или бэкграунду. Видео-инструкции / обучающие видео, вообще не уместны в фоне. Известно что, видеопрезентации услуг с исчерпывающей информацией / ролики с подробным описанием продукта обладают вирусным потенциалом при более глубокой эмоциональной связи с аудиторией.

Вопрос решается парой кнопок, переключающих на другой видеоформат:

на сайт

В создании клипа использовалась ускоренная / замедленная съемка


Еще пример с крутыми видеороликами на страницах видео-сайта:

на сайт

Медиаконтент доминирует на всех страницах. Контрастная контурная кнопка на главной с эффектной Hover заливкой (запускает ролик с управлением и звуком)


Где брать видео фоны для сайта

Сначала у вас проблема: где взять видеоматериал для сайта? См. правило #1, чтобы выбранное видео, информировало (кратко о ваших ценностях) / побуждало воспользоваться уникальным предложением / укрепляло бренд.

Лучше всего индивидуальные решения. В наше время даже iPhone позволяет справиться с задачей. Помните, что видео не обязательно должно быть идеальным? Особенно, созданное под затемнение / осветление или тонирование цветом. Еще варианты:

  1. Заказать у фрилансеров
  2. Стоковые видеоролики различной тематики (платные и бесплатные). Они вполне подходят для создания на сайте специфичной атмосферы

Часто платное и бесплатное стоковое видео различается лишь по техническому качеству и возможностям выбора (полезны оба источника):

  • VideoHive: доступные цены: от $5 до $35. Хорошие шансы найти то, что нужно
  • Free Video Sources: Ресурсы с бесплатными видео: 25 сайтов-источников видеоконтента для сайта бесплатно. Отличный вариант для старта

Несколько красивых примеров видео на фоне


Сайт студии производства видеоматериалов эффектным клипом захватывает внимание посетителей:

на сайт

В стиле моушн: пример креативной видеосъемки и наложения эффектов


Разработчик медиа-контента Tongal производит рекламные ролики и видео для брендов:

на сайт

Видеопиар & яркий Flat. Использована видеография с наложением кратких промо-заголовков из текстового слайдшоу. Смелое сочетание сочных цветов – такие пары цветовых комбинаций подбирались скоморохам. Мультяшные шрифты очень кстати


Продающий сайт (мультибренд) на главной применяет фонового видео с видеографией:

на сайт

Утонченный, элегантно оформленный HTML5 сайт с необычной навигацией, интерактивом и прекрасными видео-бэкграундами


Креативный сайт цифрового агентства из Бельгии применяет плоское видео в фоне:

на сайт

Для сайта и ранее использовался плоский стиль, но после редизайна клиентов решили привлечь главным экраном с привлекательным продающим Flat видео


В завершение


Во всей массе медиа-информации (да и всего контента) главенствует видео – показывая свою эффективность в самых различных нишах интернет рынка. Результаты успешных видео-маркетинговых стратегий впечатляют! Эмоциональный видеоролик – это также отличный способ поразить клиентов. Поскольку реакция разных людей на различный видеоконтент отличается, необходимо тестировать. Проверьте на своей аудитории несколько вариантов и такой тоже: фоновое видео Vs. обычное изображение для бэкграунда сайта. Но при правильных подходах, от воспроизводимого в фоне видео можно получить немало преимуществ перед конкурентами.

Лучшие плагины видео фон JavaScript

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

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

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

Github | демонстрация

Vidbg — это крошечный плагин для воспроизведения видео на фоне элемента dom.

Важно отметить, что предоставление как .webm, так и .mp4 значительно повысит совместимость браузера, и это настоятельно рекомендуется.

  • Он работает во всех современных веб-браузерах.
  • IE9 +.
  • Видео будет воспроизводиться на настольных компьютерах и ноутбуках и будет использовать резервное изображение (плакат) на мобильных устройствах (планшетах, телефонах и т. Д.)

Github | демонстрация

Этот плагин позволяет легко добавлять фоновое видео для веб-сайтов. Он может воспроизводить тихое фоновое видео (или серию видео). Или используйте его в качестве плеера, чтобы показать видео плейлист. BigVideo.js также может показывать большие фоновые изображения, что хорошо для показа больших фоновых изображений для устройств, у которых нет автозапуска для окружающего видео. BigVideo.js построен поверх Video.js от зенкодера.

Github | демонстрация

CoverVid очень легкий, всего с 800 байтами JavaScript. Это применимо в нативном Javascript и jQuery. Его логика основана на родителях, то есть родительский элемент может быть любого размера (не обязательно просто полноэкранный фон).

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

Github | демонстрация

Vide — это плагин jQuery для добавления видео в качестве фона элемента dom.

  • Все современные настольные браузеры поддерживаются.
  • IE9 +
  • iOS воспроизводит видео из браузера только в родном плеере. Так что видео для iOS отключено, будет использоваться только полноэкранный постер.
  • Некоторые андроид устройства воспроизводят видео, некоторые нет — иди разберись. Так что видео на андроид отключено, будет использоваться только полноэкранный постер.

Плагин Vide изменяет размеры, если окно изменяет размеры. Если вы будете использовать что-то вроде https://github.com/cowboy/jquery-resize, он автоматически изменит размер при изменении размера контейнера. Или просто используйте метод resize () всякий раз, когда вам нужно. Установите для параметра изменения размера значение false, чтобы отключить автоматическое изменение размера.

Github | демонстрация

Bideo.js — это библиотека JS, которая позволяет легко добавлять полноэкранные фоновые видеоролики. Это поможет вам воспроизвести видео на фоне контейнера или теги, и это работает даже в последних мобильных браузерах.

Для загрузки видео может потребоваться несколько секунд, особенно потому, что источники добавляются через JS, который вы загружаете после загрузки DOM. До этого вы можете показать обложку видео, которая будет такой же, как первый кадр или видео (или какое-либо другое изображение). Поддержка этого отсутствует в плагине, так как это довольно просто сделать с помощью HTML / CSS (как оверлеи).

дополнительный

Этот codepen показывает отличную реализацию без использования какого-либо плагина. Однако это не обеспечит поддержку кросс-браузера.

Полноэкранный видео фон для сайта HTML5

Как можно заметить, что полноэкранный фон становится популярным веб разработке, где задействовано изображение на весь экран при помощи CSS3. Который на прямую выставлен виде использованного фона, где имеется оригинальный визуальный эффект. Но главное, что все представленное можно использовать в качестве видео фона на сайте или отдельной тематической страницы.

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

Снять эффект видеофона довольно просто, фактически это может быть сделано только при использовании CSS. Ведь свойство фона CSS и фона изображения принимают только цвета, градиенты, растровые изображения и SVG в качестве значений.

Видео в качестве фона для сайта

1. HTML

В этом примере применяется видеоролик, у которого разрешение 1920×1080, а полное продолжительность установлено в 15 секунд, с хорошим весом в 3 МБ. Здесь нужно подчеркнуть, чем больше по времени и качественное видео, тем будет больше весить, а это понижает скорость запускание видео. Здесь внутри блока div с идентификатором video-bg находится заданный фон.

Код

<div>
  <video autoplay=»autoplay» loop=»loop» preload=»auto» poster=»http://zornet.ru/CSS-ZORNET/Kodak_saita/asvetun/vesan-kigedsab/svetodsa.jpg»>
  <source src=»bg/daisy-stock-h364-video.mp4″ type=»video/mp4″>
  <source src=»bg/daisy-stock-webm-video.webm» type=»video/webm»>
  </video>

Для тега video указаны следующие атрибуты:

width – Отвечает за ширину области при воспроизведения видео;
height – Идет на высоту области;
preload – Связана с функцией загрузки видеоролика, что производится со страницей;
autoplay – Отвечает за автоматическое воспроизведение ролика;
loop – Это идет циклическое повторение ролика;
poster – Картинка или изображение, что отображается вместо видео, пока не запустилось видео;

2. CSS

Код

#videophone_formatugas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  background: url(http://zornet.ru/CSS-ZORNET/Kodak_saita/asvetun/vesan-kigedsab/tugasolab.jpg) no-repeat #94a233;
  background-size: cover;
}

#videophone_formatugas > video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;  
  min-height: 100%;
  width: auto;
  height: auto;  
}

  @supports (object-fit: cover) {
  #videophone_formatugas > video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  }

Мы создаем простой элемент видео HTML5 с атрибутами, где нужно разместить их внутри элемента контейнера. Картинки или снимки, которые используются в атрибуте плаката, будет автоматически заменено самым первым кадром, что производит видео при загрузке. Поэтому рекомендуется использовать самый первый кадр на видеоролике для изображения плаката.

Обратите внимание на пустое пространство сверху и снизу экрана, которое можно исправить, где расширив область просмотра нашего видео до размера, превышающего область просмотра нашего браузера. Также сделаем его выше или шире в зависимости от соотношения сторон окна и просмотра браузера с помощью медиа запросов.

В самом коде вы можете заметить директиву @supports, что изначально производит проверку, в плане поддержки браузера со свойством object-fit. Если да, то фон автоматически изменяет значение cover для пропорционально отображение, что происходит при самых разных размерах экрана.

Демонстрация

Фон для сайта — видеофон, жидкий, градиент

Привет друзья! В этой статье я хочу поделиться тем, как сделать необычный фон для сайта: жидкий и градиенты. Жидкий фон является одним из трендов веб-дизайна в 2019 году. Недавно появился один сервис, который позволяет делать красивые жидкие фоны. Находится он на домене bg-painter.com Особенность данного ресурса в том, что он представляет собой генератор жидких фонов и градиентов для сайта. Здесь вы можете скачивать и использовать сгенерированные фоновые изображения в своих целях бесплатно. Так же в конце статьи я покажу, как сделать видео бэкграунд для сайта с помощью данного сервиса.

 

Настройка фонового изображения

 

Интерфейс сервиса bg-painter позволяет нам генерировать и настраивать фоны нужного цвета и вариации, допустим фон для шапки. Управлять конечным результатом можно с помощью специальных круглых кнопок.

 

 

Здесь мы видим три кнопки в центре и одну в правом верхнем углу. Кнопка, находящаяся сверху слева позволяет включать и отключать яркость фона. Если вам нужен фон для сайта темнее, отключите ее. Кнопка в центре изменяет фактуру фонового изображения. Кнопка справа меняет цветовую схему. Кнопка паузы слева останавливает движение фона: течение жидкости или мерцание линий (фон неба). Чтобы изменить цвет нужно открыть меню в верхнем углу справа и с помощью ползунка выбрать нужную цветовую схему.

 

 

Вариации жидких бэкграундов

 

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

 

 

Как сделать видеофон для сайта

 

Чтобы сделать видео бэкграунд нам понадобится любая программа для записи видео с экрана, например: Movavi Video Suite или Camtasia Studio. Проблема с записью видео состоит в том, что на данный момент такого функционала на сайте нет, и все придется фиксить вручную. Элементы управления на этом сайте будут мешать записывать видео, так как они попадают в кадр и область захвата. Поэтому их придется отключать, используя инструменты разработчика в браузере devtools.

 

Наведите курсор на кнопку, которую вы захотите скрыть и кликните правой кнопкой мыши. Выберите команду «Просмотреть код».

 

 

Затем в открывшемся окне вы увидите с левой стороны html код выбранного элемента, а справа – его css стили. Код кнопки будет выделен, и там где прописывается css для данной строки кода, напишите правило: display: none;

 

 

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

 

Заключение

 

Таким же образом можно скрывать ненужные вам элементы и делать видео бекграунд с любого сайта. Надеюсь, что я смог вам помочь, как сделать жидкий бэкграунд для сайта: мерцающий фон неба, течение различных видов жидкости и градиенты. Если вам показалась интересной данная статья, сервис, то оставьте свой комментарий и поделитесь материалом в соцсетях. Закрепите пост на своей стене, чтобы не забыть. Удачи всем, пока!

P.S. Обновление

Инструмент для создания жидких градиентов Colorpainter-master можно скачать и установить себе на ПК. Скачиваем здесь https://github.com/winterx/colorpainter Разархивируйте файл и установите на локальный сервер, например open server. Так видеобэк граунд делать еще проще. Кнопки регулировки цвета и загрузки скриншота скрываем вышеупомянутым способом и записываем видеофон.

Полноэкранный видео-фон для сайта HTML5

На протяжении прошлого года веб-дизайнеры все чаще стали использовать оригинальный способ оживить сайт – установка видеоролика в качестве фона страницы. Интересный сюжет или просто «живая» картинка на фоне украсит даже обычный сайт-визитку, заинтересует пользователя и подвигнет дольше задержаться на сайте. Сегодня мы поделимся с вами одним из способов установить полноэкранный видео-фон для сайта на HTML5 и CSS.

Демо Загрузить архив RAR (6.3 MB)

Рекомендации

Если вы твердо убеждены, что хотите установить видео для фона на сайте, необходимо знать кое-какие нюансы:

  1. Во-первых, нужно обязательно помнить о том, что видеоролик имеет довольно большой вес. Это может негативно сказаться на скорости загрузки страницы, особенно если у пользователя медленный интернет. Поэтому выбирайте не слишком продолжительные по времени видеоролики. В случае, когда требуется использовать довольно длинное видео, будьте готовы либо к работе над уменьшением его веса, либо к тому, что придется жертвовать частью аудитории.
  2. Во-вторых, избегайте автовоспроизведения звука из видео. Используйте либо ролики без аудио, либо добавьте возможность пользователю самому включить звук, если ему это понадобится. Автоматическое воспроизведение звука при открытии сайта считается очень дурным тоном.
  3. В-третьих, нужно позаботиться о кроссбраузерности и корректном отображении и воспроизведении видео на всех устройствах, а также предоставить альтернативу видео (для тех случаев, если оно не воспроизведется). Ниже в нашем примере мы покажем, как это сделать.
  4. И в-четвертых, стоит хорошо подумать, уместен ли видеофон на том сайте, где вы захотели его установить, поскольку очень легко переступить грань между оригинальностью и бесполезностью данной затеи. Видео ни в коем случае не должно отвлекать пользователя от его главной цели, по причине которой он пришел на сайт. Устанавливая видео-фон под текстовым содержимым, не забудьте проверить, насколько читабельным стал текст. Например, он может слиться с фоном в определенный момент проигрывания видеоролика (белый текст на белом фоне, черный на черном и т. п.).

1. HTML

Для нашего примера взят видеоролик с разрешением 1920×1080, продолжительностью 15 секунд и весом чуть больше 3 МБ. Внутри блока <div> с идентификатором video-bg находится наш фон:


<div>
    <video preload="auto" autoplay="autoplay"
    loop="loop" poster="bg/daisy-stock-poster.jpg">
        <source src="bg/daisy-stock-h364-video.mp4" type="video/mp4"></source>
        <source src="bg/daisy-stock-webm-video.webm" type="video/webm"></source>
    </video>
</div>

Для тега <video> указаны следующие атрибуты:

  • width – ширина области для воспроизведения ролика;
  • height – высота области;
  • preload – загрузка видео вместе со страницей;
  • autoplay – автоматическое воспроизведение видео;
  • loop – циклическое повторение видео;
  • poster – изображение, которое отображается вместо видео, пока оно загружается либо недоступно.

Далее у нас записано два тега <source>, где указаны URL-адреса видео в разных форматах – MP4 и WEBM. Зачем подключать ролик в нескольких форматах? Дело в том, что не все браузеры поддерживают один-единственный формат видео. Чтобы видео смогли распознать все современные браузеры, необходимо предоставить файл хотя бы в этих двух форматах. А атрибут type с соответствующими значениями помогает браузеру быстрее определиться с выбором.

2. CSS

Наша таблица стилей для фона выглядит следующим образом:


#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background: url(bg/daisy-stock-poster.jpg) no-repeat #94a233;
    background-size: cover;
}

#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}

 @supports (object-fit: cover) {
     #video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }

Как видно из кода, фон установлен на всю страницу, а в качестве запасного фона задано изображение (кадр из этого же видео). В самом крайнем случае будет задействован цвет фона #94a233.

Также в коде есть директива @supports, которая проверяет, поддерживает ли браузер свойство object-fit. Если да, то фон принимает значение cover и пропорционально отображается при разных размерах экрана.

Согласно данным с сайта caniuse.com, на сегодняшний день свойство object-fit поддерживается всеми браузерами, кроме Internet Explorer, Firefox 31-35, safari 7, iOS Safari 7.1 и Android Browser 4.1-4.4.

Вот и всё. Надеемся, данный урок принес вас пользу. Если у вас есть другие интересные и простые способы установки видео в качестве фона для сайта и вы хотите поделиться ими, пишите в комментариях!

Видеофон | телефон | Британника


Полная статья

Видеофон , также называемый видеотелефоном , устройство, которое одновременно передает и принимает аудио- и видеосигналы по телефонным линиям.

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

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

Ранние видеотелефоны

Первая публичная демонстрация одностороннего видеофона произошла 7 апреля 1927 года между Гербертом Гувером (тогда У.С. министр торговли) в Вашингтоне, округ Колумбия, и должностные лица Американской телефонной и телеграфной компании (AT&T) в Нью-Йорке. За этим последовала первая публичная демонстрация двустороннего видеофона 9 апреля 1930 года между лабораториями AT&T Bell Laboratories и штаб-квартирой компании в Нью-Йорке. Эта двусторонняя система использовала раннее телевизионное оборудование и замкнутую цепь; к 1956 году Bell Labs разработала видеофон, который можно было использовать в существующих телефонных сетях.Дальнейшие исследования привели к разработке первой полной экспериментальной системы видеофона, известной как Picturephone, в 1963 году. К 1968 году инженеры Bell разработали Picturephone второго поколения, который был введен в эксплуатацию в 1971 году.

видеофон

Официальный представитель AT&T демонстрирует односторонняя передача видеотелефона, 1927 г.

Предоставлено AT&T Bell Laboratories / AT&T Archives
Получите подписку Britannica Premium и получите доступ к эксклюзивному контенту.
Подпишитесь сейчас

Аналоговые видеофоны

Picturephone второго поколения был разработан как законченная система.Все аспекты системы, такие как оконечное оборудование, передача по местному шлейфу, коммутация, передача на большие расстояния и частный телефонный коммутатор, были спроектированы и разработаны для поддержки двусторонней видеосвязи по телефонным каналам. Picturephone использовал аналоговую передачу черно-белого видео, аналогичную той, что используется в телевизионном вещании. Решающее различие заключается в полосе пропускания видеосигналов. Обычное телевидение использовало сигнал с частотой 4,5 мегагерца, который мог передавать информацию, необходимую для отслеживания стандартного американского аналогового телевизионного изображения из 525 строк на кадр со скоростью 60 кадров в секунду.Чтобы уменьшить видеосигнал до 1 мегагерца — полосы пропускания, которая может поддерживаться телефонными линиями, — Picturephone использовал кадр изображения примерно из 250 строк. Размер экрана был 14 на 12,5 см (5,5 на 5 дюймов) — размер экрана считался подходящим для видеомониторов и соответствовал разрешению передаваемого сигнала. Терминал Picturephone состоял из отдельно стоящего микрофона и блока видеодисплея, содержащего динамик, камеру с электронной трубкой и кинескоп с электронно-лучевой трубкой.

AT&T Picturephone, черно-белый аналоговый видеофон, представленный в 1971 году.

Предоставлено AT&T Bell Laboratories / AT&T Archives

Несмотря на обширное развитие системы AT&T Picturephone — более 15 лет инженерных усилий и 500 миллионов долларов затрат на разработку — рынок услуг Picturephone был очень плохим. В конце концов, AT&T пришла к выводу, что видеофон был «концепцией, ориентированной на рынок», и в конце 1970-х обслуживание было прекращено.

Системы цифровой видеотелефонной связи

В конце 1980-х годов несколько компаний начали разрабатывать и продавать видеофоны с неподвижным кадром, которые могли работать непосредственно через коммутируемую телефонную сеть общего пользования (PSTN). Видеотелефон с неподвижным кадром использует видеокамеру и систему захвата кадров для захвата одного видеокадра для передачи. Поскольку неподвижные кадры не зависят от времени, их не нужно передавать в реальном времени по КТСОП, что позволяет использовать стандартные коммерчески доступные модемы для передачи на 2.От 4 до 9,6 килобит в секунду.

В 1992 году AT&T представила VideoPhone 2500, первый в мире цветной видеофон, способный передавать по аналоговым телефонным линиям. В отличие от более ранних моделей Picturephones, в VideoPhone 2500 использовались методы цифрового сжатия, позволяющие значительно сократить полосу пропускания, необходимую для передачи видео с полным движением. Модем V.34 использовался для передачи сжатого видеосигнала по аналоговой телефонной линии для доступа к PSTN, где сигнал можно было легко передать через коммутаторы центрального офиса.В зависимости от качества телефонной линии VideoPhone 2500 передавал со скоростью 19,2 или 16,8 килобит в секунду. Алгоритм сжатия видео, используемый в VideoPhone 2500, был лицензирован рядом японских производителей для использования в аналогичных видеофонах. Тем не менее, недостаток продаж заставил AT&T прекратить выпуск VideoPhone 2500 в 1995 году. Другие производители как в Соединенных Штатах, так и в Европе, включая British Telecommunications и Marconi Company, разработали аналогичные терминалы видеофона для работы через PSTN.

AT&T VideoPhone 2500, полноцветный цифровой видеофон, представленный в 1992 году.

Предоставлено AT&T Bell Laboratories / AT&T Archives

В конце 1990-х годов были разработаны два новых решения для видеотелефонной связи: видеоконференцсвязь для бизнеса и видеоконференцсвязь для настольных ПК. В бизнес-видеоконференцсвязи используются видеокамеры, оборудование и программное обеспечение для сжатия и декомпрессии видео, а также интерфейсы с одной или несколькими линиями ISDN или подключением к Интернету для обеспечения захвата, передачи и отображения синхронизированного голоса и видео в одном или нескольких местах.Как правило, эти системы устанавливаются в конференц-залах, чтобы можно было проводить собрания, не прибегая к поездкам участников. Несколько компаний разработали собственные протоколы передачи и методы сжатия голоса и данных, но большинство из них используют стандарты, разработанные Международным союзом электросвязи (ITU), чтобы обеспечить возможность взаимодействия различных систем.

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

Дэвид Э. Борт

Узнайте больше в этих связанных статьях Britannica:

  • телефон

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

  • модем

    Модем (от «модулятор / демодулятор»), любой из класса электронных устройств, которые преобразуют цифровые сигналы данных в модулированные аналоговые сигналы, подходящие для передачи по аналоговым телекоммуникационным цепям.Модем также принимает модулированные сигналы и демодулирует их, восстанавливая цифровой сигнал для использования оборудованием передачи данных. Таким образом, модемы позволяют…

  • видеоконференцсвязь

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

Услуги ретрансляции видео | Федеральная комиссия по связи

Служба ретрансляции видео — это форма службы ретрансляции телекоммуникаций, которая позволяет лицам с нарушениями слуха, использующим американский язык жестов, общаться с пользователями голосового телефона с помощью видеооборудования, а не с помощью печатного текста.Видеооборудование связывает пользователя VRS с помощником по связи — или CA — так, чтобы пользователь VRS и CA могли видеть и общаться друг с другом в подписанном разговоре. Поскольку диалог между пользователем VRS и центром сертификации протекает намного быстрее, чем при использовании текстового вызова TRS, VRS стала чрезвычайно популярной формой TRS. (Для получения дополнительной информации о других формах TRS см. Руководство FCC для потребителей по услугам телекоммуникационной ретрансляции.)

Как работает VRS

VRS, как и другие формы TRS, позволяет глухим или слабослышащим людям общаться по телефонной системе со слышащими людьми.Вызывающий VRS, используя телевизор или компьютер с видеокамерой и широкополосным (высокоскоростным) подключением к Интернету, связывается с центром сертификации VRS, который является квалифицированным переводчиком. Они общаются друг с другом на языке жестов через видеосвязь. Затем CA VRS выполняет телефонный звонок стороне, которой желает позвонить пользователь VRS. ЦС VRS ретранслирует разговор между сторонами — на языке жестов с пользователем VRS и голосом с вызываемой стороной.

Как и все вызовы TRS, поминутная ставка для VRS не взимается с вызывающего абонента.Поставщики услуг VRS получают компенсацию за свои расходы из Межгосударственного фонда TRS, который контролирует FCC.

Преимущества VRS

VRS предлагает несколько функций, недоступных в текстовых формах TRS:

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

Что следует знать

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

  • Поставщики VRS должны отвечать на 80 процентов всех вызовов VRS в течение 120 секунд. Поставщики услуг VRS также должны предлагать услуги 24 часа в сутки, семь дней в неделю.
  • Провайдеры

  • VRS должны предоставить пользователям VRS десятизначный номер, чтобы пользователи VRS могли звонить в службу 911 и получать информацию о своем местонахождении соответствующим специалистам службы экстренной помощи.
  • Преференциальный режим звонков запрещен. И VRS, и TRS-провайдеры должны обрабатывать вызовы в том порядке, в котором они были получены.Они не могут выборочно отвечать на звонки от определенных потребителей или определенных мест.
  • В отличие от некоторых других форм TRS, VRS CA может быть не в состоянии предлагать или обрабатывать некоторые услуги обработки вызовов, такие как вызовы с помощью оператора и вызовы 900 (с оплатой за вызов).
  • Пользователи VRS должны выбрать одного поставщика по умолчанию для десятизначной нумерации. Независимо от того, кто ваш поставщик TRS по умолчанию, вы можете выбрать любого поставщика VRS при выполнении вызова VRS.
  • Оборудование, распространяемое сертифицированным поставщиком VRS, должно быть совместимо с технологиями других сертифицированных поставщиков VRS.
  • Провайдеры

  • VRS и TRS не могут предлагать вам прямые или косвенные стимулы для использования их услуг или совершать больше или больше вызовов VRS или TRS.
  • VRS — это не то же самое, что удаленный перевод по видео, в котором используется переводчик, расположенный в удаленном месте через видеосвязь, когда два человека находятся вместе, и им нужен переводчик. В таких обстоятельствах использование VRS запрещено.

Выбор нескольких провайдеров

Правила

FCC не требуют, чтобы вы выбирали или использовали только одного поставщика VRS.Если вы принимаете оборудование и услуги VRS от одного поставщика, вы можете принимать и использовать оборудование и услуги VRS от конкурирующего поставщика. Поставщик VRS (или его установщики) не имеет права настраивать ваше оборудование или программное обеспечение для ограничения доступа или снижения качества ваших услуг от любого другого поставщика VRS без вашего согласия. Это означает, что провайдер VRS не может принуждать или запугивать вас для предоставления согласия, а также не может заставлять или запугивать вас, чтобы вы согласились удалить или изменить оборудование, которое вы получили от конкурирующего поставщика.Другими словами, провайдер VRS не может неправомерно ограничивать ваш доступ к услуге, которую вы получаете от конкурирующего провайдера.

Хотя правила FCC требуют, чтобы у вас был только один «поставщик по умолчанию», связанный с каждым номером видеофона, вам разрешено иметь несколько поставщиков VRS по умолчанию, если у вас есть другой номер видеофона, связанный с каждым поставщиком по умолчанию. Это означает, что у вас есть выбор между одним или несколькими поставщиками по умолчанию. Если вы решите использовать более одного поставщика по умолчанию, каждый из ваших поставщиков должен учитывать ваше желание иметь более одного поставщика VRS по умолчанию.

Дополнительная информация

Для получения дополнительной информации о других формах TRS см. Руководство FCC для потребителей по услуге ретрансляции телекоммуникаций. Чтобы узнать больше о программах FCC по продвижению доступа к телекоммуникационным услугам для людей с ограниченными возможностями, посетите веб-сайт Управления по правам инвалидов FCC по адресу fcc.gov/accessibility.

Подача жалобы

Если вы считаете, что провайдер VRS не соблюдает правила FCC, вы можете подать нам жалобу.Чтобы подать жалобу или получить информацию о службе ретрансляции электросвязи, посетите Управление по правам людей с ограниченными возможностями FCC по адресу https://www.fcc.gov/DRO или обратитесь в Управление по правам людей с ограниченными возможностями FCC по видеотелефону (844-432-2275) или по телефону. (1-888-CALL-FCC или 1-888-225-5322), или по электронной почте ([email protected]), или напишите по адресу:

Федеральная комиссия связи
Бюро по делам потребителей и правительств
Отдел запросов потребителей и жалоб
45 L Street NE
Вашингтон, округ Колумбия 20554

Сеть видеотелефонов

— Совет по уголовному правосудию штата Делавэр (CJC)

Документация по переходу на блок видеофона DTEN / Zoom

Чтобы облегчить переход на новую систему, выполните следующие действия:

Шаг 1. Как отсоединить блоки Polycom и подключить устройство масштабирования DTEN

Шаг 2: Основные инструкции по эксплуатации DTEN

Шаг 3: Расширенные инструкции по эксплуатации DTEN

Шаг 4. Загрузите самую последнюю версию Справочника видеофонов (по состоянию на 15.03.2021)

Не знаете, с чего начать? Посмотрите эти полезные видеоуроки, которые расскажут вам о процессе:

Если у вас есть устройство Polycom Debut : как отключить устройство Polycom Debut

Если у вас есть устройство Polycom 310 : как отключить устройство Polycom 310

Готовы к DTEN ?: Подключение вашего нового устройства DTEN

Все еще испытываете проблемы? Электронная почта Delaware Videophone для получения помощи


Миссия

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

Комитет по видеофонам

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

В Делавэре действует первая общенациональная единая система из 104 сайтов, объединившая судебные органы, правоохранительные органы, Генеральную прокуратуру, Управление государственного защитника, тюрьмы, тюрьмы, центры содержания под стражей несовершеннолетних и Совет по помилованию. Сеть видеотелефонов в Делавэре продолжит свой 20-летний рекорд успеха, продолжая переход на полностью IP-сеть, которая обеспечит улучшенное качество звука / акустики, качество изображения, пропускную способность и, что наиболее важно, большую экономию.

Программа видеотелефонной связи

Delaware поддерживается за счет дополнительной платы в размере 1 доллар США ко всем штрафам, налагаемым на дорожное движение и уголовные дела в штате.

Стандартный список использования видеофонов:

  • Приговор
  • Предварительное слушание
  • Поверенный интервью с клиентом
  • Признание вины
  • Приемное собеседование с клиентом
  • Возврат Capias
  • Арест / возврат ордера
  • Проверка залога
  • Присяга на ордер

Щелкните здесь, чтобы просмотреть список сайтов с видеофонами: Обновленный каталог видеофонов (по состоянию на 15.03.2021)

Для получения дополнительной информации о сети видеотелефонов в Делавэре, доходах от видеотелефонов и предотвращении затрат обращайтесь: Бриджит Пулл

Чтобы сообщить о проблеме, свяжитесь с: Delaware Videophone

Изучение возможности использования макета видеофона для людей с деменцией и их близких | BMC Geriatrics

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

Случаи

Случай 1

Ингрид живет со своим мужем в доме с террасой (см. Таблицу 1), и он включен в исследование как ее вторая половинка. Ингрид сообщила, что она избегает пользоваться телефоном, так как у нее проблемы с поиском слов, с трудностями в словесном самовыражении и с проблемами понимания того, что говорится в разговоре. Она отвечает на телефонные звонки только в том случае, если она дома одна.Ингрид нужна помощь, чтобы набирать телефонные номера, а ее муж звонит в органы власти или другим поставщикам медицинских услуг. У нее есть красный сотовый телефон, который она предпочитает, потому что ей нравится его внешний вид, но она почти никогда им не пользуется. Муж Ингрид написал свой номер мобильного телефона на крышке этого мобильного телефона, чтобы она могла легко его найти, и помогает ей убедиться, что телефон заряжен. Ингрид не может использовать функции текстовых и голосовых сообщений в своем мобильном телефоне. Когда Ингрид работала шесть лет назад, она пользовалась компьютером, но не сейчас.Иногда она проводит время рядом со своим мужем, когда он ищет в Интернете поездки, которые они планируют совершить. Ингрид никогда не пользовалась сенсорными экранами, а ее муж говорит, что она не заинтересована в использовании Skype, хотя она могла бы разговаривать со своим сыном, который живет за границей. Согласно наблюдениям META, Ингрид с трудом понимает, как звонить по мобильному телефону и отвечать на него. Например, она испытывает серьезные трудности с определением и выбором правильных функций в сотовом телефоне, с выполнением действий в логической последовательности и с набором телефонного номера (см. Таблицу 2).

Дело 2

Свен разведен и живет один в своей квартире (см. Таблицу 1). Он звонит по телефону в основном своим дочерям, а иногда и соседям и старым друзьям. Он находится в тесном контакте со своими двумя дочерьми, и одна из них включена в это исследование как его вторая половинка (см. Таблицу 1). Свен не помнит телефонные номера и полагается на телефонную книгу. Он предпочитает пользоваться стационарным телефоном дома, потому что его гораздо легче найти, чем пользоваться портативным телефоном.У Свена есть сотовый телефон, который, по его словам, приносит ему большую пользу, хотя у него есть некоторые проблемы; например, он не может использовать заранее запрограммированные телефонные номера, и каждый раз, когда он выходит из дома, он пытается не забыть принести записку с номерами дочерей. Иногда ему удается найти телефонный номер дочери, который хранится в «последнем звонке» функции сотового телефона. Свену также сложно вспомнить, где он оставил свой мобильный телефон. Он не может использовать службу текстовых и голосовых сообщений в мобильном телефоне.Свен никогда не пользовался компьютером, Skype или сенсорным экраном. Согласно наблюдениям META, Свен испытывает серьезные трудности с управлением кнопочным и сотовым телефоном. Например, ему сложно идентифицировать и разделять функции, выполнять действия в логической последовательности, набирать телефонный номер, выбирать правильную команду, идентифицировать информацию и адекватно отвечать, когда он звонит со своего мобильного телефона (см. Таблицу 2).

Дело 3

Мария живет одна в своей квартире (см. Таблицу 1).У Марии много друзей, и один из ее ближайших друзей включен в это исследование в качестве ее второй половинки (см. Таблицу 1). У Марии есть стационарный телефон, переносной телефон и сотовый телефон. Она пытается следить за портативным телефоном и мобильным телефоном. Когда звонит телефон, она пытается его найти, но очень часто автоответчик запускается раньше, чем она его находит. Мария запоминает числа своей второй половинке и друзьям, с которыми она разговаривает каждый день. Если она собирается позвонить кому-то другому, ей придется заглянуть в телефонную книгу в своем мобильном телефоне.Мария не может использовать программу текстовых и голосовых сообщений в своем мобильном телефоне. Она использует компьютер для электронной почты, Facebook и для проверки своего банковского счета. У Марии есть человек, который заботится о ее личной финансовой экономике. В больнице она использовала сенсорные дисплеи, но никогда не пользовалась Skype. Согласно наблюдениям META, у Марии были некоторые трудности с тем, чтобы позвонить по мобильному телефону и отправить электронное письмо со своего компьютера (см. Таблицу 2).

Случай 4

Арне живет со своей женой в квартире (см. Таблицу 1), и она включена в исследование как его вторая половинка.У них дома есть два стационарных телефона. Арне отвечает на звонок, если он дома один. Жена Арне делает все телефонные звонки властям и поставщикам медицинских услуг, но он участвует в разговоре по другому телефону, чтобы он мог вмешаться, если захочет. У Арне есть старый сотовый телефон (лет восьми), который для него очень важен. Если Арне хочет кому-то позвонить, он пользуется своим мобильным телефоном, то есть не стационарным. Он использует заранее запрограммированные номера в своем мобильном телефоне, но не может пользоваться программами текстовых и голосовых сообщений.Он также использует сотовый телефон, чтобы узнать, который час. Арне никогда не пользовался Skype или сенсорным дисплеем. Согласно наблюдениям META, он испытывает некоторые трудности с использованием своего мобильного телефона и компьютера. Например, ему трудно выбрать правильные кнопки и выполнить действия в логической последовательности при звонке со своего мобильного телефона, а также при попытке найти номер в телефонной книге на своем мобильном телефоне и документ на своем компьютере (см. Таблицу 2. ).

Представления участников с деменцией на макете видеофона

Вопрос 1.Как участники восприняли то, что особенности макета видеофона могут помочь им в выполнении требуемых задач во время тестовой сессии?

Когда участники с деменцией впервые попытались использовать макет, им было трудно понять, как начать его использовать, а также отвечать на звонки и завершать их. Чтобы прояснить, как начать использовать макет, участников с деменцией проинформировали, что они могут использовать телефонную трубку или касаться экрана. Свен, Мария и Арне решили коснуться экрана, а Ингрид решила использовать телефонную трубку.К тому же было непросто понять, как ответить на звонок. Наблюдения показали, что большинство участников с деменцией не знали, как проводить эту операцию, когда использовали макет в первом задании, и им приходилось спрашивать, как это нужно делать. Ингрид использовала трубку, чтобы позвонить своему мужу, и она очень запуталась, так как подумала, что функция набора номера находится в трубке, и она не знала, что делать дальше. Первый автор показал ей, как пользоваться списком контактов, а в следующий раз, когда она позвонила, она выполнила операции самостоятельно.Ингрид сказала, что ценит то, что для видеозвонка требуется минимальное количество шагов. Арне был единственным участником, который спонтанно нажимал на изображение своей жены на экране, чтобы звонить и отвечать на звонки. Ингрид указала на важность получения обратной связи, когда действие было выполнено, например, когда происходит соединение. Свен сказал, что было бы полезно получать как визуальную, так и звуковую обратную связь.

Кроме того, было неясно, как завершить разговор, и большинство участников с деменцией спрашивали, как им это делать.Их спросили, как они хотели бы завершить звонок, и затем все они спонтанно коснулись экрана, чтобы завершить звонок. Чтобы было понятнее, как завершить разговор, муж Ингрид предложил красную кнопку с некоторым сопротивлением давлению. Ингрид понравилось его предложение, поскольку кнопка дает четкую обратную связь о том, что действие было выполнено. Однако Арне не хотел, чтобы у него были кнопки, и он сказал, что для завершения разговора проще всего будет использовать трубку. Но через некоторое время он передумал и сказал, что проще было коснуться изображения человека, с которым вы разговариваете, и нарисовать его в углу экрана, чтобы изображение исчезло.Свен сказал, что если бы он использовал трубку, ему необходимо было бы иметь голосовое сообщение, чтобы напомнить ему повесить трубку, чтобы завершить разговор.

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

Технические проблемы

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

Вопрос 2. Как участники восприняли, что особенности макета видеофона могут соответствовать их требованиям?

В целом участники остались довольны характеристиками макета видеофона. Один из значимых участников сказал: «Макет похож на Skype, но им намного проще пользоваться». Однако они также попросили другие решения, а также возможность индивидуальной настройки видеофона. Все участники сказали, что хотели бы иметь дома видеофон.Однако Арне сказал, что трудно указать на преимущества видеофона до того, как вы примените его в реальной жизни . Они сказали, что возможность видеть друг друга помогает находить темы для разговора. Свен, например, сказал, что это забавно и интересно, что человек, с которым вы разговариваете, может видеть вас в вашем собственном окружении, и, возможно, это поможет вам придумать что-то еще, о чем вы хотели бы поговорить. Более того, Мария сказала, что видеосвязь стимулирует больше, чем обычный телефонный звонок.Она заявила: «Видеофон кажется значимым и забавным. Есть и другие полезные вещи, но видеофон тоже приятный ». Более того, муж Ингрид отметил, что, если человек с деменцией может справиться с вызовом самостоятельно, не боясь совершить ошибку, он или она может чувствовать себя компетентным и получать удовольствие от использования видеофона. Более того, он сказал, что если бы у Ингрид был видеофон, она могла бы снова обрести радость от звонков своим друзьям.

Опции

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

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

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

Список контактов Ингрид сказала, что пользоваться списком контактов с функцией набора по картинке было легко. Тем не менее, у Арне были некоторые идеи о том, как можно улучшить список контактов, чтобы упростить его использование. Он сказал, что наличие красной рамки вокруг изображения экстренного вызова и фотографии близкого человека может сбивать с толку. Арне предположил, что красная рамка должна появляться только вокруг изображения SOS. Он сказал, что вместо этого рамка вокруг одного из значимых людей может быть зеленой. Более того, он предположил, что изображение SOS должно быть немного больше, чем другие изображения, чтобы пользователь не вызвал SOS по ошибке.

Журнал истории звонков Мария хотела иметь функцию, которую она могла бы использовать для проверки своих последних звонков, чтобы узнать, звонила она кому-то или нет. Арне предположил, что может быть полезен журнал или голосовое сообщение, которое может сообщить пользователю, звонил ли он недавно. Некоторые из значимых других также выразили потребность в журнале, и один из них хотел иметь возможность записывать разговоры на магнитную ленту, чтобы он мог проверить их позже.

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

Размер Участники с деменцией сказали, что размер макета видеофона большой, но только двое из них сказали, что он слишком большой.

Сенсорный экран Участники с деменцией сказали, что было легко научиться нажимать на сенсорный экран. Но муж Ингрид подумал, что было бы более абстрактно научиться нажимать на экран, чтобы завершить звонок или позвонить. Он сказал: «Даже если мы думаем, что это легко, это новое обучение для людей с деменцией».

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

Результаты наблюдательной оценки META

Пункты META «Определить информацию и адекватно отреагировать» и «Определить и разделить услуги и функции» были самыми сложными для управления вопросами, когда участники с деменцией использовали свой собственный мобильный телефон, но это было не наблюдалось затруднений при использовании макета видеофона после того, как они поняли, как его использовать. У Ингрид и Свена были проблемы с управлением телефонными номерами, когда они использовали свой собственный сотовый телефон; когда они использовали функцию набора номера в видеофоне, им не нужно было управлять номерами.Ингрид сказала: «Было очень легко просто нажать на картинку, когда вы хотели кому-то позвонить, и вам не нужно было запоминать номер». Описание результатов META см. В таблице 2. Услуги видеотелефона

— Strong Memorial Hospital

Strong Memorial Hospital / Услуги и удобства / Услуги видеотелефона

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

Что такое видеотелефон?

Видеотелефон — это устройство, которое помогает глухим и слабослышащим людям, использующим язык жестов, общаться с другими людьми. Глухие люди могут использовать телефоны для общения друг с другом по телефону или со слышащими людьми через переводчика языка жестов. Соединенные Штаты финансируют службу под названием «Video Relay Services» (VRS), которая предоставляет глухим переводчикам для телефонных звонков. Видеотелефон, который часто называют вице-президентом, можно использовать для разговора с другими через переводчика языка жестов, который соединяется с человеком, который может слышать через обычный телефон.

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

Как я могу получить доступ к видеотелефону?

Один видеотелефон доступен на информационной станции рядом с вестибюлем больницы Strong Memorial Hospital (см. Инструкции по использованию). Другой телефон доступен для использования в стационаре и отделении неотложной помощи по запросу через коммуникационный центр (275-2222) (см. Инструкции по заказу и использованию).

Facebook Portal — это видеотелефон Jetsons, которого не должно быть

Новое устройство для видеочата Portal от Facebook Фото: Facebook

Facebook сегодня анонсировала свое новое оборудование Portal, устройство ограниченного назначения, которое позволяет пользователям общаться в видеочате почти исключительно на Facebook.И в этой концепции есть что-то странно ретро: это автономное видеофонное устройство, которое было у Джорджа Джетсона в 1960-х и которое AT&T представляла в 1990-х — устройство, которое мы должны были пропустить.

История видеофона — это увлекательный пример того, как будущее никогда не наступает таким, каким мы его себе представляли. Вторая половина 20-го века показала всевозможные прогнозы для видеофона как отдельного устройства. Это должен был быть продукт, который либо стоял на вашем столе, либо был достаточно большим, чтобы стоять на земле.Некоторые из них могут быть прикреплены к стене, а телефонные компании даже придумали большие видео-таксофоны с мгновенным переводом на язык. Но всех их объединяло одно: они были приспособлениями, используемыми только для одной цели.

Видеофон в версии The Jetsons 1962-63 гг. Скриншот: The Jetsons / Hanna-Barbera / Warner Bros

На самом деле видеофон подкрался к нам через другие устройства. Они появились как одна из многих функций наших компьютеров и смартфонов.Буквально десятилетия назад мы говорили нам, что видеофон будет повседневным устройством, таким как тостер, который будет существовать в наших домах как специальное устройство для видеочата, но мы получили его в другой форме с такими приложениями, как Skype, Google Hangouts и FaceTime.

Портал бывает двух разных моделей: Портал и более крупный Портал Плюс. И Facebook сообщит вам, что это не видеофон Джорджа Джетсона. Он отслеживает вас по вашей комнате и имеет другие удобные функции, такие как голосовое управление с помощью Alexa и некоторые другие незначительные возможности, такие как проверка погоды.Но он почти полностью предназначен для видеозвонков. Ни веб-браузера, ни Instagram, ни WhatsApp, ни видеозаписи. Вы даже не можете посмотреть на обычном Facebook на устройстве. Портал предназначен в первую очередь для видеозвонков через Facebook.

G / O Media может получить комиссию

Всего пять лет назад я писал о видеофоне, как будто это новое устройство от Facebook никогда не появится. Я писал о появлении видеофона в фильме 1927 года Метрополис , о том, как его рекламировали на Всемирной выставке в Нью-Йорке в 1939 и 1964 годах, а также об элегантном футуризме видеофонов в версии The Jetsons 1960-х годов.Я был убежден, что с появлением Skype мы не увидим роста отдельного продукта для видеотелефонии. И я ошибался. По крайней мере на данный момент.

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

И все это не говоря уже о конфиденциальности. По данным Pew Research, примерно каждый четвертый пользователь Facebook в прошлом году удалил приложение. И это было до того, как недавний масштабный взлом Facebook раскрыл личные данные около 50 миллионов пользователей.

Неважно, неправомерно ли он использует данные потребителей или буквально обвиняется Организацией Объединенных Наций в разжигании геноцида, Facebook оказался чистым негативом для человечества. Но если вы один из многих, кому плевать ни на что, Портал может быть для вас.К черту это. Мир все равно сгорит, верно?

[Facebook]

Поставщики услуг Программы глухого доступа (DAP)

РЕГИОН I
Служба глухих в Сан-Диего, Inc. (DCS)
1545 Hotel Circle South, Suite 300
San Diego, CA 92108
(619) 398-2441 (голосовая связь)
(619) 550- 3436 (видеофон)
Эл. Почта: [email protected]
Веб-сайт: www.deafcommunityservices.org/

Обслуживаемые округа: Империал и Сан-Диего

Свяжитесь с агентством, чтобы узнать местонахождение ближайших филиалов.

REGION V
Tri-County GLAD
702 County Square Drive, Suite 101
Ventura, CA 93003
(805) 644-6322 (голосовой)
(805) 644-6323 (TTY)
(805) 256 -1053 (видеофон)
Эл. Почта: [email protected]
Веб-сайт: www.tcglad.org

Обслуживаемые округа: Сан-Луис-Обиспо, Санта-Барбара и Вентура

Чтобы узнать местонахождение ближайших филиалов, обратитесь в агентство.

REGION II
Центр глухоты — Внутренняя империя (CODIE)
1737 Atlanta Avenue, Suite h4A
Riverside, CA 92507
(951) 275-5000 (голосовая связь / TTY)
(951) 801-5674 (видеофон) )
Электронная почта: info @ codie.org
Веб-сайт: codie.org

Обслуживаемые округа: Иньо, Моно, Риверсайд и Сан-Бернардино

REGION VI
Центр обслуживания глухих и слабослышащих, Inc. (DHHSC)
5340 North Fresno Street
Fresno, CA 93710
(559)
225-3323 (голос / видеофон)

Эл. Почта: [email protected]
Веб-сайт: www.dhhsc.org

Обслуживаемые округа: Фресно, Кингс, Мадера, Марипоса, Мерсед, Монтерей, Сан-Бенито и Туларе

Свяжитесь с агентством, чтобы узнать местонахождение ближайших филиалов.

REGION III
Orange County Deaf Equal Access Foundation (OC-DEAF)
6022 Cerritos Avenue
Cypress, CA 90630
(714) 826-9793 (голосовая связь / TTY)
(714) 503-0669 (видеофон)
Веб-сайт: www.ocdeaf.org
Эл. Почта: [email protected]

Обслуживаемый округ: Orange

REGION VII
NorCal Services для глухих и слабослышащих (NorCal)
4044 N.Freeway Blvd.
Sacramento, CA 95834
(916) 349-7500 (голос / телетайп)
(916) 993-3048 (видеофон)
(916) 550-9355 (видеофон P3)
Эл. Почта: [email protected]
Веб-сайт: www .norcalcenter.org

Обслуживаемые округа: Альпин, Амадор, Бьют, Калаверас, Колуса, Эльдорадо, Гленн, Лассен, Модок, Невада, Плэйсер, Плумас, Сакраменто, Сан-Хоакин, Шаста, Сьерра, Сискию, Станислав, Суттер, Техама, Тринити, Туолумне, Йоло и Юба

Свяжитесь с агентством, чтобы узнать местонахождение ближайших филиалов.

REGION IV
Greater Los Angeles Agency on Deafness, Inc. (GLAD)
2222 Laverna Avenue
Los Angeles, CA
(323) 478-8000 (голосовая связь / TTY)
(323) 550-4226 ( TTY)
(323) 892-2225 (видеофон)
Электронная почта: [email protected]

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

2022 © Все права защищены.