Исправить проблемы с аудио в iOS Safari в React Video Player (HLS/ReactPlayer). Nextjs/typescript
4000 UAH
Обзор проекта
Проблема
- ❌ Утечки памяти аудио на iOS Safari
- ❌ Непостоянное воспроизведение аудио
- ❌ Ухудшение производительности после нескольких переключений видео
- ❌ Неправильное освобождение ресурсов аудиодорожками
Технический стек
- Frontend: Next.js 14, React 18, TypeScript
- Видео плеер: ReactPlayer с HLS.js
- Управление состоянием: Zustand
- Стилизация: Tailwind CSS
- Формат видео: HLS-потоки (.m3u8)
-
1 день4000 UAH
3555 51 2 1 день4000 UAH
Добрый день!
Я обратил внимание на описание проблем с видеоплеером в вашем проекте — в частности, на утечки памяти и нестабильное поведение на iOS Safari при использовании ReactPlayer с HLS.js.
Важно отметить, что iOS Safari имеет встроенную поддержку HLS и не поддерживает MediaSource Extensions (MSE) в полном объеме, которые являются критически необходимыми для работы HLS.js. Из-за этого:
1) HLS.js не должен использоваться в iOS Safari — это не только неэффективно, но и может приводить к утечкам памяти и сбоям.
2) ReactPlayer, который автоматически подключает HLS.js для HLS-потоков, не учитывает особенности iOS Safari, что и вызывает описанные вами проблемы.
Я могу предложить вам следующее решение:
1) Использование кастомного видеоплеера, который условно определяет iOS Safari и воспроизводит HLS напрямую через , без HLS.js.
2) Для всех остальных платформ — подключение HLS.js только там, где это действительно необходимо.
3) Корректное очищение медиа-ресурсов (pause, removeAttribute('src'), load, destroy) для предотвращения утечек при переключении потоков.
… Если интересно — я могу оперативно внедрить прототип такого плеера или переписать существующий компонент под эту логику. Готов обсудить детали проекта, стек и задачи.
Актуальные фриланс-проекты в категории Javascript и Typescript
Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D BeyondЭто расширение Chrome Manifest V3, которое локализует сайт D&D Beyond на украинский язык. Проект написан на TypeScript + WXT. Расширение работает через контентный скрипт: находит английский текст на страницах D&D Beyond и заменяет его украинским переводом. Проблема возникла на… HTML и CSS верстка, Javascript и Typescript ∙ 16 часов 12 минут назад ∙ 35 ставок |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 1 день 1 час назад ∙ 93 ставки |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 1 день 6 часов назад ∙ 18 ставок |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 2 дня 2 часа назад ∙ 29 ставок |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 3 дня 6 часов назад ∙ 18 ставок |
Одесса