Enables media picking (photos/videos) and video player control with support for compose functionality, including capturing photos from the camera and selecting images from the gallery.
This is a Kotlin MultiPlatform library that provides media picking in common code (photo/video) and video player controls.
root build.gradle
allprojects {
repositories {
mavenCentral()
maven { url = uri("https://jitpack.io") }
}
}
project build.gradle
dependencies {
commonMainApi("dev.icerock.moko:media:0.12.0")
// Compose Multiplatform
commonMainApi("dev.icerock.moko:media-compose:0.12.0")
commonTestImplementation("dev.icerock.moko:media-test:0.12.0")
}
class ViewModel(val mediaController: MediaPickerController) : ViewModel() {
fun onSelectPhotoPressed() {
launch {
try {
val bitmap = mediaController.pickImage(MediaControllerSource.CAMERA)
// captured photo in bitmap
} catch (_: CanceledException) {
// cancel capture
} catch (error: Throwable) {
// denied permission or file read error
}
}
}
}
android:
val viewModel = getViewModel {
val permissionsController = PermissionsController()
val mediaController = MediaPickerController(permissionsController)
ViewModel(mediaController)
}
viewModel.mediaController.bind(lifecycle, supportFragmentManager) // permissioncController bind automatically
iOS:
let permissionsController = PermissionsController()
let mediaController = MediaPickerController(permissionsController: permissionsController, viewController: self)
let viewModel = ViewModel(mediaController: mediaController)
@Composable
fun Sample() {
val factory = rememberMediaPickerControllerFactory()
val picker = remember(factory) { factory.createMediaPickerController() }
val coroutineScope = rememberCoroutineScope()
BindMediaPickerEffect(picker)
var image: ImageBitmap? by remember { mutableStateOf(null) }
image?.let {
Image(bitmap = it, contentDescription = null)
}
Button(
onClick = {
coroutineScope.launch {
result = picker.pickImage(MediaSource.GALLERY)
image = result.toImageBitmap()
}
}
) {
Text(text = )
}
}
or with moko-mvvm (with correct configuration change on android):
More examples can be found in the sample directory.
media library;All development (both new features and bug fixes) is performed in develop branch. This
way master sources always contain sources of the most recently released version. Please send PRs
with bug fixes to develop branch. Fixes to documentation in markdown files are an exception to
this rule. They are updated directly in master.
The develop branch is pushed to master during release.
More detailed guide for contributers see in contributing guide.
Copyright 2019 IceRock MAG Inc
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance the License.
You may obtain a copy of the License at
http:
Unless applicable law agreed to writing, software
distributed under the License distributed an BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express implied.
See the License the specific language governing permissions
limitations under the License.
fun Sample() {
val factory = rememberMediaPickerControllerFactory()
val viewModel: SampleViewModel = getViewModel(
key = "sample",
factory = viewModelFactory {
val picker = factory.createMediaPickerController()
SampleViewModel(picker)
}
)
BindMediaPickerEffect(viewModel.mediaPickerController)
val image: Bitmap? by viewModel.image.collectAsState()
val imageBitmap: ImageBitmap? = remember(image) { image?.toImageBitmap() }
imageBitmap?.let {
Image(bitmap = it, contentDescription = null)
}
Button(onClick = viewModel::onButtonClick) {
Text(text = "Click on me")
}
}
class SampleViewModel(
val mediaPickerController: MediaPickerController
) : ViewModel() {
private val _image: MutableStateFlow<Bitmap?> = MutableStateFlow(null)
val image: StateFlow<Bitmap?> get() = _image
fun onButtonClick() {
viewModelScope.launch {
try {
_image.value = mediaPickerController.pickImage(MediaSource.GALLERY)
} catch (exc: Exception) {
println("error $exc")
}
}
}
}
Surfaced from shared tags and platforms — no rankings paid for.