mirror of
https://github.com/immich-app/immich.git
synced 2025-10-31 02:27:08 -04:00
97dc7660b4
* Implementing video upload features * setup image resize processor * Add video thumbnail with duration and icon * Fixed issue with video upload timeout and upper case file type on ios * Added video player page * Added video player page * Fixing video player not play on ios * Added partial file streaming for ios/android video request * Added nginx as proxy server for better file serving * update nginx and docker-compose file * Video player working correctly * Video player working correctly * Split duration to the second
69 lines
2.5 KiB
Dart
69 lines
2.5 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hive_flutter/hive_flutter.dart';
|
|
import 'package:immich_mobile/constants/hive_box.dart';
|
|
import 'package:immich_mobile/shared/models/immich_asset.model.dart';
|
|
import 'package:immich_mobile/routing/router.dart';
|
|
|
|
class ThumbnailImage extends HookWidget {
|
|
final ImmichAsset asset;
|
|
|
|
const ThumbnailImage({Key? key, required this.asset}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final cacheKey = useState(1);
|
|
|
|
var box = Hive.box(userInfoBox);
|
|
var thumbnailRequestUrl =
|
|
'${box.get(serverEndpointKey)}/asset/file?aid=${asset.deviceAssetId}&did=${asset.deviceId}&isThumb=true';
|
|
return GestureDetector(
|
|
onTap: () {
|
|
if (asset.type == 'IMAGE') {
|
|
AutoRouter.of(context).push(
|
|
ImageViewerRoute(
|
|
imageUrl:
|
|
'${box.get(serverEndpointKey)}/asset/file?aid=${asset.deviceAssetId}&did=${asset.deviceId}&isThumb=false',
|
|
heroTag: asset.id,
|
|
thumbnailUrl: thumbnailRequestUrl,
|
|
),
|
|
);
|
|
} else {
|
|
debugPrint("Navigate to video player");
|
|
|
|
AutoRouter.of(context).push(
|
|
VideoViewerRoute(
|
|
videoUrl: '${box.get(serverEndpointKey)}/asset/file?aid=${asset.deviceAssetId}&did=${asset.deviceId}',
|
|
),
|
|
);
|
|
}
|
|
},
|
|
onLongPress: () {},
|
|
child: Hero(
|
|
tag: asset.id,
|
|
child: CachedNetworkImage(
|
|
cacheKey: "${asset.id}-${cacheKey.value}",
|
|
width: 300,
|
|
height: 300,
|
|
memCacheHeight: asset.type == 'IMAGE' ? 250 : 400,
|
|
fit: BoxFit.cover,
|
|
imageUrl: thumbnailRequestUrl,
|
|
httpHeaders: {"Authorization": "Bearer ${box.get(accessTokenKey)}"},
|
|
fadeInDuration: const Duration(milliseconds: 250),
|
|
progressIndicatorBuilder: (context, url, downloadProgress) => Transform.scale(
|
|
scale: 0.2,
|
|
child: CircularProgressIndicator(value: downloadProgress.progress),
|
|
),
|
|
errorWidget: (context, url, error) {
|
|
debugPrint("Error Loading Thumbnail Widget $error");
|
|
cacheKey.value += 1;
|
|
return const Icon(Icons.error);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|