Розробка компоненту 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 як плеєр для відео.Можливо, хтось раніше мав досвід розробки подібних компонентів.Напишіть терміни, ціни, питання.
Актуальні фриланс-проєкти в категорії Веб-програмування
Книжний інтернет магазин (доопрацювання)Тз по https://dyvenya.com/ Головна сторінка. Банери Перевірити коректність відображення банерів на комп'ютері та телефоні. Налаштувати єдине розташування кнопки на всіх банерах, вона зараз кудись з'їжджає і на мобільній версії також. 2. Блоки товарів на головній Зараз на… CMS, Веб-програмування ∙ 4 хвилини тому ∙ 5 ставок |
Створити на сайті хорошоп: (багато) довідники, шаблони товарів, категорії ...
1000 UAH
Створюється новий інтернет-магазин на 10000+ товарів. Потрібно створити на сайті на платформі хорошоп: Довідники - 1200 шт Значення довідників - 20000 шт Шаблони товарів - 400 шт Категорії товарів - 400 шт Внести все сео в категорії товарів Створення не вручну, кодом.… Веб-програмування, Створення сайту під ключ ∙ 12 годин 51 хвилина тому ∙ 21 ставка |
Зробити сайт на 1 сторінку 2d візуалізація live коефіцієнтівПотрібно зробити веб сайт на одну сторінку, котрий в реальному часі запрошує через API букмекерські live коефіцієнти футбольного матчу і візуалізує їх у вигляді двох 2д персонажів на футбольному полі. По візуалу референс на фото. Всі вихідники надам в особистих.Анімація:Вся… HTML та CSS верстання, Веб-програмування ∙ 12 годин 57 хвилин тому ∙ 38 ставок |
Інтеграція GoPosПривіт, робив хтось інтеграцію GoPos з кастомним сайтом для ресторану в Польщі? Потрібна допомога, у них дуже скудна документація, є тільки swagger і той без описів https://app.gopos.io/doc/swagger-ui/index.html Суть така, використовували від них сайт для онлайн замовлень, якщо… PHP, Веб-програмування ∙ 16 годин 27 хвилин тому ∙ 18 ставок |
Розробка сучасного сайту для Театру
10 000 UAH
Шукаємо веброзробника для створення офіційного сайту сучасної культурної платформи. Проєкт об'єднує театральні, мистецькі, освітні та культурні ініціативи. Необхідно створити сучасний адаптивний сайт, який буде одночасно виконувати іміджеву функцію, презентувати події та… CMS, Веб-програмування ∙ 17 годин 4 хвилини тому ∙ 80 ставок |
Київ