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