ym104432846
Вставьте ссылку на видео из Youtube, Rutube, VK видео
Задайте вопрос по видео
Что вас интересует?
00:00:20
Создание иар связки:
  • 1. Созданная платформа поддерживает различные типы цифрового контента (видео, презентации, галереи изображений, интерактивные элементы, аудиоконтент, опросы, контактные кнопки)
  • 2. Пользователи могут добавлять маркеры (физические объекты), привязывать к ним цифровой контент и управлять доступностью ссылок и ресурсов
  • 3. Платформа позволяет создавать потоковые видео-контент с возможностью автоматической трансляции видео поверх маркеров с помощью камеры смартфона
00:03:50
Использование ссылок и альфа-канала:
  • Создано решение указывать ссылку на внешний или внутренний ресурс при просмотре видео в дополненной реальности
  • Предложена возможность перехода по ссылке при клике на видео в режиме дополненной реальности
  • Разработан механизм добавления примечания к видео, видимого только автору
00:07:52
Редактирование иар контента:
  • 1. Разработана функция изменения видимости контента при наведении на маркер через включение/выключение иар-связки
  • 2. Добавлена возможность оперативного удаления иар-связок за три клика
  • 3. Реализована статистика сканирований устройств по временным периодам (недели, дни), доступная пользователям в расширенном тарифе
00:09:23
Альфа-канал и подготовка видео:
  • 1. Для корректного отображения видео необходим альфа-канал, который должен быть включен через специальный переключатель
  • 2. Все маркеры внутри одного проекта должны быть уникальными, иначе контент будет путаться и воспроизводиться неправильно
  • 3. Видео с альфа-каналом после обработки выглядит эффектно и воспроизводится на прозрачном фоне без черных полей
00:12:09
Маркеры типа лист и презентации:
  • 1. Создан маркер типа листа, который накладывается поверх одного изображения другим (интернет-ссылка указана)
  • 2. Для перехода по клику на ear-изображении предлагается использовать внешний или внутренний ресурс
  • 3. Предложено использовать PDF-презентацию для стабильности отображения контента, рекомендуется применять именно этот формат
00:15:37
Галерея изображений:
  • 1. Для галереи маркеров разрешено использовать изображения форматов JPEG, допускается размещение нескольких изображений подряд
  • 2. Рекомендуется загружать изображения с одинаковым или схожим соотношением сторон для улучшения внешнего вида при просмотре
  • 3. В режиме пролистывания (эар) планируется отображение одного изображения при наведении на маркер, возможность свайпа по изображениям и открытие картинок во весь экран устройства
00:17:19
Интерактивное меню:
  • 1. Создано интерактивное меню с возможностью загрузки ссылок внутри интерактивных кнопок, ведущих на внутренние или внешние ресурсы
  • 2. Разработан способ быстрого добавления и редактирования пунктов меню через копирование и вставку (копипаст)
  • 3. Предложено использовать QR-код в роли маркера, однако спикер выразил желание заменить его сердечком
