Browse Source
- m_render WA_TransparentForMouseEvents — события мыши напрямую в окно (drag работает) - открытие: видео влезает — натуральный размер по центру; больше экрана — fullscreen - resize мышью за 4 края и 4 угла, пропорции сохраняются (якорь = противоположный край) - нижний край доступен через eventFilter на панели контролов (пустые поля пропагируют) - сброс fullscreen при повторном playFilev2
evgeny
3 weeks ago
7 changed files with 513 additions and 17 deletions
@ -0,0 +1,234 @@ |
|||||||
|
package com.utun.chat.ui.screens |
||||||
|
|
||||||
|
import android.graphics.SurfaceTexture |
||||||
|
import android.media.MediaPlayer |
||||||
|
import android.view.Surface |
||||||
|
import android.view.TextureView |
||||||
|
import androidx.compose.foundation.background |
||||||
|
import androidx.compose.foundation.clickable |
||||||
|
import androidx.compose.foundation.interaction.MutableInteractionSource |
||||||
|
import androidx.compose.foundation.layout.* |
||||||
|
import androidx.compose.material.icons.Icons |
||||||
|
import androidx.compose.material.icons.filled.Close |
||||||
|
import androidx.compose.material.icons.filled.Pause |
||||||
|
import androidx.compose.material.icons.filled.PlayArrow |
||||||
|
import androidx.compose.material3.Icon |
||||||
|
import androidx.compose.material3.IconButton |
||||||
|
import androidx.compose.material3.MaterialTheme |
||||||
|
import androidx.compose.material3.Slider |
||||||
|
import androidx.compose.material3.SliderDefaults |
||||||
|
import androidx.compose.material3.Text |
||||||
|
import androidx.compose.runtime.* |
||||||
|
import androidx.compose.ui.Alignment |
||||||
|
import androidx.compose.ui.Modifier |
||||||
|
import androidx.compose.ui.graphics.Color |
||||||
|
import androidx.compose.ui.unit.dp |
||||||
|
import androidx.compose.ui.unit.sp |
||||||
|
import androidx.compose.ui.viewinterop.AndroidView |
||||||
|
import com.utun.chat.data.LogManager |
||||||
|
import kotlinx.coroutines.delay |
||||||
|
import kotlinx.coroutines.isActive |
||||||
|
|
||||||
|
@Composable |
||||||
|
fun VideoPlayerScreen(filePath: String, onClose: () -> Unit) { |
||||||
|
val player = remember(filePath) { MediaPlayer() } |
||||||
|
val surfaceReady = remember { mutableStateOf(false) } |
||||||
|
val prepared = remember { mutableStateOf(false) } |
||||||
|
|
||||||
|
var error by remember { mutableStateOf<String?>(null) } |
||||||
|
var isPlaying by remember { mutableStateOf(false) } |
||||||
|
var durationMs by remember { mutableStateOf(0) } |
||||||
|
var positionMs by remember { mutableStateOf(0) } |
||||||
|
var controlsVisible by remember { mutableStateOf(true) } |
||||||
|
var dragging by remember { mutableStateOf(false) } |
||||||
|
var dragPosition by remember { mutableStateOf(0) } |
||||||
|
|
||||||
|
/* ── MediaPlayer lifecycle ── */ |
||||||
|
DisposableEffect(filePath) { |
||||||
|
player.setOnPreparedListener { mp -> |
||||||
|
durationMs = mp.duration |
||||||
|
prepared.value = true |
||||||
|
if (surfaceReady.value) { |
||||||
|
mp.start() |
||||||
|
isPlaying = true |
||||||
|
} |
||||||
|
} |
||||||
|
player.setOnCompletionListener { |
||||||
|
isPlaying = false |
||||||
|
positionMs = 0 |
||||||
|
try { it.seekTo(0) } catch (_: Exception) {} |
||||||
|
} |
||||||
|
player.setOnErrorListener { _, what, extra -> |
||||||
|
LogManager.addLog("ERROR", "VideoPlayer", "MediaPlayer error what=$what extra=$extra file=$filePath") |
||||||
|
error = "Ошибка воспроизведения видео" |
||||||
|
true |
||||||
|
} |
||||||
|
try { |
||||||
|
player.setDataSource(filePath) |
||||||
|
player.prepareAsync() |
||||||
|
} catch (e: Exception) { |
||||||
|
LogManager.addLog("ERROR", "VideoPlayer", "setDataSource/prepare failed: ${e.message}") |
||||||
|
error = "Не удалось открыть видео" |
||||||
|
} |
||||||
|
|
||||||
|
onDispose { |
||||||
|
try { player.stop() } catch (_: Exception) {} |
||||||
|
player.release() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* ── position polling ── */ |
||||||
|
LaunchedEffect(isPlaying) { |
||||||
|
while (isPlaying && isActive) { |
||||||
|
positionMs = try { player.currentPosition } catch (_: Exception) { 0 } |
||||||
|
delay(300) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* ── controls auto-hide ── */ |
||||||
|
LaunchedEffect(controlsVisible, isPlaying) { |
||||||
|
if (controlsVisible && isPlaying) { |
||||||
|
delay(3000) |
||||||
|
controlsVisible = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
fun togglePlay() { |
||||||
|
if (error != null) return |
||||||
|
if (isPlaying) { |
||||||
|
try { player.pause() } catch (_: Exception) {} |
||||||
|
isPlaying = false |
||||||
|
} else { |
||||||
|
if (durationMs > 0 && positionMs >= durationMs - 50) { |
||||||
|
try { player.seekTo(0) } catch (_: Exception) {} |
||||||
|
positionMs = 0 |
||||||
|
} |
||||||
|
try { player.start() } catch (_: Exception) {} |
||||||
|
isPlaying = true |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Box( |
||||||
|
modifier = Modifier.fillMaxSize().background(Color.Black) |
||||||
|
) { |
||||||
|
AndroidView( |
||||||
|
factory = { ctx -> |
||||||
|
TextureView(ctx).apply { |
||||||
|
surfaceTextureListener = object : TextureView.SurfaceTextureListener { |
||||||
|
override fun onSurfaceTextureAvailable(surface: SurfaceTexture, width: Int, height: Int) { |
||||||
|
player.setSurface(Surface(surface)) |
||||||
|
surfaceReady.value = true |
||||||
|
if (prepared.value && !isPlaying) { |
||||||
|
try { player.start() } catch (_: Exception) {} |
||||||
|
isPlaying = true |
||||||
|
} |
||||||
|
} |
||||||
|
override fun onSurfaceTextureSizeChanged(surface: SurfaceTexture, width: Int, height: Int) {} |
||||||
|
override fun onSurfaceTextureDestroyed(surface: SurfaceTexture): Boolean { |
||||||
|
player.setSurface(null) |
||||||
|
surfaceReady.value = false |
||||||
|
return true |
||||||
|
} |
||||||
|
override fun onSurfaceTextureUpdated(surface: SurfaceTexture) {} |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
modifier = Modifier.fillMaxSize() |
||||||
|
) |
||||||
|
|
||||||
|
if (error != null) { |
||||||
|
Box( |
||||||
|
modifier = Modifier.fillMaxSize(), |
||||||
|
contentAlignment = Alignment.Center |
||||||
|
) { |
||||||
|
Text(error!!, color = Color.White, fontSize = 16.sp) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* tap surface toggles controls */ |
||||||
|
if (error == null) { |
||||||
|
Box( |
||||||
|
modifier = Modifier.fillMaxSize() |
||||||
|
.clickable( |
||||||
|
interactionSource = remember { MutableInteractionSource() }, |
||||||
|
indication = null |
||||||
|
) { controlsVisible = !controlsVisible } |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
if (controlsVisible) { |
||||||
|
/* top bar: close */ |
||||||
|
Row( |
||||||
|
modifier = Modifier.fillMaxWidth() |
||||||
|
.background(Color(0xAA000000)) |
||||||
|
.statusBarsPadding() |
||||||
|
.padding(horizontal = 4.dp), |
||||||
|
verticalAlignment = Alignment.CenterVertically |
||||||
|
) { |
||||||
|
IconButton(onClick = onClose) { |
||||||
|
Icon(Icons.Filled.Close, "Закрыть", tint = Color.White) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* center: play/pause */ |
||||||
|
Box( |
||||||
|
modifier = Modifier.fillMaxSize(), |
||||||
|
contentAlignment = Alignment.Center |
||||||
|
) { |
||||||
|
if (error == null) { |
||||||
|
IconButton( |
||||||
|
onClick = { togglePlay() }, |
||||||
|
modifier = Modifier.size(72.dp).background(Color(0x66000000), MaterialTheme.shapes.extraLarge) |
||||||
|
) { |
||||||
|
Icon( |
||||||
|
if (isPlaying) Icons.Filled.Pause else Icons.Filled.PlayArrow, |
||||||
|
contentDescription = if (isPlaying) "Пауза" else "Плей", |
||||||
|
tint = Color.White, |
||||||
|
modifier = Modifier.size(48.dp) |
||||||
|
) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* bottom bar: seek + time */ |
||||||
|
Row( |
||||||
|
modifier = Modifier.fillMaxWidth().align(Alignment.BottomCenter) |
||||||
|
.background(Color(0xAA000000)) |
||||||
|
.navigationBarsPadding() |
||||||
|
.padding(horizontal = 8.dp, vertical = 4.dp), |
||||||
|
verticalAlignment = Alignment.CenterVertically |
||||||
|
) { |
||||||
|
Text( |
||||||
|
formatDurationMs(if (dragging) dragPosition else positionMs), |
||||||
|
color = Color.White, fontSize = 12.sp |
||||||
|
) |
||||||
|
Slider( |
||||||
|
value = (if (dragging) dragPosition else positionMs).toFloat(), |
||||||
|
onValueChange = { v -> |
||||||
|
dragging = true |
||||||
|
dragPosition = v.toInt().coerceIn(0, durationMs.coerceAtLeast(0)) |
||||||
|
}, |
||||||
|
onValueChangeFinished = { |
||||||
|
val target = dragPosition |
||||||
|
try { player.seekTo(target) } catch (_: Exception) {} |
||||||
|
positionMs = target |
||||||
|
dragging = false |
||||||
|
}, |
||||||
|
valueRange = 0f..durationMs.coerceAtLeast(1).toFloat(), |
||||||
|
modifier = Modifier.weight(1f).padding(horizontal = 8.dp), |
||||||
|
colors = SliderDefaults.colors( |
||||||
|
thumbColor = Color.White, |
||||||
|
activeTrackColor = Color.White, |
||||||
|
inactiveTrackColor = Color.White.copy(alpha = 0.4f) |
||||||
|
) |
||||||
|
) |
||||||
|
Text(formatDurationMs(durationMs), color = Color.White, fontSize = 12.sp) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
private fun formatDurationMs(ms: Int): String { |
||||||
|
val secs = (ms.coerceAtLeast(0)) / 1000 |
||||||
|
return "%d:%02d".format(secs / 60, secs % 60) |
||||||
|
} |
||||||
Loading…
Reference in new issue