Нужно создать приложение на IOS и Android для видео 360
2 приложения
Пример:
Нужно такое же приложение с теми же функциями на 2 платформы с поддержкой очков виртуальной реальности. Отличие только 2 добавить кнопку локации и второй язык.
Android https://play.google.com/store/apps/details?id=com.shakingearthdigital.vrsecardboard&hl=en_US&gl=US
IOS https://apps.apple.com/ua/app/within-vr/id959327054?l=ru
Подробнее:
1. Программа проверяет какой язык установлен на мобильном устройстве. Всего 2 языка, англ и еще один. Если установлен определенный язык то показывает превью, и все текстовые поля для этого языка. Для остальных языков показывает английскую версию этих полей.
2. При открытии приложения высвечивается разрешение на отслеживание
3. Видео 360 в 6К вращается в зависимости от поворотов устройства, никаких взаимодействий внутри контента нет.
4. Должно поддерживать очки виртуальной реальности для телефонов Samsung Gear VR, Google Daydream View и Oculus Quest, а также любые очки работающие по принципу помещения в них смартфона
В случае подключенных внешних очках виртуальной реальности весь функционал переводится в горизонтальное управление подходящее под очки виртуальной реальности
Предполагаю, что есть готовые библиотеки для взаимодействия с VR
5. Приложение должно работать быстро, буферизация видео должна быть тоже быстрой
6. Все видео загружает только администратор, пользователи только смотрят
Первый экран
Топ: Логотип и кнопка поиска
При нажатии на поиск открывается экран поиска
Ниже точно такое же отображение превью в виде прямоугольных картинок.
По умолчанию задана категория "избранные" список видео в которую выставляются вручную в админке
При нажатии на превью открывается страница запуска просмотра видео с соответствующим превью видео
Внизу экрана по центру кнопка "меню" которая открывает меню снизу вверх на 3/4 экрана по высоте.
Пролистывается вверх и вниз.
Количество видео и категорий неограниченно, можно добавлять бесконечно.
Второй экран
Меню
Список названий категорий(Неограниченное количество)
Открывает первый экран из списком видео данной категории
Кнопка "показать все"
Открывает первый экран только с превью всех категорий
Кнопка "Загруженные"
Открывает экран с ранее загруженными видео
Кнопка условий использования
При нажатии открывается всплывающее окно с текстом условий использования
Скролинг вниз и вверх
Кнопка закрыть снизу
Третий экран
Скачанные видео
Точно такое же отображение как на первом экране разница только в контенте:
Если пользователь еще ничего не загружал то он просто видит пустую область там где должны быть превью и надпись "У Вас нет скачанных видео"
Если пользователь уже скачивал видео то ему показываются превью скачанных видео,
При нажатии на превью открывается страница запуска просмотра видео с соответствующим превью видео
При проведении пальцем по превью влево, появляется кнопка удалить как в приложениях почты
При нажатии на удалить появляется вплывающее окно
Удалить видео?
Да Нет
При нажатии Да, высвечивается сообщение"видео успешно удалено" видео удаляется с телефона, и открывается экран загруженных видео
При нажатии Нет открывается экран загруженных видео, без кнопки удалить на превью
Четвертый экран
Экран поиска
При вводе названия сразу подтягивает видео с соответствующим названием или частью названия в таком формате
Пятый экран
Экран запуска видео
Изображение на половину экрана вверху
Половина экрана фон на котором:
Название
Описание текстовое максимум 350 символов
Дата загрузки
Кнопка "Смотреть онлайн" Иконка + надпись
При нажатии убирает кнопки предыдущего экрана и показывает выбор "Смотреть в очках" "Смотреть на телефоне"
После выбора вокруг кнопки показывается статус загрузки(Загружает заново видео каждый раз в буфер, после просмотра удаляет все данные о просмотре)
После загрузки открывается экран просмотра
Кнопка "Скачать" Иконка + надпись + отображение количества требуемой памяти для видео
При нажатии вокруг кнопки показывается статус скачивания
После скачивания высвечивается всплывающее окно:
"Запустить видео сейчас?"
Да Посмотрю позже
При нажатии на "Да" вопрос сменяется на 2 кнопки "Смотреть в очках" "Смотреть на телефоне"
При нажатии открывается экран просмотра
При нажатии на "Посмотрю позже" открывается предидущий экран
Кнопка "Локации" Иконка + надпись
При нажатии предлагает открыть навигатор на выбор установленные в телефоне, и крестик закрыть
Кнопка закрыть
Открывает предидущий экран
Шестой экран
Экран просмотра на телефоне
Отображает анимацию о том, что нужно повернуть телефон горизонтально для просмотра
После поворота видео запускается
При нажатии на экран высвечивается в углу крестик который выходит из видео на экран завершенного видео, и кнопка для паузы и линия перемотки
При нажатии на паузу вместо кнопки пауза соответсвенно появляется кнопка плей чтобы продолжить просмотр
Линия перемотки соответсвнно перематвывает видео на нужный фрагмент
Седьмой экран
Экран просмотра в очках
Проверяет подключен ли внешние очки виртуальной реальности такие как например Oculus Quest, если подключены то сразу запускает видео под стандарт этих очков
Если не подключены Отображает анимацию о том, что нужно повернуть телефон горизонтально и поместить телефон в специальные очки 360 для просмотра
После поворота запускает видео разделенное на 2 части
При нажатии любой клавиши на экране появляется 2 кнопки крестик выйти на которую нужно навести точку и нажать подтверждающую кнопку на очках
После выхода открывается обычное отображение экрана завершенного видео
И кнопка паузы на которую нужно навести точку и нажать подтверждающую кнопку на очках. При нажатии на паузу вместо кнопки пауза соответсвенно появляется кнопка плей чтобы продолжить просмотр
Восьмой экран
Экран запуска видео уже скачанных видео
Тоже самое что на 5 экране, не отображается только Кнопка "Смотреть онлайн"
Девятый экран
Завершенное видео
Кнопка "Повторить" Иконка + надпись
Запускает видео сначала
Кнопка "Назад" Иконка + надпись
Открывает экран превью категории с которой было запущено видео
-----------------------------------------------------------------------------------------------------------------------------------------
Часть админки
Нужно сделать админку веб версию с интуитивно понятным интерфейсом для управления контентом в приложении
При открытии ссылки админки открывается экран авторизации
Логин
Пароль
2-FA
Кнопка "Вход"
Логин и пароль задается строго через БД
2-FA генерирует код подтверждения и отправляет на почту, которая задается в БД
При входе встречает 2 вкладки
Категорий и Видео
Добавление категорий
Отдельная вкладка
в которой список всех имеющиеся категорий
Напротив каждой категории есть кнопка удалить
При нажатии на удалить появляется всплывающее окно с подтверждением
Удалить категорию?
Да Нет
При нажатии да, категория удаляется из админки и приложения
При нажатии нет показывается список всех имеющиеся категорий
Напротив каждой категории есть кнопка Редактировать категорию
При нажатии открывает окно редактирования и создания категории с имеющиеся данными
Под списком всех категорий кнопка добавить категорию
При нажатии открывается всплывающее окно создания и редактирования категорий
Всплывающее окно редактирования и создания категории
В нем 2 обязательных поля для названий для разных языков соответсвенно приложение выбирает какое отображать в зависимости от установленного на телефоне языка как указано выше в описании приложения
Можно менять название
Кнопка сохранить
После сохранения создается категория которая отображается в списке категорий, в сортировке на вкладке видео в админке и в приложении
Вкладка видео
Слева сортировка по категориям
Нажав на категорию отображается список видео которые назначены в данную категорию
Есть категория "Все видео", которая показывает все видео даже которые не назначены ни в какую категорию (По умолчанию)
остальное пространство занимает список видео
В списке видео
Превью
Название
Категория в которую назначено видео
Кнпока "Удалить"
При нажатии на удалить появляется всплывающее окно с подтверждением
Удалить видео?
Да Нет
При нажатии да, видео удаляется из админки и приложения
При нажатии нет показывается список всех имеющиеся видео
Кнпока "Редактировать"
При нажатии открывается всплывающее окно редактирования и создания видео
Всплывающее окно редактирования и создания видео
Кнопка закрыть которая закрывает всплывающее окно
Все поля обязательны для заполнения
Поле для добавления видео
В виде прямоугольной кнопки с надписью добавить видео и +
При нажатии открывает окно поиска видео на компьютере
При выборе загружает видео на сервер
2 Поля добавление превью на странице категории для разных языков как описано в приложении
В виде прямоугольной кнопки с надписью добавить видео и +
При нажатии открывает окно поиска изображения на компьютере
При выборе загружает изображение на сервер
2 Поля добавление превью на странице запуска видео для разных языков как описано в приложении
В виде прямоугольной кнопки с надписью добавить видео и +
При нажатии открывает окно поиска изображения на компьютере
При выборе загружает изображение на сервер
2 поля ввода названия для разных языков как описано в приложении
2 поля ввода описания максимум 350 символов для разных языков как описано в приложении
Поле назначение категории, в виде списка категорий с полем check напротив каждой
Отметив нужные категории превью видео будет отображаться в приложении в данных категориях
Сняв отметку с категории превью видео будет убрано в приложении и админке в данных категориях
Поле дата загрузки видео генерируется автоматически в момент сохранения видео(Не редактируется вручную)
Кнопка сохранить которая сохраняет изменения и закрывает окно
------------------------------------------------------------------------------------------------------------------------------------------
Сервер
Разработать серверную часть и базу данных которая взаимодействует с приложениями и к которой подключается веб версия админки и все установить на сервер.
------------------------------------------------------------------------------------------------------------------------------------------
Опубликовать эти приложения в AppStore и GooglePlay на нашем аккаунте
-------------------------------------------------------------------------------------------------------------------------------------------
Рассчитать и дать параметры по требованиям к аренде/покупке сервера
--------------------------------------------------------------------------------------------------------------------------------------------
Дизайн наш(уже готов) ✅
--------------------------------------------------------------------------------------------------------------------------------------------
Я расписал максимально детально, напишите точную стоимость и сроки.
Не пишите комментарии, только Ваши реальные предложения, Спасибо