0: Добрый день, меня зовут Александр и мы с вами продолжаем серию уроков, посвящённых работе на онлайн платформе по созданию контента дополненной реальности. Аргумент на прошлом уроке. Мы с вами разобрали, устройство личного кабинета, рассмотрели
1: Как создавать проект? Теперь мы с вами рассмотрим, как создать иар связку иар. Связка состоит из маркера маркер это любое изображение в физическом мире. Оно может быть цветное, оно может быть монохром.
2: Итак, связка между маркером и цифровым контентом под цифровым контентом. Мы понимаем.
3: Любой контент, который у вас уже существует, например, это какое-то видео, или какая-то презентация, или галерея изображений, или какой-то документ, или какие-то интерактивные кнопки и так далее. Все эти
4: Типа контентов поддерживаются онлайн платформой. Аргумент. Итак, меньше слов, больше дел. Видите, что вы заходите в ваш проект. Мы его на предыдущем уроке уже создали. Называется он 1 проект верхний.
5: В правом углу есть кнопка добавить маркер. Давайте на неё нажмём, мы нажимаем на маркер, и нам онлайн редактор предлагает выбрать тип объекта. Какой контент мы будем с вами загружать. Это может быть видео, это
6: Может быть интерактивное меню, которое будет вести на какие-то внешние ресурсы или внутренние. Это может быть маркер типа лист, когда у нас поверх 1 изображения появляется какое-то другое изображение, это может быть там инструкция, инфографика и так далее. Это
7: Может быть презентация в формате pdf или part поинт это может быть галерея изображений, и мы недавно ввели новый тип меню 2, оно немножко отличается. Покажу чуть позже, чем также мы можем в виде контента выбрать.
8: Кнопки и a кнопки отображаются в виде таких красивых, графически оформленных кнопок, на которые можно нажать и получить определённый контент, который уже будет появляться не в режиме эар, а полностью на всем ок.
9: Не смартфона фуллскрин это может быть набор аудиолекций, какая-нибудь, может быть книга по бизнес тематике или так далее. Что-то, какой-то другой аудиоконтент. Это может быть кнопка с интерактивным вопросом где
10: Можно лайкать или дизлайкать какой-либо опрос и создавать его, соответственно, просматривать потом комментарии пользователей, которые будут голосовать. Можно создавать контакт, чтобы оперативно выходить на нужно.
11: Нам пользователя, коллегу клиента и так далее. По 1 клику, по ear иконке можно делать, по сути, кнопку с заложенной внутрь любой ссылкой, которая переведёт вас на внешний или внутренний ресурс.
12: Можно создавать каталог видео фотографий или документов. Давайте с вами попробуем создать 1 тип иар контента и будет он у нас называться потоковое видео. Почему потоковое? Потому что при наве,
13: Камеры смартфона через приложение аргумент видео у вас начинает проигрываться автоматически прямо поверх этого маркера. Итак нажимаем на кнопку потоковое видео, у нас открывается шаг 2, то есть
14: 1 шаг. Мы выбрали тип контента. Шаг 2. Нам нужно загрузить этот цифровой контент. Давайте его загрузим. Находим специально подготовленное видео. Итак, видео у нас загрузилось. Обратите внимание на нижние поля здесь
15: Мы можем указать ссылку на внешний или внутренний ресурс. Например, мы можем здесь указать ссылку на известный нам поисковик яндекс точка ру. Здесь мы можем указать любую ссылку. Зачем?
16: Она нужна. Дело в том, что когда вы будете просматривать видео в режиме дополненной реальности, вы можете на него кликнуть, и оно откроется. Фулскрин уже не в режиме эар, но можно сделать дополнительную механику указа.
17: Здесь ссылку. Если вы так сделаете, укажите ссылку на, например, какой-то документ нормативный, какую-то инструкцию, то при клике на это видео
18: Будет произведён переход на этот ресурс. Также можно оставить примечание, примечание увидите только вы. Внутри иар связки, которую мы буквально через несколько минут уже создадим. И здесь ещё есть переключатель использовать альфа канал о нём.
19: Мы с вами поговорим, когда создадим видео на прозрачном фоне, пока мы этот переключатель не трогаем.
20: Нажимаем далее и видим, что у нас автоматически сгенерировался маркер. То есть то изображение, на которое мы будем наводиться из 1 кадра нашего видео. Если наш нас этот кадр устраивает, мы можем его оставить.
21: В качестве маркера. Если не устраивает, то у нас доступно несколько опций. Мы можем загрузить маркер, который мы подготовили заранее. Давайте посмотрим, есть ли у нас такой тут маркер. Вот такое вот изображение и можем
22: Пойти далее ещё у нас есть опция маркер сделать в виде QR кода это не простой QR-код, который перебрасывает нас на какую-то внешнюю ссылку, это специальный ир QR-код, поверх которого сразу.
23: Будет также воспроизводиться и r контент если вам необходима некая унификация этих маркеров, то можно заменять их везде на QR коды если такой необходимости нету, вы можете
24: Использовать самостоятельно подготовленное изображение ещё есть кнопочка добавить метку метка добавляется, если маркер недостаточно контрастный и плохо считывается системой распознавания изображений.
25: Об этом мы с вами поговорим на отдельном видеоуроке, посвящённом подготовке маркера, нажимаем кнопку далее, и на этом шаге нам нужно спозиционировать цифровой контент относительно маркера.
26: То есть сейчас мы с вами перемещаем 1 кадр нашего контента относительно маркера, и также он будет на той же позиции воспроизводиться уже в режиме дополненной реальности, и в таком же размере можно его увеличить.
27: Уменьшить и спозиционировать там, где нам хочется. Также внизу есть переключатели, которые могут увеличить или уменьшить монтажную область для удобства управления перемещения контента сейчас.
28: Я совмещу контент с маркером, чтобы при воспроизведении дополненной реальности контент воспроизводился прямо рамочка в рамочку по отношению к маркеру. Нажму кнопку сохранить и
29: Друзья, все мы с вами создали наш 1 иар опыт. Теперь вот этот маркер можно распечатать, можно повесить где-то там на стене, на плакате, на товаре и так далее. Либо это изображение уже может там находиться
30: Да, по определённым причинам сейчас можно скачать приложение аргумент.
31: Сканировать доступ к проекту. Вот этот вот и затем сканировать вот это изображение маркер. Поверх него будет воспроизводиться наш hr контент. Давайте с вами посмотрим что
32: В этой иар связке можно менять, это очень важно, потому что иар редактор аргумент позволяет не только создавать, но и оперативно редактировать контент и маркеры. Мы можем включить, выключить эту связку, и тогда пользователь при наведении
33: Если будет выключено при наведении на маркер, не увидит контента. Да, мы можем редактировать. Соответственно, если я сейчас нажму вот это вот, вот этот карандашик, то мы обратно перейдём в режим создания маркера.
34: Здесь можно перезагрузить видео, при этом оставить маркер, да, то есть перепечатывать его или как-то переделывать в реальном мире уже нет необходимости. Ну, если есть такая необходимость, можно его заменить.
35: Прошлись по шагам, по шагам, что-то изменили и, соответственно, заново создали пар, связку. Буквально, видите, в 3 клика можно удалить иар связку и обратите внимание, здесь есть глазик такой
36: Мы видим, сколько людей всего отсканировало в 2021 году отсканировало. То есть у нас здесь появляется некая статистика для пользователей. Аргумент в расширенных тарифах доступна расширенная статистика, которая показывает уникальную
37: Устройство по периодам, по неделям, по дням, сколько отсканировано, сколько взаимодействий было и так далее. Эту статистику можно использовать для тех задач, которые требуют от вас бизнес. Попробуем создать с вами ещё другой тип маркера. Возьмём
38: Также потоковое видео и попробуем сюда уже загрузить видео с альфа каналом. Итак, видео у нас загрузилось. Вы видите, что оно неким таким специальным образом подготовлено. Есть композитный канал, есть альфа канал.
39: Подготавливать его, повторюсь, совершенно не сложно и займёт у вас не больше 5 минут времени в любом видеоредакторе мы можем указать или не указать ссылку. Об этом мы уже с вами говорили и что нам нужно сделать здесь обязательно нужно
40: Переключить вот этот вот переключатель на использовать альфа канал. Если мы этого не сделаем, то видео будет некорректно отображаться и прозрачный фон у нас за вот этим объектом в данном случае здесь говорящий человек не будет
41: Будет отображаться. Сейчас мы переключили, все сделали правильно? Давайте заменим маркер на какой-нибудь другой, более симпатичный, например, на тот же самый, который мы использовали при создании предыдущей связки. И делайте
42: Это, кстати, не рекомендуется, сделал я это только ради эксперимента дело в том, что если внутри 1 проекта будут одни и те же маркеры одинаковые, то и контент будет путаться, будет воспроизводиться то 1, то другой.
43: Контент то 1, то 2, то 3 поэтому это важный момент внутри проекта все маркеры должны быть уникальны то есть они должны отличаться друг от друга. Давайте все-таки заменим на QR-код такой вот.
44: Патичный, чтобы у нас такой мешанины не было и нажмём кнопку далее нажимаем. Далее здесь обратите внимание, что 1 кадр, он такой вот двойной.
45: По сути, у нас с вами наш человек с прозрачным фоном будет находиться вот посередине этих 2 кадров. Поэтому относительно маркера давайте сделаем монтажную область чуть меньше. Мы увеличим нашего человека.
46: И примерно вот посередине вот так вот поставим наш 1 кадр, то есть у нас посередине вот этого QR кода здесь будут ноги нашего человека, здесь будет примерно сверху клеточек на 10 выше голова.
47: Так вот, будет воспроизводиться иар контент на прозрачном фоне без вот этих вот чёрных полей нажимаем сохранить. И также все мы сделали с вами видео с альфа каналом. Выглядеть это будет очень эффектно, но для
48: Этого нужно сделать несколько Шагов для подготовки такого видео, не считая, собственно, съёмку объекта на зелёном фоне, то есть на хромакее примерно так, как вы сейчас видите меня, да, сзади фона нет. Сзади фон есть в виде
49: Онлайн редактора. Далее попробуем с вами создать маркер типа лист, когда поверх 1 изображения появляется другое. Обратите внимание, что здесь тоже есть интернет ссылка, которую можно указать. Если
50: Есть необходимость по клику на ear изображение, которое появится, перейти на какой-то внешний или внутренний ресурс загружаем изображение, ссылку я указывать не буду.
51: Нажму кнопку далее. И здесь маркер автоматически не генерируется, как это было на примере с видео, поэтому мы выберем маркер вручную и будет у нас вот такое черно белое изображение. То есть что должно произойти когда
52: Мы откроем приложение аргумент, нажмём кнопку сканировать, наведём я вот на это монохромное изображение. Поверх него сразу же появится цветное. Нажмём кнопку. Далее
53: Спозиционируем наш кадр относительно маркера. Наш иар контент относительно маркера тоже рамочка в рамочку, чтобы вот этот эффект наиболее интересно проявился. Нажмём сохранить и готово. Также можем его отреда.
54: При необходимости презентация. Давайте посмотрим этот тип маркера.
55: У нас есть подготовленная презентация в формате pdf, лучше использовать формат pdf, потому что он стабильнее отображается без различных изменений по шрифтам, по картинкам в режим.
56: Дополненной реальности пар поинт тоже допустимо использовать, но все-таки, коллеги, рекомендую pdf и повторюсь, что о контенте мы с вами поговорим на отдельном видеоуроке. Итак, презентация загрузилась, мы видим 1 кадр методические рекоменда
57: По созданию цифрового контента нажимаем кнопку. Далее
58: В качестве маркера у нас автоматически сгенерировался QR-код, повторюсь, что это не простой QR-код, если кто ещё не помнит, а именно ear маркер, но я хочу его заменить на какой-то другой посмотрю какие у меня есть.
59: Изображение ну какое-то вот такое монохромное изображение здесь можно здесь вы уже вольны использовать абсолютно любые маркеры я просто подставляю те, которые у меня есть на компьютере. Нажимаю далее
60: Привычным уже нам способом позиционирую наш контент. Вот эта презентация, она на устройстве пользователя на смартфоне через приложение будет доступна вот этот
61: Вот кадр 1, его можно листать и смотреть привью кадров презентации, привью экранов презентации если мы кликнем на нужный нам экран, на нужный нам кадр, то презентация уже откроется на смартфоне.
62: Фулскрин, её можно будет просматривать как обычный pdf документ, соответственно, размер мы можем указать здесь сейчас любой при позиционировании хочу, чтобы кадр был большой, на нём было все видно и понятно нашему пользователю до тех пор, пока он на него не кликнет, нажимаю.
63: Сохранить и опять же готово. Посмотрите, друзья, как легко и просто создавать контент дополненной реальности. Никаких навыков программирования. Мы уже за вас эти навыки программирования уже все применили. Обратите внимание.
64: На следующий тип маркера галерея в галерею можно добавлять иллюстрации давайте их просто несколько добавим подряд какие-то изображения загружать можно изображения в формате jpeg и в формате.
65: То есть прозрачной областью монохромные, цветные и так далее. Сразу оговорюсь, что есть рекомендация загружать эти изображения не так, как я сейчас сделал, а желательно с одинаковым или с похожим соотношением.
66: Сторон. Тогда, когда мы их будем в режиме иар пролистывать, это будет выглядеть более аккуратно и более корректно нажимаем. Далее у нас автоматически сгенерировался маркер из 1 кадра. Давайте вот таким
67: Оставим достаточно хороший, сложный маркер, распознаваться он будет хорошо, то есть при наведении на этот маркер.
68: Давайте уменьшим сейчас монтажную область при наведении на этот маркер у нас будет открываться иар контент в виде 1 изображения, которое вы загрузили в редактор на предыдущем шаге. И вы
69: Также можете свайпить, листать у вас по бокам, в зависимости андроид у вас или apple устройство будут появляться либо стрелочки по бокам, либо вы можете прямо свайпить картинки в режиме эар по клику на картинку она будет открываться.
70: На весь экран вашего смартфона. Хочу, чтобы вот такие вот большие у меня были. Привью моих изображений и располагались они, ну, например, чуть ниже и правее нажимаю кнопку сохранить.
71: Все готово. Обратите внимание, маркер типа галерея готово. И последний объект, который мы с вами сегодня добавим, это интерактивное меню. Меню позволяет загружать внутрь интерактивных кнопок ссылки, которые
72: Будут вести на внутренний или внешний ресурс. Давайте сейчас их просто создадим. Назовём 1, 2, 3 и 4. Видите, я ввёл в 4 пункта, пока их 4. Возможно, в ближайших обновлениях стане
73: Больше я ввёл название этих пунктов. Далее справа я должен ввести адрес, который будет вести на внутренний или внешний ресурс.
74: Давайте мы с вами пока не будем вводить сложные адреса и введём уже известный нам всем всеми ресурс яндекса.
75: Только я не совсем правильно указал.
76: Этот адрес.
77: Но это и не страшно, потому что все можно отредактировать. Вводим. В данном случае я копипастом ввожу адреса. Обратите внимание, здесь на крестики справа пункты меню можно делать.
78: Можно их удалять, создавать заново, опять же редактировать. По аналогии с предыдущими маркерами можно оставить 1, 2, 3 или 4. Ну и оставить примечание, примечание видите, только вы как редактор личного кабинета нажимаем. Далее нажали далее
79: Маркер автоматически сгенерировался в виде QR кода, но мне QR коды не очень нравятся, хочу вот такое вот сердце сделать.
80: В качестве маркера, то есть на него мы будем наводиться. Нажимаю далее.
81: И вот смотрите, у нас появляется вот такое вот меню, где каждая вот эта кнопка, она интерактивная, то есть в ar режиме, да, появляется такое меню, например, справа от изображения нашего сердца. Мы берём, кликаем
82: Пальцем в режиме на нужный пункт меню переходим на нужный нам ресурс. Это может быть ссылка на видео. Это может быть ссылка на какой-то ваш внутренний портал, бизнес портал чар портал. Таким образом сюда можно зашить целый большой
83: Блок информации в такое меню нажимаю сохранить и готово. Мы с вами сейчас, коллеги, создали. Вернусь ещё раз на добавить маркер. Основные 5 типов иар контента буквально в 3 клика и
84: На следующем уроке мы с вами поговорим о том, как создавать