Nuxt 3.0 + Electron
Технічне завдання
Frontend додаток вже повністю працює і хоститься на Cloudflare Pages
Мета:
Розробити кросплатформенний Electron-додаток на базі Nuxt.js, з:
Використання основної логіки авторизації, як на основному сайті
Можливістю запису мікрофона + системного аудіо
Завантаження запису на Amazon S3 (уже існуюча функціональність, потрібно лише перевірити, що вона працює в Electron)
Підтримкою macOS + Windows
Підготовкою до production-дистрибуції (
.dmg,.exe)
Етап 1. Обгортання Nuxt.js у Electron:
Інтеграція з уже існуючим Nuxt-додатком
Збереження API токена
Реалізувати процедуру обміну API токенами аналогічно Frontend додатку, потрібно аутентифікуватися на API сервісі
Функціональність вікна
Розмір вікна адаптивний
Мінімізація, закриття, перезапуск
Підтримка автооновлень (у майбутньому)
Етап 2. Запис аудіо (мікрофон + система)
UI
Додати кнопку
Record nowРеалізувати вибір пристроїв (якщо можливо)
Input: мікрофон (за замовчуванням аудіовхід)
Output: системний звук (loopback)
Захоплення аудіо
Використовувати:
micабоnode-record-lpcm16— для мікрофонаwasapi(Windows) абоBlackHole/Loopback(macOS) — для системного звуку
Формат запису
Зберігати бажано у
.wav
Завантаження
Після завершення запису використовувати вже існуючий метод завантаження файлів на S3 (перевірити, що працює)
Видалення локального файлу
Після успішного завантаження видалити файл
Етап 3. Упаковка та продакшн
Платформи:
macOS (Intel + ARM)
Windows (10/11)
Задачі:
Підготовка
.dmg(macOS) та.exeабо.msi(Windows)Налаштування
productName, іконок, автооновленьЗбірка за допомогою
electron-builderабо альтернативиНадання інструкцій для подальшого автоматичного збирання у Github CI/CD
Етап 4. Overlay-режим поверх активного вікна
Мета:
Додати можливість виклику overlay-режиму:
Показувати інтерфейс (agenda, підказки, action items) поверх будь-яких вікон
Викликати/приховувати overlay за гарячою клавішею
Використовувати прозоре вікно Electron з click-through (неблокуюче)
Overlay — це окрема вікно, яке відкриває кастомний маршрут у Nuxt (
/overlay)Контент підвантажується через API / WebSocket
Поведі́нка overlay
Дія | Реакція |
|---|---|
Натискання гарячої клавіші (наприклад, | З’являється overlay поверх усього |
Повторне натискання | Overlay приховується |
Overlay відображає: | дані з WebSocket / API, прив’язані до користувача та зустрічі |
Overlay має бути | завжди поверх, але не перехоплювати фокус/миш |
Актуальні фриланс-проєкти в категорії Веб-програмування
Підтримка при створенні лендінг-пейдж, магазин з підписками, збір електронних адресДоброго дня,шукаю людину для технічної підтримки при запуску веб-сайту: лендінг-пейдж з магазином та системою розсилки новин.Обсяг робіт включає:створення лендінг-пейдж / простої веб-сторінки,запуск магазину з можливістю продажу продуктів та підписки,допомога у виборі та… Веб-програмування ∙ 1 година 13 хвилин тому ∙ 26 ставок |
Створення плагіну для інтеграції з POS-системою Syrve, C#
Розробити плагін для POS-системи Syrve (on-premise), який встановлюється на сервер закладу. Плагін має: (1) передавати на наш сервер дані в режимі реального часу — замовлення, статуси столів, платежі, чеки; (2) приймати команди від Reservble — підтвердження бронювань, прив'язка… C#, Веб-програмування ∙ 2 години 8 хвилин тому ∙ 8 ставок |
Дані про витрати, кліки та кампанії з Google Ads не передаються в Google Analytics 4 (в GA4 Ads co
2000 UAH
Виправлення роутінгу URL, редиректів та відновлення передачі параметрів (GCLID / UTM) в GA4 Контекст проблеми: Дані про витрати, кліки та кампанії з Google Ads не передаються в Google Analytics 4 (в GA4 Ads cost = 0, конверсії в Google Ads = 0). Авторазмітка (Auto-tagging) в… Веб-програмування, Контекстна реклама ∙ 4 години 46 хвилин тому ∙ 11 ставок |
Розробка єдиного проекту на основі доопрацювання і обєднання 4 скріптівВітаю. Потрібно обєднати 4 скріпта різних авторів в єдине середовище. Состав - форум - відео портал - статейний портал - дошка оголошень. самі скріпти я надаю. Детальне тз в доданих файлах. Прошу продумати як за відносно невеликий кошт можно зібрати потрібний функціонал, зробит… PHP, Веб-програмування ∙ 5 годин 31 хвилина тому ∙ 18 ставок |
Не приходять заявки в ТГ ocStore (Опенкарт)Перестали приходити заявки з інтернет-магазина в Телеграм. Є 5 сайтів, які розташовані на одному хостингу, версія движка і модулів однакова, але кілька тижнів тому з усіх сайтів перестали приходити заявки в ТГ (ТГ боти і групи різні). На пошту приходять заявки. Версія ocStore… CMS, Веб-програмування ∙ 5 годин 56 хвилин тому ∙ 50 ставок |
Київ