feat: add video batch upload queue
This commit is contained in:
@@ -3,4 +3,5 @@ export 'calendarcalendar/custom_calendar_range_picker_widget.dart';
|
|||||||
export 'calendarcalendar/custom_date_picker.dart';
|
export 'calendarcalendar/custom_date_picker.dart';
|
||||||
export 'upload_image/look_images_widget.dart';
|
export 'upload_image/look_images_widget.dart';
|
||||||
export 'upload_image/upload_images_tool.dart';
|
export 'upload_image/upload_images_tool.dart';
|
||||||
|
export 'upload_video/video_batch_upload.dart';
|
||||||
export 'utils/date_utils.dart';
|
export 'utils/date_utils.dart';
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
export 'video_batch_upload_config.dart';
|
||||||
|
export 'video_batch_upload_task.dart';
|
||||||
|
export 'video_batch_uploader.dart';
|
||||||
|
export 'video_batch_upload_widgets.dart';
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
class VideoBatchUploadConfig {
|
||||||
|
const VideoBatchUploadConfig._();
|
||||||
|
|
||||||
|
static const int maxAssets = 9;
|
||||||
|
static const int maxConcurrent = 2;
|
||||||
|
}
|
||||||
@@ -0,0 +1,345 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
import 'video_batch_upload_queue.dart';
|
||||||
|
import 'video_batch_upload_task.dart';
|
||||||
|
|
||||||
|
class VideoBatchUploadPanel extends StatelessWidget {
|
||||||
|
const VideoBatchUploadPanel({
|
||||||
|
super.key,
|
||||||
|
required this.queue,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VideoBatchUploadQueue queue;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (!queue.hasTasks) {
|
||||||
|
return const SizedBox.shrink();
|
||||||
|
}
|
||||||
|
return Positioned(
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
bottom: 0,
|
||||||
|
child: AnimatedSwitcher(
|
||||||
|
duration: const Duration(milliseconds: 180),
|
||||||
|
child: queue.isExpanded
|
||||||
|
? _ExpandedUploadPanel(queue: queue)
|
||||||
|
: _CollapsedUploadBar(queue: queue),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CollapsedUploadBar extends StatelessWidget {
|
||||||
|
const _CollapsedUploadBar({required this.queue});
|
||||||
|
|
||||||
|
final VideoBatchUploadQueue queue;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SafeArea(
|
||||||
|
top: false,
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: queue.toggleExpanded,
|
||||||
|
child: Container(
|
||||||
|
height: 70.h,
|
||||||
|
margin: EdgeInsets.fromLTRB(24.w, 0, 24.w, 18.h),
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 22.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.circular(18.r),
|
||||||
|
boxShadow: <BoxShadow>[
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: 0.12),
|
||||||
|
blurRadius: 18.r,
|
||||||
|
offset: Offset(0, 6.h),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
Icon(
|
||||||
|
Icons.cloud_upload_outlined,
|
||||||
|
color: const Color(0xFF46A5FF),
|
||||||
|
size: 34.sp,
|
||||||
|
),
|
||||||
|
SizedBox(width: 12.w),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
'正在上传 ${queue.finishedCount}/${queue.totalCount}',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 24.sp,
|
||||||
|
color: const Color(0xFF1F2937),
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Icon(
|
||||||
|
Icons.keyboard_arrow_up_rounded,
|
||||||
|
color: const Color(0xFF667085),
|
||||||
|
size: 34.sp,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ExpandedUploadPanel extends StatelessWidget {
|
||||||
|
const _ExpandedUploadPanel({required this.queue});
|
||||||
|
|
||||||
|
final VideoBatchUploadQueue queue;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final double bottomPadding = MediaQuery.of(context).padding.bottom;
|
||||||
|
return Container(
|
||||||
|
constraints: BoxConstraints(maxHeight: 560.h),
|
||||||
|
padding: EdgeInsets.fromLTRB(24.w, 20.h, 24.w, 18.h + bottomPadding),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.vertical(top: Radius.circular(24.r)),
|
||||||
|
boxShadow: <BoxShadow>[
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: 0.12),
|
||||||
|
blurRadius: 18.r,
|
||||||
|
offset: Offset(0, -6.h),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
'上传视频',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 30.sp,
|
||||||
|
color: const Color(0xFF111827),
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'${queue.finishedCount}/${queue.totalCount}',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 24.sp,
|
||||||
|
color: const Color(0xFF667085),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 10.w),
|
||||||
|
GestureDetector(
|
||||||
|
onTap: queue.toggleExpanded,
|
||||||
|
behavior: HitTestBehavior.opaque,
|
||||||
|
child: Icon(
|
||||||
|
Icons.keyboard_arrow_down_rounded,
|
||||||
|
color: const Color(0xFF667085),
|
||||||
|
size: 38.sp,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.h),
|
||||||
|
Flexible(
|
||||||
|
child: ListView.separated(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemCount: queue.tasks.length,
|
||||||
|
separatorBuilder: (_, __) => SizedBox(height: 12.h),
|
||||||
|
itemBuilder: (_, int index) {
|
||||||
|
final VideoBatchUploadTask task = queue.tasks[index];
|
||||||
|
return _UploadTaskCell(
|
||||||
|
task: task,
|
||||||
|
onRetry: () => queue.retryTask(task),
|
||||||
|
onRemove: () => queue.removeTask(task),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _UploadTaskCell extends StatelessWidget {
|
||||||
|
const _UploadTaskCell({
|
||||||
|
required this.task,
|
||||||
|
required this.onRetry,
|
||||||
|
required this.onRemove,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VideoBatchUploadTask task;
|
||||||
|
final VoidCallback onRetry;
|
||||||
|
final VoidCallback onRemove;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final Color statusColor = task.status == VideoBatchUploadStatus.failed
|
||||||
|
? const Color(0xFFE5484D)
|
||||||
|
: const Color(0xFF667085);
|
||||||
|
return Container(
|
||||||
|
padding: EdgeInsets.all(12.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: const Color(0xFFF7F8FA),
|
||||||
|
borderRadius: BorderRadius.circular(16.r),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(12.r),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 86.w,
|
||||||
|
height: 86.w,
|
||||||
|
child: task.thumbnail == null
|
||||||
|
? Container(
|
||||||
|
color: const Color(0xFFEDEFF3),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: Icon(
|
||||||
|
Icons.videocam_outlined,
|
||||||
|
size: 46.sp,
|
||||||
|
color: const Color(0xFF98A2B3),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Image.memory(
|
||||||
|
task.thumbnail!,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 14.w),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
task.fileName,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 24.sp,
|
||||||
|
color: const Color(0xFF1F2937),
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8.h),
|
||||||
|
Text(
|
||||||
|
_subtitle,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20.sp,
|
||||||
|
color: const Color(0xFF8D90A0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 10.h),
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(999),
|
||||||
|
child: LinearProgressIndicator(
|
||||||
|
value: task.progress.clamp(0, 1),
|
||||||
|
minHeight: 6.h,
|
||||||
|
backgroundColor: const Color(0xFFE5E7EB),
|
||||||
|
valueColor: AlwaysStoppedAnimation<Color>(
|
||||||
|
task.status == VideoBatchUploadStatus.failed
|
||||||
|
? const Color(0xFFE5484D)
|
||||||
|
: const Color(0xFF46A5FF),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 12.w),
|
||||||
|
SizedBox(
|
||||||
|
width: 96.w,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
task.status == VideoBatchUploadStatus.failed &&
|
||||||
|
task.errorMessage.isNotEmpty
|
||||||
|
? task.errorMessage
|
||||||
|
: task.status.label,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
textAlign: TextAlign.right,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20.sp,
|
||||||
|
color: statusColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 12.h),
|
||||||
|
_TaskActionButton(
|
||||||
|
task: task,
|
||||||
|
onRetry: onRetry,
|
||||||
|
onRemove: onRemove,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
String get _subtitle {
|
||||||
|
final List<String> parts = <String>[
|
||||||
|
if (task.durationText.isNotEmpty) task.durationText,
|
||||||
|
if (task.fileSizeText.isNotEmpty) task.fileSizeText,
|
||||||
|
];
|
||||||
|
return parts.isEmpty ? '本地视频' : parts.join(' · ');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _TaskActionButton extends StatelessWidget {
|
||||||
|
const _TaskActionButton({
|
||||||
|
required this.task,
|
||||||
|
required this.onRetry,
|
||||||
|
required this.onRemove,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VideoBatchUploadTask task;
|
||||||
|
final VoidCallback onRetry;
|
||||||
|
final VoidCallback onRemove;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (task.canRetry) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: onRetry,
|
||||||
|
behavior: HitTestBehavior.opaque,
|
||||||
|
child: Text(
|
||||||
|
'重试',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 22.sp,
|
||||||
|
color: const Color(0xFF46A5FF),
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (task.status == VideoBatchUploadStatus.completed) {
|
||||||
|
return Icon(
|
||||||
|
Icons.check_circle_rounded,
|
||||||
|
size: 30.sp,
|
||||||
|
color: const Color(0xFF12B76A),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: onRemove,
|
||||||
|
behavior: HitTestBehavior.opaque,
|
||||||
|
child: Icon(
|
||||||
|
task.status == VideoBatchUploadStatus.uploading
|
||||||
|
? Icons.close_rounded
|
||||||
|
: Icons.delete_outline_rounded,
|
||||||
|
size: 30.sp,
|
||||||
|
color: const Color(0xFF98A2B3),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,335 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
|
||||||
|
import 'package:dio/dio.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
import 'package:flutter_common/utils/toast_utils.dart';
|
||||||
|
|
||||||
|
import 'video_batch_upload_config.dart';
|
||||||
|
import 'video_batch_upload_service.dart';
|
||||||
|
import 'video_batch_upload_task.dart';
|
||||||
|
|
||||||
|
class VideoBatchUploadQueue {
|
||||||
|
VideoBatchUploadQueue({
|
||||||
|
required this.contextProvider,
|
||||||
|
required this.uploadTask,
|
||||||
|
required this.saveTask,
|
||||||
|
required this.onChanged,
|
||||||
|
this.onCompleted,
|
||||||
|
this.maxAssets = VideoBatchUploadConfig.maxAssets,
|
||||||
|
this.maxConcurrent = VideoBatchUploadConfig.maxConcurrent,
|
||||||
|
});
|
||||||
|
|
||||||
|
final BuildContext? Function() contextProvider;
|
||||||
|
final VideoBatchUploadUploadTask uploadTask;
|
||||||
|
final VideoBatchUploadSaveTask saveTask;
|
||||||
|
final VoidCallback onChanged;
|
||||||
|
final FutureOr<void> Function()? onCompleted;
|
||||||
|
final int maxAssets;
|
||||||
|
final int maxConcurrent;
|
||||||
|
|
||||||
|
final List<VideoBatchUploadTask> tasks = <VideoBatchUploadTask>[];
|
||||||
|
int _batchTotalCount = 0;
|
||||||
|
int _completedRemovedCount = 0;
|
||||||
|
bool isExpanded = false;
|
||||||
|
bool _isRunning = false;
|
||||||
|
bool _completionNotified = false;
|
||||||
|
bool _isDisposed = false;
|
||||||
|
|
||||||
|
bool get hasTasks => tasks.isNotEmpty;
|
||||||
|
|
||||||
|
bool get hasActiveUploads => tasks.any((VideoBatchUploadTask task) {
|
||||||
|
return task.isActive;
|
||||||
|
});
|
||||||
|
|
||||||
|
int get totalCount => _batchTotalCount > 0 ? _batchTotalCount : tasks.length;
|
||||||
|
|
||||||
|
int get completedCount => tasks
|
||||||
|
.where((VideoBatchUploadTask task) =>
|
||||||
|
task.status == VideoBatchUploadStatus.completed)
|
||||||
|
.length;
|
||||||
|
|
||||||
|
int get failedCount => tasks
|
||||||
|
.where((VideoBatchUploadTask task) =>
|
||||||
|
task.status == VideoBatchUploadStatus.failed)
|
||||||
|
.length;
|
||||||
|
|
||||||
|
int get finishedCount =>
|
||||||
|
_completedRemovedCount + completedCount + failedCount;
|
||||||
|
|
||||||
|
Future<void> pickAndStart() async {
|
||||||
|
if (hasActiveUploads) {
|
||||||
|
isExpanded = true;
|
||||||
|
_notifyChanged();
|
||||||
|
ToastUtils.showToast(msg: '视频正在上传中');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final BuildContext? context = contextProvider();
|
||||||
|
if (context == null || !context.mounted) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final List<VideoBatchUploadTask> pickedTasks =
|
||||||
|
await VideoBatchUploadPicker.pickVideos(
|
||||||
|
context,
|
||||||
|
maxAssets: maxAssets,
|
||||||
|
);
|
||||||
|
if (pickedTasks.isEmpty) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks
|
||||||
|
..clear()
|
||||||
|
..addAll(pickedTasks);
|
||||||
|
_batchTotalCount = pickedTasks.length;
|
||||||
|
_completedRemovedCount = 0;
|
||||||
|
isExpanded = true;
|
||||||
|
_completionNotified = false;
|
||||||
|
_notifyChanged();
|
||||||
|
unawaited(_runQueue());
|
||||||
|
}
|
||||||
|
|
||||||
|
void toggleExpanded() {
|
||||||
|
if (!hasTasks) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
isExpanded = !isExpanded;
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
void retryTask(VideoBatchUploadTask task) {
|
||||||
|
if (!tasks.contains(task) || !task.canRetry) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.waiting
|
||||||
|
..progress = 0
|
||||||
|
..uploadUrl = ''
|
||||||
|
..errorMessage = '';
|
||||||
|
_completionNotified = false;
|
||||||
|
isExpanded = true;
|
||||||
|
_notifyChanged();
|
||||||
|
unawaited(_runQueue());
|
||||||
|
}
|
||||||
|
|
||||||
|
void removeTask(VideoBatchUploadTask task) {
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
task.cancelToken?.cancel('removed');
|
||||||
|
tasks.remove(task);
|
||||||
|
if (tasks.isEmpty) {
|
||||||
|
isExpanded = false;
|
||||||
|
_resetBatchProgress();
|
||||||
|
}
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
void clear() {
|
||||||
|
for (final VideoBatchUploadTask task in tasks) {
|
||||||
|
task.cancelToken?.cancel('cleared');
|
||||||
|
}
|
||||||
|
tasks.clear();
|
||||||
|
isExpanded = false;
|
||||||
|
_isRunning = false;
|
||||||
|
_resetBatchProgress();
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
void cancelAll() {
|
||||||
|
for (final VideoBatchUploadTask task in tasks) {
|
||||||
|
task.cancelToken?.cancel('cancelled');
|
||||||
|
}
|
||||||
|
for (final VideoBatchUploadTask task in tasks) {
|
||||||
|
if (task.isActive) {
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.failed
|
||||||
|
..errorMessage = '已取消';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
_isRunning = false;
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
void requestExit({required VoidCallback onExit}) {
|
||||||
|
if (!hasActiveUploads) {
|
||||||
|
onExit();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
ToastUtils.showAlterDialog(
|
||||||
|
titleText: '视频还在上传',
|
||||||
|
contentText: '离开会中断本次上传，确定要离开吗？',
|
||||||
|
confirmText: '离开',
|
||||||
|
confirmCallback: () {
|
||||||
|
cancelAll();
|
||||||
|
onExit();
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void dispose() {
|
||||||
|
_isDisposed = true;
|
||||||
|
for (final VideoBatchUploadTask task in tasks) {
|
||||||
|
task.cancelToken?.cancel('disposed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _resetBatchProgress() {
|
||||||
|
_batchTotalCount = 0;
|
||||||
|
_completedRemovedCount = 0;
|
||||||
|
_completionNotified = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _runQueue() async {
|
||||||
|
if (_isRunning || _isDisposed) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_isRunning = true;
|
||||||
|
final int workerCount = maxConcurrent < 1 ? 1 : maxConcurrent;
|
||||||
|
final List<Future<void>> workers = List<Future<void>>.generate(
|
||||||
|
workerCount,
|
||||||
|
(_) => _uploadWorker(),
|
||||||
|
);
|
||||||
|
await Future.wait(workers);
|
||||||
|
_isRunning = false;
|
||||||
|
await _notifyCompletedIfNeeded();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _uploadWorker() async {
|
||||||
|
while (true) {
|
||||||
|
if (_isDisposed) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final VideoBatchUploadTask? task = _nextWaitingTask();
|
||||||
|
if (task == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await _processTask(task);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
VideoBatchUploadTask? _nextWaitingTask() {
|
||||||
|
for (final VideoBatchUploadTask task in tasks) {
|
||||||
|
if (task.status == VideoBatchUploadStatus.waiting) {
|
||||||
|
return task;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _processTask(VideoBatchUploadTask task) async {
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.uploading
|
||||||
|
..progress = 0
|
||||||
|
..errorMessage = ''
|
||||||
|
..cancelToken = CancelToken();
|
||||||
|
_notifyChanged();
|
||||||
|
|
||||||
|
try {
|
||||||
|
final String uploadUrl = await uploadTask(
|
||||||
|
task,
|
||||||
|
(double progress) {
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
task.progress = progress.clamp(0, 1);
|
||||||
|
_notifyChanged();
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (uploadUrl.trim().isEmpty) {
|
||||||
|
throw Exception('empty upload url');
|
||||||
|
}
|
||||||
|
task
|
||||||
|
..uploadUrl = uploadUrl
|
||||||
|
..progress = 1
|
||||||
|
..status = VideoBatchUploadStatus.uploaded;
|
||||||
|
_notifyChanged();
|
||||||
|
|
||||||
|
task.status = VideoBatchUploadStatus.saving;
|
||||||
|
_notifyChanged();
|
||||||
|
final bool saved = await saveTask(task);
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (saved) {
|
||||||
|
task.status = VideoBatchUploadStatus.completed;
|
||||||
|
_completedRemovedCount += 1;
|
||||||
|
tasks.remove(task);
|
||||||
|
if (tasks.isEmpty) {
|
||||||
|
isExpanded = false;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.failed
|
||||||
|
..errorMessage = '入库失败';
|
||||||
|
}
|
||||||
|
} on DioException catch (error) {
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.failed
|
||||||
|
..errorMessage =
|
||||||
|
CancelToken.isCancel(error) ? '已取消' : _networkErrorText(error);
|
||||||
|
} catch (_) {
|
||||||
|
if (!tasks.contains(task)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
task
|
||||||
|
..status = VideoBatchUploadStatus.failed
|
||||||
|
..errorMessage = '上传失败';
|
||||||
|
} finally {
|
||||||
|
task.cancelToken = null;
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
String _networkErrorText(DioException error) {
|
||||||
|
switch (error.type) {
|
||||||
|
case DioExceptionType.connectionTimeout:
|
||||||
|
case DioExceptionType.sendTimeout:
|
||||||
|
case DioExceptionType.receiveTimeout:
|
||||||
|
case DioExceptionType.connectionError:
|
||||||
|
return '网络异常';
|
||||||
|
case DioExceptionType.cancel:
|
||||||
|
return '已取消';
|
||||||
|
case DioExceptionType.badResponse:
|
||||||
|
return '上传失败';
|
||||||
|
case DioExceptionType.badCertificate:
|
||||||
|
case DioExceptionType.unknown:
|
||||||
|
return '上传失败';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _notifyCompletedIfNeeded() async {
|
||||||
|
if (_isDisposed ||
|
||||||
|
_completionNotified ||
|
||||||
|
totalCount == 0 ||
|
||||||
|
hasActiveUploads) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_completionNotified = true;
|
||||||
|
await onCompleted?.call();
|
||||||
|
if (failedCount > 0) {
|
||||||
|
ToastUtils.showToast(
|
||||||
|
msg: '已上传 $_completedRemovedCount 个，失败 $failedCount 个');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final int completed = _completedRemovedCount;
|
||||||
|
ToastUtils.showToast(msg: '已上传 $completed 个视频');
|
||||||
|
tasks.clear();
|
||||||
|
isExpanded = false;
|
||||||
|
_resetBatchProgress();
|
||||||
|
_notifyChanged();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _notifyChanged() {
|
||||||
|
if (_isDisposed) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
onChanged();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
import 'package:wechat_assets_picker/wechat_assets_picker.dart';
|
||||||
|
|
||||||
|
import 'video_batch_upload_config.dart';
|
||||||
|
import 'video_batch_upload_task.dart';
|
||||||
|
|
||||||
|
class VideoBatchUploadPicker {
|
||||||
|
const VideoBatchUploadPicker._();
|
||||||
|
|
||||||
|
static Future<List<VideoBatchUploadTask>> pickVideos(
|
||||||
|
BuildContext context, {
|
||||||
|
int maxAssets = VideoBatchUploadConfig.maxAssets,
|
||||||
|
}) async {
|
||||||
|
final List<AssetEntity>? assets = await AssetPicker.pickAssets(
|
||||||
|
context,
|
||||||
|
pickerConfig: AssetPickerConfig(
|
||||||
|
maxAssets: maxAssets,
|
||||||
|
requestType: RequestType.video,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
if (assets == null || assets.isEmpty) {
|
||||||
|
return <VideoBatchUploadTask>[];
|
||||||
|
}
|
||||||
|
|
||||||
|
final List<VideoBatchUploadTask> tasks = <VideoBatchUploadTask>[];
|
||||||
|
for (final AssetEntity asset in assets) {
|
||||||
|
final File? file = await asset.file;
|
||||||
|
if (file == null) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
final Uint8List? thumbnail = await asset.thumbnailDataWithSize(
|
||||||
|
const ThumbnailSize.square(220),
|
||||||
|
quality: 72,
|
||||||
|
);
|
||||||
|
final int fileSize = await file.length();
|
||||||
|
tasks.add(
|
||||||
|
VideoBatchUploadTask(
|
||||||
|
id: '${asset.id}_${DateTime.now().microsecondsSinceEpoch}',
|
||||||
|
file: file,
|
||||||
|
fileName: _normalizeFileName(asset.title, file.path),
|
||||||
|
fileSize: fileSize,
|
||||||
|
duration: asset.duration,
|
||||||
|
thumbnail: thumbnail,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return tasks;
|
||||||
|
}
|
||||||
|
|
||||||
|
static String _normalizeFileName(String? assetTitle, String path) {
|
||||||
|
final String title = (assetTitle ?? '').trim();
|
||||||
|
if (title.isNotEmpty) {
|
||||||
|
return title;
|
||||||
|
}
|
||||||
|
final List<String> segments = path.split(Platform.pathSeparator);
|
||||||
|
final String fileName = segments.isEmpty ? '' : segments.last.trim();
|
||||||
|
return fileName.isEmpty ? 'video.mp4' : fileName;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,123 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:dio/dio.dart';
|
||||||
|
|
||||||
|
typedef VideoBatchUploadProgressCallback = void Function(double progress);
|
||||||
|
|
||||||
|
typedef VideoBatchUploadUploadTask = Future<String> Function(
|
||||||
|
VideoBatchUploadTask task,
|
||||||
|
VideoBatchUploadProgressCallback onProgress,
|
||||||
|
);
|
||||||
|
|
||||||
|
typedef VideoBatchUploadSaveTask = Future<bool> Function(
|
||||||
|
VideoBatchUploadTask task,
|
||||||
|
);
|
||||||
|
|
||||||
|
enum VideoBatchUploadStatus {
|
||||||
|
waiting,
|
||||||
|
uploading,
|
||||||
|
uploaded,
|
||||||
|
saving,
|
||||||
|
completed,
|
||||||
|
failed,
|
||||||
|
}
|
||||||
|
|
||||||
|
extension VideoBatchUploadStatusText on VideoBatchUploadStatus {
|
||||||
|
String get label {
|
||||||
|
switch (this) {
|
||||||
|
case VideoBatchUploadStatus.waiting:
|
||||||
|
return '等待中';
|
||||||
|
case VideoBatchUploadStatus.uploading:
|
||||||
|
return '上传中';
|
||||||
|
case VideoBatchUploadStatus.uploaded:
|
||||||
|
return '上传成功';
|
||||||
|
case VideoBatchUploadStatus.saving:
|
||||||
|
return '入库中';
|
||||||
|
case VideoBatchUploadStatus.completed:
|
||||||
|
return '已完成';
|
||||||
|
case VideoBatchUploadStatus.failed:
|
||||||
|
return '失败';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class VideoBatchUploadTask {
|
||||||
|
VideoBatchUploadTask({
|
||||||
|
required this.id,
|
||||||
|
required this.file,
|
||||||
|
required this.fileName,
|
||||||
|
required this.fileSize,
|
||||||
|
required this.duration,
|
||||||
|
this.thumbnail,
|
||||||
|
});
|
||||||
|
|
||||||
|
final String id;
|
||||||
|
final File file;
|
||||||
|
final String fileName;
|
||||||
|
final int fileSize;
|
||||||
|
final int duration;
|
||||||
|
final Uint8List? thumbnail;
|
||||||
|
|
||||||
|
VideoBatchUploadStatus status = VideoBatchUploadStatus.waiting;
|
||||||
|
double progress = 0;
|
||||||
|
String uploadUrl = '';
|
||||||
|
String errorMessage = '';
|
||||||
|
CancelToken? cancelToken;
|
||||||
|
|
||||||
|
String get ossUrl => uploadUrl;
|
||||||
|
|
||||||
|
set ossUrl(String value) {
|
||||||
|
uploadUrl = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
bool get isActive =>
|
||||||
|
status == VideoBatchUploadStatus.waiting ||
|
||||||
|
status == VideoBatchUploadStatus.uploading ||
|
||||||
|
status == VideoBatchUploadStatus.uploaded ||
|
||||||
|
status == VideoBatchUploadStatus.saving;
|
||||||
|
|
||||||
|
bool get canRetry => status == VideoBatchUploadStatus.failed;
|
||||||
|
|
||||||
|
bool get canRemove =>
|
||||||
|
status == VideoBatchUploadStatus.waiting ||
|
||||||
|
status == VideoBatchUploadStatus.completed ||
|
||||||
|
status == VideoBatchUploadStatus.failed;
|
||||||
|
|
||||||
|
String get fileSizeText {
|
||||||
|
if (fileSize <= 0) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
final double mb = fileSize / 1024 / 1024;
|
||||||
|
if (mb >= 1) {
|
||||||
|
return '${mb.toStringAsFixed(1)}MB';
|
||||||
|
}
|
||||||
|
final double kb = fileSize / 1024;
|
||||||
|
return '${kb.toStringAsFixed(0)}KB';
|
||||||
|
}
|
||||||
|
|
||||||
|
String get durationText {
|
||||||
|
if (duration <= 0) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
final int minutes = duration ~/ 60;
|
||||||
|
final int seconds = duration % 60;
|
||||||
|
return '${minutes.toString().padLeft(2, '0')}:${seconds.toString().padLeft(2, '0')}';
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toVideoPayload({
|
||||||
|
String urlKey = 'fileURL',
|
||||||
|
String fileNameKey = 'fileName',
|
||||||
|
String durationKey = 'duration',
|
||||||
|
}) {
|
||||||
|
return <String, dynamic>{
|
||||||
|
urlKey: uploadUrl,
|
||||||
|
fileNameKey: fileName,
|
||||||
|
if (duration > 0) durationKey: duration,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toLibraryVideoPayload() {
|
||||||
|
return toVideoPayload();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,75 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
class VideoBatchUploadBackButton extends StatelessWidget {
|
||||||
|
const VideoBatchUploadBackButton({
|
||||||
|
super.key,
|
||||||
|
required this.onTap,
|
||||||
|
this.iconSize = 19,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VoidCallback onTap;
|
||||||
|
final double iconSize;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return IconButton(
|
||||||
|
onPressed: onTap,
|
||||||
|
icon: Icon(
|
||||||
|
Icons.arrow_back_ios_new,
|
||||||
|
color: Colors.black,
|
||||||
|
size: iconSize,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class VideoBatchUploadIconButton extends StatelessWidget {
|
||||||
|
const VideoBatchUploadIconButton({
|
||||||
|
super.key,
|
||||||
|
required this.onTap,
|
||||||
|
this.iconSize,
|
||||||
|
this.rightPadding,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VoidCallback onTap;
|
||||||
|
final double? iconSize;
|
||||||
|
final double? rightPadding;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: onTap,
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.only(right: rightPadding ?? 30.w),
|
||||||
|
child: Icon(
|
||||||
|
Icons.video_call_outlined,
|
||||||
|
size: iconSize ?? 50.sp,
|
||||||
|
color: const Color(0xFF1D1D21),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class VideoBatchUploadEmptyPlaceholder extends StatelessWidget {
|
||||||
|
const VideoBatchUploadEmptyPlaceholder({
|
||||||
|
super.key,
|
||||||
|
this.title = '这个视频库里还没有视频',
|
||||||
|
});
|
||||||
|
|
||||||
|
final String title;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Center(
|
||||||
|
child: Text(
|
||||||
|
title,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 28.sp,
|
||||||
|
color: const Color(0xFF8D90A0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,95 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
|
import 'video_batch_upload_config.dart';
|
||||||
|
import 'video_batch_upload_panel.dart';
|
||||||
|
import 'video_batch_upload_queue.dart';
|
||||||
|
import 'video_batch_upload_task.dart';
|
||||||
|
|
||||||
|
typedef VideoBatchUploadCallback = FutureOr<void> Function();
|
||||||
|
|
||||||
|
class VideoBatchUploader {
|
||||||
|
VideoBatchUploader({
|
||||||
|
required BuildContext? Function() contextProvider,
|
||||||
|
required VideoBatchUploadUploadTask uploadTask,
|
||||||
|
required VideoBatchUploadSaveTask saveTask,
|
||||||
|
VoidCallback? onChanged,
|
||||||
|
VideoBatchUploadCallback? onCompleted,
|
||||||
|
int? maxAssets,
|
||||||
|
int? maxConcurrent,
|
||||||
|
}) : _contextProvider = contextProvider,
|
||||||
|
_onChanged = onChanged {
|
||||||
|
queue = VideoBatchUploadQueue(
|
||||||
|
contextProvider: contextProvider,
|
||||||
|
uploadTask: uploadTask,
|
||||||
|
saveTask: saveTask,
|
||||||
|
onChanged: _handleChanged,
|
||||||
|
onCompleted: onCompleted,
|
||||||
|
maxAssets: maxAssets ?? VideoBatchUploadConfig.maxAssets,
|
||||||
|
maxConcurrent: maxConcurrent ?? VideoBatchUploadConfig.maxConcurrent,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
final BuildContext? Function() _contextProvider;
|
||||||
|
final VoidCallback? _onChanged;
|
||||||
|
late final VideoBatchUploadQueue queue;
|
||||||
|
OverlayEntry? _overlayEntry;
|
||||||
|
|
||||||
|
bool get hasActiveUploads => queue.hasActiveUploads;
|
||||||
|
|
||||||
|
Future<void> start() async {
|
||||||
|
await queue.pickAndStart();
|
||||||
|
}
|
||||||
|
|
||||||
|
void requestExit({required VoidCallback onExit}) {
|
||||||
|
queue.requestExit(onExit: onExit);
|
||||||
|
}
|
||||||
|
|
||||||
|
void clear() {
|
||||||
|
queue.clear();
|
||||||
|
_syncOverlay();
|
||||||
|
}
|
||||||
|
|
||||||
|
void dispose() {
|
||||||
|
queue.dispose();
|
||||||
|
_removeOverlay();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _handleChanged() {
|
||||||
|
_syncOverlay();
|
||||||
|
_overlayEntry?.markNeedsBuild();
|
||||||
|
_onChanged?.call();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _syncOverlay() {
|
||||||
|
if (queue.hasTasks) {
|
||||||
|
_insertOverlayIfNeeded();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_removeOverlay();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _insertOverlayIfNeeded() {
|
||||||
|
if (_overlayEntry != null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final BuildContext? context = _contextProvider();
|
||||||
|
if (context == null || !context.mounted) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final OverlayState? overlay = Overlay.maybeOf(context);
|
||||||
|
if (overlay == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_overlayEntry = OverlayEntry(
|
||||||
|
builder: (_) => VideoBatchUploadPanel(queue: queue),
|
||||||
|
);
|
||||||
|
overlay.insert(_overlayEntry!);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _removeOverlay() {
|
||||||
|
_overlayEntry?.remove();
|
||||||
|
_overlayEntry = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user