Розробка компоненту lightbox для Vue 3 (typescript)
Проблеми, які потрібно враховувати:Відеоплеєр занадто великий - Video.js в режимі fill буде намагатися заповнити свій контейнер, на великих екранах це виглядає так само.На даний момент вирішили це media-query з різною шириною для контейнера відеоплеєра, але може бути більш елегантне рішення.Регулятор шуму і seek bar в video.js не працює, через mouse-drag listener для листа контенту.Зображення На мобільних зображеннях в ligthbox-е менше, ніж вони в стрічці (як стрічка займає всю ширину на мобільному телефоні, а lightbox немає).На даний момент не вирішено нічого, але, ймовірно, lightbox на мобільних телефонах повинен зайняти весь екран, і зображення повинні фіт-тіти в ньому.Малі зображення (наприклад, 100 на 100) скеляються до більшого розміру - це виглядає погано.Зробили через object-fit: scale-down, але може бути рішення краще.Що передається:Як пропси компоненту передається масив об'єктів - кожен елемент містить тип (відео/зображення) і посилання на файл:props: {
контент : {
Тип: Array as PropType,
Required: правдивий
Інтерфейси:export interface ContentInfo {
Тип: Стринг
Відео: VideoInfo
зображення: ImageInfo
експорт інтерфейсу VideoInfo
URL – це string
Орієнтація: String
термін дії: String
Постер ?• стрічка;
експорт інтерфейсу ImageInfo {
URL – це string
Подивилися на багато open-source рішень, жодна з них не робить того, що потрібно.По функції схожа на c https://vue-cool-lightbox.lucaspulliese.com/, але дуже важливо використовувати саме video.js як плеєр для відео.Можливо, хтось раніше мав досвід розробки подібних компонентів.Напишіть терміни, ціни, питання.
Актуальні фриланс-проєкти в категорії Веб-програмування
Створити на сайті хорошоп: (багато) довідники, шаблони товарів, категорії ...
1000 UAH
Створюється новий інтернет-магазин на 10000+ товарів. Потрібно створити на сайті на платформі хорошоп: Довідники - 1200 шт Значення довідників - 20000 шт Шаблони товарів - 400 шт Категорії товарів - 400 шт Внести все сео в категорії товарів Створення не вручну, кодом.… Веб-програмування, Створення сайту під ключ ∙ 11 годин 1 хвилина тому ∙ 18 ставок |
Зробити сайт на 1 сторінку 2d візуалізація live коефіцієнтівПотрібно зробити веб сайт на одну сторінку, котрий в реальному часі запрошує через API букмекерські live коефіцієнти футбольного матчу і візуалізує їх у вигляді двох 2д персонажів на футбольному полі. По візуалу референс на фото. Всі вихідники надам в особистих.Анімація:Вся… HTML та CSS верстання, Веб-програмування ∙ 11 годин 8 хвилин тому ∙ 34 ставки |
Інтеграція GoPosПривіт, робив хтось інтеграцію GoPos з кастомним сайтом для ресторану в Польщі? Потрібна допомога, у них дуже скудна документація, є тільки swagger і той без описів https://app.gopos.io/doc/swagger-ui/index.html Суть така, використовували від них сайт для онлайн замовлень, якщо… PHP, Веб-програмування ∙ 14 годин 37 хвилин тому ∙ 17 ставок |
Розробка сучасного сайту для Театру
10 000 UAH
Шукаємо веброзробника для створення офіційного сайту сучасної культурної платформи. Проєкт об'єднує театральні, мистецькі, освітні та культурні ініціативи. Необхідно створити сучасний адаптивний сайт, який буде одночасно виконувати іміджеву функцію, презентувати події та… CMS, Веб-програмування ∙ 15 годин 14 хвилин тому ∙ 74 ставки |
ИИ-агент технолога спортивного харчуванняАгент допомагає розробляти рецептури нових продуктів спортивного харчування — протеїнових батончиків, протеїнів, передтренувальних добавок, ізотоніків, батончиків тощо. Головна особливість: агент знає законодавство різних країн і автоматично враховує його при створенні… AI та машинне навчання, Веб-програмування ∙ 15 годин 32 хвилини тому ∙ 43 ставки |
Київ