[feat] Complete video caching system
This commit is contained in:
@@ -40,14 +40,12 @@ import com.acitelight.aether.model.Comic
|
||||
import com.acitelight.aether.viewModel.ComicGridViewModel
|
||||
|
||||
@Composable
|
||||
fun ComicGridView(comicId: String, navController: NavHostController, comicGridViewModel: ComicGridViewModel = viewModel()) {
|
||||
comicGridViewModel.SetupClient()
|
||||
fun ComicGridView(comicId: String, navController: NavHostController, comicGridViewModel: ComicGridViewModel = hiltViewModel<ComicGridViewModel>()) {
|
||||
comicGridViewModel.resolve(comicId.hexToString())
|
||||
comicGridViewModel.updateProcess(comicId.hexToString()){}
|
||||
ToggleFullScreen(false)
|
||||
val colorScheme = MaterialTheme.colorScheme
|
||||
|
||||
val context = LocalContext.current
|
||||
val comic by comicGridViewModel.comic
|
||||
val record by comicGridViewModel.record
|
||||
|
||||
|
||||
@@ -138,7 +138,6 @@ fun ComicScreen(
|
||||
navController: NavHostController,
|
||||
comicScreenViewModel: ComicScreenViewModel = hiltViewModel<ComicScreenViewModel>()
|
||||
) {
|
||||
comicScreenViewModel.SetupClient()
|
||||
val included = comicScreenViewModel.included
|
||||
val state = rememberLazyGridState()
|
||||
val colorScheme = MaterialTheme.colorScheme
|
||||
|
||||
@@ -1,13 +1,18 @@
|
||||
package com.acitelight.aether.view
|
||||
|
||||
import androidx.compose.foundation.background
|
||||
import androidx.compose.foundation.clickable
|
||||
import androidx.compose.foundation.layout.Arrangement
|
||||
import androidx.compose.foundation.layout.Box
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.Row
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.foundation.layout.heightIn
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.filled.Pause
|
||||
import androidx.compose.material.icons.filled.Stop
|
||||
@@ -32,31 +37,48 @@ import androidx.compose.runtime.snapshots.SnapshotStateList
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.Color
|
||||
import androidx.compose.ui.layout.ContentScale
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.text.font.FontWeight
|
||||
import androidx.compose.ui.unit.dp
|
||||
import androidx.compose.ui.unit.sp
|
||||
import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
|
||||
import androidx.lifecycle.viewModelScope
|
||||
import androidx.navigation.NavHostController
|
||||
import androidx.navigation.Navigator
|
||||
import coil3.compose.AsyncImage
|
||||
import coil3.request.ImageRequest
|
||||
import com.acitelight.aether.Global.updateRelate
|
||||
import com.acitelight.aether.model.DownloadItemState
|
||||
import com.acitelight.aether.model.Video
|
||||
import com.acitelight.aether.viewModel.TransmissionScreenViewModel
|
||||
import com.tonyodev.fetch2.Download
|
||||
import com.tonyodev.fetch2.FetchListener
|
||||
import com.tonyodev.fetch2.Status
|
||||
import com.tonyodev.fetch2core.DownloadBlock
|
||||
import kotlinx.coroutines.Dispatchers
|
||||
import kotlinx.coroutines.launch
|
||||
import kotlinx.coroutines.withContext
|
||||
import kotlinx.serialization.json.Json
|
||||
import java.io.File
|
||||
|
||||
@Composable
|
||||
fun TransmissionScreen(transmissionScreenViewModel: TransmissionScreenViewModel = hiltViewModel<TransmissionScreenViewModel>())
|
||||
{
|
||||
fun TransmissionScreen(navigator: NavHostController, transmissionScreenViewModel: TransmissionScreenViewModel = hiltViewModel<TransmissionScreenViewModel>()) {
|
||||
val downloads = transmissionScreenViewModel.downloads
|
||||
|
||||
Surface(modifier = Modifier.fillMaxWidth()) {
|
||||
LazyColumn(modifier = Modifier.fillMaxWidth(), verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
items(downloads, key = { it.id }) { item ->
|
||||
DownloadCard(
|
||||
model = item,
|
||||
onPause = { transmissionScreenViewModel.pause(item.id) },
|
||||
onResume = { transmissionScreenViewModel.resume(item.id) },
|
||||
onCancel = { transmissionScreenViewModel.cancel(item.id) },
|
||||
onDelete = { transmissionScreenViewModel.delete(item.id, true) }
|
||||
)
|
||||
}
|
||||
LazyColumn(
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
verticalArrangement = Arrangement.spacedBy(8.dp)
|
||||
) {
|
||||
items(downloads, key = { it.id }) { item ->
|
||||
DownloadCard(
|
||||
navigator = navigator,
|
||||
viewModel = transmissionScreenViewModel,
|
||||
model = item,
|
||||
onPause = { transmissionScreenViewModel.pause(item.id) },
|
||||
onResume = { transmissionScreenViewModel.resume(item.id) },
|
||||
onCancel = { transmissionScreenViewModel.cancel(item.id) },
|
||||
onDelete = { transmissionScreenViewModel.delete(item.id, true) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -64,6 +86,8 @@ fun TransmissionScreen(transmissionScreenViewModel: TransmissionScreenViewModel
|
||||
|
||||
@Composable
|
||||
private fun DownloadCard(
|
||||
navigator: NavHostController,
|
||||
viewModel: TransmissionScreenViewModel,
|
||||
model: DownloadItemState,
|
||||
onPause: () -> Unit,
|
||||
onResume: () -> Unit,
|
||||
@@ -71,33 +95,109 @@ private fun DownloadCard(
|
||||
onDelete: () -> Unit
|
||||
) {
|
||||
Card(
|
||||
shape = RoundedCornerShape(8.dp),
|
||||
elevation = CardDefaults.cardElevation(4.dp),
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(8.dp).background(Color.Transparent)
|
||||
.padding(8.dp)
|
||||
.background(Color.Transparent)
|
||||
.clickable(onClick = {
|
||||
if(model.status == Status.COMPLETED)
|
||||
{
|
||||
viewModel.viewModelScope.launch(Dispatchers.IO)
|
||||
{
|
||||
val downloaded = viewModel.fetchManager.getAllDownloadsAsync().filter {
|
||||
it.status == Status.COMPLETED && it.extras.getString("isComic", "") != "true"
|
||||
}
|
||||
|
||||
val jsonQuery = downloaded.map{ File(
|
||||
viewModel.context.getExternalFilesDir(null),
|
||||
"videos/${it.extras.getString("class", "")}/${it.extras.getString("id", "")}/summary.json").readText() }
|
||||
.map { Json.decodeFromString<Video>(it).toLocal(viewModel.context.getExternalFilesDir(null)!!.path) }
|
||||
|
||||
updateRelate(
|
||||
jsonQuery, jsonQuery.first { it.id == model.vid && it.klass == model.klass }
|
||||
)
|
||||
val route = "video_player_route/${"${model.klass}/${model.vid}".toHex()}"
|
||||
withContext(Dispatchers.Main){
|
||||
navigator.navigate(route)
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
) {
|
||||
Column(modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(12.dp)
|
||||
Column(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(12.dp)
|
||||
) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, modifier = Modifier.fillMaxWidth()) {
|
||||
Row(
|
||||
verticalAlignment = Alignment.CenterVertically,
|
||||
modifier = Modifier.fillMaxWidth()
|
||||
) {
|
||||
Column(modifier = Modifier.weight(1f)) {
|
||||
Text(text = model.fileName, style = MaterialTheme.typography.titleMedium)
|
||||
}
|
||||
|
||||
// progress percentage
|
||||
Text(text = "${model.progress}%", modifier = Modifier.padding(start = 8.dp))
|
||||
}
|
||||
|
||||
Box(Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(top = 5.dp))
|
||||
{
|
||||
Card(
|
||||
shape = RoundedCornerShape(8.dp),
|
||||
modifier = Modifier.align(Alignment.CenterStart)
|
||||
) {
|
||||
AsyncImage(
|
||||
model = ImageRequest.Builder(LocalContext.current)
|
||||
.data(
|
||||
File(
|
||||
viewModel.context.getExternalFilesDir(null),
|
||||
"videos/${model.klass}/${model.vid}/cover.jpg"
|
||||
)
|
||||
)
|
||||
.diskCacheKey("${model.klass}/${model.vid}/cover")
|
||||
.build(),
|
||||
contentDescription = null,
|
||||
modifier = Modifier.heightIn(max = 100.dp),
|
||||
contentScale = ContentScale.Fit
|
||||
)
|
||||
}
|
||||
|
||||
Column(Modifier.align(Alignment.BottomEnd)) {
|
||||
Text(
|
||||
text = "${model.progress}%",
|
||||
modifier = Modifier
|
||||
.padding(start = 8.dp)
|
||||
.align(Alignment.End)
|
||||
)
|
||||
|
||||
Text(
|
||||
modifier = Modifier
|
||||
.padding(start = 8.dp)
|
||||
.align(Alignment.End),
|
||||
text = "%.2f MB/%.2f MB".format(
|
||||
model.downloadedBytes / (1024.0 * 1024.0),
|
||||
model.totalBytes / (1024.0 * 1024.0)
|
||||
),
|
||||
fontSize = 10.sp,
|
||||
fontWeight = FontWeight.Bold,
|
||||
maxLines = 1,
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// progress bar
|
||||
LinearProgressIndicator(
|
||||
progress = { model.progress.coerceIn(0, 100) / 100f },
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(top = 8.dp, bottom = 8.dp),
|
||||
color = ProgressIndicatorDefaults.linearColor,
|
||||
trackColor = ProgressIndicatorDefaults.linearTrackColor,
|
||||
strokeCap = ProgressIndicatorDefaults.LinearStrokeCap,
|
||||
progress = { model.progress.coerceIn(0, 100) / 100f },
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(top = 8.dp, bottom = 8.dp),
|
||||
color = ProgressIndicatorDefaults.linearColor,
|
||||
trackColor = ProgressIndicatorDefaults.linearTrackColor,
|
||||
strokeCap = ProgressIndicatorDefaults.LinearStrokeCap,
|
||||
)
|
||||
|
||||
// action buttons
|
||||
@@ -117,9 +217,13 @@ private fun DownloadCard(
|
||||
Text(text = " Cancel", modifier = Modifier.padding(start = 6.dp))
|
||||
}
|
||||
}
|
||||
|
||||
Status.PAUSED, Status.QUEUED -> {
|
||||
Button(onClick = onResume) {
|
||||
Icon(imageVector = Icons.Default.PlayArrow, contentDescription = "Resume")
|
||||
Icon(
|
||||
imageVector = Icons.Default.PlayArrow,
|
||||
contentDescription = "Resume"
|
||||
)
|
||||
Text(text = " Resume", modifier = Modifier.padding(start = 6.dp))
|
||||
}
|
||||
Button(onClick = onCancel) {
|
||||
@@ -127,16 +231,21 @@ private fun DownloadCard(
|
||||
Text(text = " Cancel", modifier = Modifier.padding(start = 6.dp))
|
||||
}
|
||||
}
|
||||
|
||||
Status.COMPLETED -> {
|
||||
Button(onClick = onDelete) {
|
||||
Icon(imageVector = Icons.Default.Delete, contentDescription = "Delete")
|
||||
Text(text = " Delete", modifier = Modifier.padding(start = 6.dp))
|
||||
}
|
||||
}
|
||||
|
||||
else -> {
|
||||
// for FAILED, CANCELLED, REMOVED etc.
|
||||
Button(onClick = onResume) {
|
||||
Icon(imageVector = Icons.Default.PlayArrow, contentDescription = "Retry")
|
||||
Icon(
|
||||
imageVector = Icons.Default.PlayArrow,
|
||||
contentDescription = "Retry"
|
||||
)
|
||||
Text(text = " Retry", modifier = Modifier.padding(start = 6.dp))
|
||||
}
|
||||
Button(onClick = onDelete) {
|
||||
|
||||
@@ -15,6 +15,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.foundation.layout.height
|
||||
import androidx.compose.foundation.layout.heightIn
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.foundation.layout.widthIn
|
||||
import androidx.compose.foundation.layout.wrapContentHeight
|
||||
import androidx.compose.foundation.lazy.grid.GridCells
|
||||
import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
|
||||
@@ -71,14 +72,15 @@ fun String.hexToString(charset: Charset = Charsets.UTF_8): String {
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun VideoScreen(videoScreenViewModel: VideoScreenViewModel = hiltViewModel<VideoScreenViewModel>(), navController: NavHostController)
|
||||
{
|
||||
fun VideoScreen(
|
||||
videoScreenViewModel: VideoScreenViewModel = hiltViewModel<VideoScreenViewModel>(),
|
||||
navController: NavHostController
|
||||
) {
|
||||
val tabIndex by videoScreenViewModel.tabIndex;
|
||||
videoScreenViewModel.SetupClient()
|
||||
|
||||
Column(
|
||||
modifier = Modifier.fillMaxSize() // 或至少 fillMaxWidth()
|
||||
){
|
||||
modifier = Modifier.fillMaxSize()
|
||||
) {
|
||||
TopRow(videoScreenViewModel);
|
||||
|
||||
LazyVerticalGrid(
|
||||
@@ -88,9 +90,11 @@ fun VideoScreen(videoScreenViewModel: VideoScreenViewModel = hiltViewModel<Video
|
||||
horizontalArrangement = Arrangement.spacedBy(8.dp)
|
||||
)
|
||||
{
|
||||
if(videoScreenViewModel.classes.isNotEmpty())
|
||||
{
|
||||
items(videoScreenViewModel.classesMap[videoScreenViewModel.classes[tabIndex]] ?: mutableStateListOf()) { video ->
|
||||
if (videoScreenViewModel.videoLibrary.classes.isNotEmpty()) {
|
||||
items(
|
||||
videoScreenViewModel.videoLibrary.classesMap[videoScreenViewModel.videoLibrary.classes[tabIndex]]
|
||||
?: mutableStateListOf()
|
||||
) { video ->
|
||||
VideoCard(video, navController, videoScreenViewModel)
|
||||
}
|
||||
}
|
||||
@@ -100,17 +104,19 @@ fun VideoScreen(videoScreenViewModel: VideoScreenViewModel = hiltViewModel<Video
|
||||
|
||||
@OptIn(ExperimentalMaterial3Api::class)
|
||||
@Composable
|
||||
fun TopRow(videoScreenViewModel: VideoScreenViewModel)
|
||||
{
|
||||
fun TopRow(videoScreenViewModel: VideoScreenViewModel) {
|
||||
val tabIndex by videoScreenViewModel.tabIndex;
|
||||
if(videoScreenViewModel.classes.isEmpty()) return
|
||||
if (videoScreenViewModel.videoLibrary.classes.isEmpty()) return
|
||||
val colorScheme = MaterialTheme.colorScheme
|
||||
|
||||
ScrollableTabRow (selectedTabIndex = tabIndex, modifier = Modifier.background(colorScheme.surface)) {
|
||||
videoScreenViewModel.classes.forEachIndexed { index, title ->
|
||||
ScrollableTabRow(
|
||||
selectedTabIndex = tabIndex,
|
||||
modifier = Modifier.background(colorScheme.surface)
|
||||
) {
|
||||
videoScreenViewModel.videoLibrary.classes.forEachIndexed { index, title ->
|
||||
Tab(
|
||||
selected = tabIndex == index,
|
||||
onClick = { videoScreenViewModel.setTabIndex(index) },
|
||||
onClick = { videoScreenViewModel.setTabIndex(index) },
|
||||
text = { Text(text = title, maxLines = 1) },
|
||||
)
|
||||
}
|
||||
@@ -118,7 +124,11 @@ fun TopRow(videoScreenViewModel: VideoScreenViewModel)
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun VideoCard(video: Video, navController: NavHostController, videoScreenViewModel: VideoScreenViewModel) {
|
||||
fun VideoCard(
|
||||
video: Video,
|
||||
navController: NavHostController,
|
||||
videoScreenViewModel: VideoScreenViewModel
|
||||
) {
|
||||
val tabIndex by videoScreenViewModel.tabIndex;
|
||||
Card(
|
||||
modifier = Modifier
|
||||
@@ -126,15 +136,22 @@ fun VideoCard(video: Video, navController: NavHostController, videoScreenViewMod
|
||||
.wrapContentHeight()
|
||||
.combinedClickable(
|
||||
onClick = {
|
||||
updateRelate(videoScreenViewModel.classesMap[videoScreenViewModel.classes[tabIndex]] ?: mutableStateListOf(), video)
|
||||
val route = "video_player_route/${ "${video.klass}/${video.id}".toHex() }"
|
||||
updateRelate(
|
||||
videoScreenViewModel.videoLibrary.classesMap[videoScreenViewModel.videoLibrary.classes[tabIndex]]
|
||||
?: mutableStateListOf(), video
|
||||
)
|
||||
val route = "video_player_route/${"${video.klass}/${video.id}".toHex()}"
|
||||
navController.navigate(route)
|
||||
},
|
||||
onLongClick = {
|
||||
videoScreenViewModel.viewModelScope.launch {
|
||||
videoScreenViewModel.download(video)
|
||||
}
|
||||
Toast.makeText(videoScreenViewModel.context, "Start downloading ${video.video.name}", Toast.LENGTH_SHORT).show()
|
||||
Toast.makeText(
|
||||
videoScreenViewModel.context,
|
||||
"Start downloading ${video.video.name}",
|
||||
Toast.LENGTH_SHORT
|
||||
).show()
|
||||
}
|
||||
),
|
||||
shape = RoundedCornerShape(6.dp),
|
||||
@@ -142,8 +159,9 @@ fun VideoCard(video: Video, navController: NavHostController, videoScreenViewMod
|
||||
Column(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
) {
|
||||
Box(modifier = Modifier.fillMaxSize()){
|
||||
) {
|
||||
Box(modifier = Modifier.fillMaxSize()) {
|
||||
|
||||
AsyncImage(
|
||||
model = ImageRequest.Builder(LocalContext.current)
|
||||
.data(video.getCover())
|
||||
@@ -158,27 +176,54 @@ fun VideoCard(video: Video, navController: NavHostController, videoScreenViewMod
|
||||
)
|
||||
|
||||
Text(
|
||||
modifier = Modifier.align(Alignment.BottomEnd).padding(2.dp),
|
||||
text = formatTime(video.video.duration), fontSize = 12.sp, fontWeight = FontWeight.Bold)
|
||||
modifier = Modifier
|
||||
.align(Alignment.BottomEnd)
|
||||
.padding(2.dp),
|
||||
text = formatTime(video.video.duration),
|
||||
fontSize = 12.sp,
|
||||
fontWeight = FontWeight.Bold
|
||||
)
|
||||
|
||||
Box(
|
||||
Modifier
|
||||
.fillMaxWidth()
|
||||
.height(24.dp)
|
||||
.background( brush = Brush.verticalGradient(
|
||||
colors = listOf(
|
||||
Color.Transparent,
|
||||
Color.Black.copy(alpha = 0.45f)
|
||||
.background(
|
||||
brush = Brush.verticalGradient(
|
||||
colors = listOf(
|
||||
Color.Transparent,
|
||||
Color.Black.copy(alpha = 0.45f)
|
||||
)
|
||||
)
|
||||
))
|
||||
.align(Alignment.BottomCenter))
|
||||
)
|
||||
.align(Alignment.BottomCenter)
|
||||
)
|
||||
|
||||
if (video.isLocal)
|
||||
Card(Modifier
|
||||
.align(Alignment.TopStart)
|
||||
.padding(5.dp)
|
||||
.widthIn(max = 46.dp)) {
|
||||
Box(Modifier.fillMaxWidth())
|
||||
{
|
||||
Text(
|
||||
modifier = Modifier.align(Alignment.Center),
|
||||
text = "Local",
|
||||
fontSize = 14.sp,
|
||||
fontWeight = FontWeight.Bold
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
Text(
|
||||
text = video.video.name,
|
||||
fontSize = 14.sp,
|
||||
fontWeight = FontWeight.Bold,
|
||||
maxLines = 2,
|
||||
modifier = Modifier.padding(8.dp).background(Color.Transparent).heightIn(24.dp)
|
||||
modifier = Modifier
|
||||
.padding(8.dp)
|
||||
.background(Color.Transparent)
|
||||
.heightIn(24.dp)
|
||||
)
|
||||
Spacer(modifier = Modifier.weight(1f))
|
||||
Row(
|
||||
|
||||
Reference in New Issue
Block a user