#typescript
Puck is an open-source visual editor for React that lets you build drag-and-drop interfaces using your own React components. It works smoothly with React environments like Next.js, and you keep full control of your data without vendor lock-in. Puck supports advanced layouts with CSS Grid and Flexbox, enabling flexible, design-in-browser experiences. It’s easy to start by installing the package and configuring your components. Puck is MIT licensed, so you can use it for both personal and commercial projects. This tool helps you create custom page builders or editors quickly and efficiently within your React apps.
https://github.com/puckeditor/puck
🤖Как уменьшить задержку воспроизведения видео? Решение есть в AndroidX Media3
Одна из задач при скролле контента в ленте - убрать задержку показа/воспроизведения контента, чтобы у пользователя не было ожидания или оно было минимальным (при условии стабильного интернет соединения).
Для более быстрого старта воспроизведения видео стоит использовать Preload API в ExoPlayer из Jetpack Media 3. В посте приложил демонстрацию как это реально уменьшает задержку старта воспроизведения.
🔗 Опытом адаптации PreloadManager в приложение поделились в статье
🔗 Руководство по интеграции PreloadManager в документации
* Instagram признан экстремистcкой организацией на территории Российской Федерации
#Android#AndroidDev#ExoPlayer
🤖Демонстрация (EN,5м) работы предзагрузки видео в Media3 Expoplayer 1.4.0. Показывается пример кода как это реализовать, а также впечатления от использования.
🔗Альтернативная ссылка
#android#медиа#exoplayer
🚀Media3 1.8.0 — апдейт, который стоит внедрить прямо сейчас
Google продолжает прокачивать медиа API, и в этом релизе есть фичи, которые экономят время разработки и улучшают UX.
📺ExoPlayer
👉 Плавная перемотка: новый ScrubbingMode делает скролл прогресс-бара без отрыва пальца супер-отзывчивым. Пользователь почувствует разницу.
👉Встроенная видео-реклама: нативная поддержка Ads Interstitials в стриминге — меньше костылей.
👉 Длительность видео без проигрывания:
val duration = MetadataRetriever
.Builder(context, mediaItem)
.build()
.use { it.retrieveDurationUs().await() }
👉PreCacheHelper — загрузка контента по частям для более быстрых стартов.
🎵 MediaSession
👉 Плеер в шторке не исчезает сразу после паузы — пользователю проще вернуться к просмотру.
✂️Transformer API
👉 Экспериментальная обрезка видео через MP4 edit list.
👉 Опция CodecDbLite — ускоряет кодирование, подбирая оптимальные настройки под чипсет:
Transformer.Builder()
.setEncoderFactory(
DefaultEncoderFactory.Builder()
.setEnableCodecDbLite(true)
.build()
)
.build()
💡Почему обновляться сейчас
👉 Меньше кастомного кода — больше нативных возможностей.
👉 Повышение отзывчивости плеера = выше удержание пользователей.
👉 Новые API для подготовки к интеграции рекламы и улучшенного UX.
Подробнее в анонсе или в changelog
#android#AndroidDev#Jetpack#Media3#ExoPlayer