Розробка компоненту 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 як плеєр для відео.Можливо, хтось раніше мав досвід розробки подібних компонентів.Напишіть терміни, ціни, питання.
Актуальні фриланс-проєкти в категорії Веб-програмування
Підтримка та розвиток сайту клінінгової компанії
919 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 56 хвилин тому ∙ 22 ставки |
Поправити CLSПотрібно поправити Cumulative Layout Shift через код PageSpeed не бачить цієї проблемиале через гугл хром видно що є зсув макету для комп версії сторінки відповіднов гугл сеарч зявилася помилка стосовно швидкості комп версії Потрібно підняти на іншому хостингу актуальну… PHP, Веб-програмування ∙ 1 година 11 хвилин тому ∙ 12 ставок |
Створити на сайті хорошоп: (багато) довідники, шаблони товарів, категорії ...
1000 UAH
Створюється новий інтернет-магазин на 10000+ товарів. Потрібно створити на сайті на платформі хорошоп: Довідники - 1200 шт Значення довідників - 20000 шт Шаблони товарів - 400 шт Категорії товарів - 400 шт Внести все сео в категорії товарів Створення не вручну, кодом.… Веб-програмування, Створення сайту під ключ ∙ 16 годин 21 хвилина тому ∙ 24 ставки |
Інтеграція GoPosПривіт, робив хтось інтеграцію GoPos з кастомним сайтом для ресторану в Польщі? Потрібна допомога, у них дуже скудна документація, є тільки swagger і той без описів https://app.gopos.io/doc/swagger-ui/index.html Суть така, використовували від них сайт для онлайн замовлень, якщо… PHP, Веб-програмування ∙ 19 годин 58 хвилин тому ∙ 21 ставка |
Розробка сучасного сайту для Театру
10 000 UAH
Шукаємо веброзробника для створення офіційного сайту сучасної культурної платформи. Проєкт об'єднує театральні, мистецькі, освітні та культурні ініціативи. Необхідно створити сучасний адаптивний сайт, який буде одночасно виконувати іміджеву функцію, презентувати події та… CMS, Веб-програмування ∙ 20 годин 34 хвилини тому ∙ 93 ставки |
Київ