Приложение для android из сайта на vue.js (просмотр видео с камер)

1 руб. за проект
16 октября 2021, 18:13 • 5 откликов • 38 просмотров
Добрый день. Тема: кворк "Конвертирую Ваш сайт в прогрессивное Android приложение".



Делаем сайт (фронтэнд для просмотра видео с камер видеонаблюдения), на vue.js



c.signum.video



admin@signum.video 0056



Нужно сделать из него приложение, лучше на андроид студио (чтобы убрать кнопку плей при воспроизведении, подробнее далее).



Вот некоторые пожелания:



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



Вот ссылка на дизайн приложения в фигме: https://www.figma.com/file/JmveTvpkAKJNa2ECMjF87d/Signum.Video?node-id=0%3A1



\Дизайн сайта сейчас отличается, но, надеюсь, это временно.



2. Иконка приложения на темном фоне и так, чтобы вся поместилась.



3. Кнопка Плей на весь экран перед воспроизведением видео. Мы немного погуглили и нашли несколько решений. Эта проблема не только у нас. При создании вебвью, нужно добавить немного кода. Если нужно дадим ссылки.



4. Кнопка для скачивания выбранной видеозаписи - нужно разрешение на сохранение в память моб. устройств.



5. Когда нет интернета, на темном фоне видим "Ваше устройство не подключено к интернету.



6. Кнопка "Назад" не должна работать как в браузере - по истории, а нужно чтобы:



- если мы на странице, на которой видим список камер, чтобы закрыть приложение, нужно двойное нажатию по кнопке "назад";



- если мы на странице просмотра видео, нажимая "назад" попадаем на страницу со списком камер.



7. Полоса сверху (где часы, заряд батареи, уровень сигнала и пр.) - сделать в тон с фоном страницы, и, если это возможно, нижнюю панель навигации тоже.



Если нажать внизу на "настройки", а затем на " камеры", можно увидеть список камер. Пока так.