#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
🤖История написания приложения Lissen (17м) - красивый плеер для аудиокниг с Audiobookshelf.
Исходный код не доступен, но автор осветил архитектуру приложения, модуляризацию, публикацию, решение проблем, локализацию
🛒 Скачать приложение из Google Play
🐱Исходники на GitHub
#opensource#media3#пример
🤖Рассказали про возможности для работы со съемкой видео с помощью CameraX и редактированием видео через Jetpack Media3. Уже вполне можно накладывать эффекты и править видео
#android#jetpack#media3#camerax
🚀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
🚀Пример Jetpack Media 3 Transformer API для создания приложения с обрезкой видео (EN,3м)
Разработчик решил реализовать простую затею - обрезать видео на основе выбранного отрезка текста из расшифровки дорожки. Использовал Jetpack Media3 и EventLabs API. ПО итогу вышло приложение 🐱QuickTrim
🔗 Альтернативная ссылка тут
#android#androidjetpack#media3#opensource#пример