mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-06 09:13:48 +08:00
593 lines
24 KiB
Dart
593 lines
24 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:PiliPlus/common/constants.dart';
|
|
import 'package:PiliPlus/common/widgets/icon_button.dart';
|
|
import 'package:PiliPlus/common/widgets/loading_widget.dart';
|
|
import 'package:PiliPlus/common/widgets/pair.dart';
|
|
import 'package:PiliPlus/common/widgets/segment_progress_bar.dart';
|
|
import 'package:PiliPlus/http/init.dart';
|
|
import 'package:PiliPlus/models/common/sponsor_block/action_type.dart';
|
|
import 'package:PiliPlus/models/common/sponsor_block/post_segment_model.dart';
|
|
import 'package:PiliPlus/models/common/sponsor_block/segment_type.dart';
|
|
import 'package:PiliPlus/pages/common/common_collapse_slide_page.dart';
|
|
import 'package:PiliPlus/pages/video/detail/index.dart';
|
|
import 'package:PiliPlus/plugin/pl_player/index.dart';
|
|
import 'package:PiliPlus/utils/extension.dart';
|
|
import 'package:PiliPlus/utils/storage.dart';
|
|
import 'package:PiliPlus/utils/utils.dart';
|
|
import 'package:dio/dio.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
|
|
|
|
class PostPanel extends CommonCollapseSlidePage {
|
|
const PostPanel({
|
|
super.key,
|
|
super.enableSlide,
|
|
required this.videoDetailController,
|
|
required this.plPlayerController,
|
|
});
|
|
|
|
final VideoDetailController videoDetailController;
|
|
final PlPlayerController plPlayerController;
|
|
|
|
@override
|
|
State<PostPanel> createState() => _PostPanelState();
|
|
}
|
|
|
|
class _PostPanelState extends CommonCollapseSlidePageState<PostPanel> {
|
|
VideoDetailController get videoDetailController =>
|
|
widget.videoDetailController;
|
|
PlPlayerController get plPlayerController => widget.plPlayerController;
|
|
List<PostSegmentModel>? get list => videoDetailController.list;
|
|
|
|
late final double videoDuration =
|
|
plPlayerController.durationSeconds.value.inMilliseconds / 1000;
|
|
|
|
double get currentPos =>
|
|
plPlayerController.position.value.inMilliseconds / 1000;
|
|
|
|
@override
|
|
Widget buildPage(ThemeData theme) {
|
|
return Scaffold(
|
|
resizeToAvoidBottomInset: false,
|
|
appBar: AppBar(
|
|
automaticallyImplyLeading: false,
|
|
titleSpacing: 16,
|
|
title: const Text('提交片段'),
|
|
actions: [
|
|
iconButton(
|
|
context: context,
|
|
tooltip: '添加片段',
|
|
onPressed: () {
|
|
setState(() {
|
|
list?.insert(
|
|
0,
|
|
PostSegmentModel(
|
|
segment: Pair(
|
|
first: 0,
|
|
second: currentPos,
|
|
),
|
|
category: SegmentType.sponsor,
|
|
actionType: ActionType.skip,
|
|
),
|
|
);
|
|
});
|
|
},
|
|
icon: Icons.add,
|
|
),
|
|
const SizedBox(width: 10),
|
|
iconButton(
|
|
context: context,
|
|
tooltip: '关闭',
|
|
onPressed: Get.back,
|
|
icon: Icons.close,
|
|
),
|
|
const SizedBox(width: 16),
|
|
],
|
|
),
|
|
body: enableSlide ? slideList(theme) : buildList(theme),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget buildList(ThemeData theme) {
|
|
return list?.isNotEmpty == true
|
|
? Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
SingleChildScrollView(
|
|
controller: ScrollController(),
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
child: Column(
|
|
children: [
|
|
...List.generate(
|
|
list!.length,
|
|
(index) => Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
margin: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 5,
|
|
),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: theme.colorScheme.onInverseSurface,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (list![index].actionType !=
|
|
ActionType.full) ...[
|
|
Wrap(
|
|
runSpacing: 8,
|
|
spacing: 16,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: segmentWidget(
|
|
theme,
|
|
isFirst: true,
|
|
index: index,
|
|
),
|
|
),
|
|
if (list![index].category !=
|
|
SegmentType.poi_highlight)
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: segmentWidget(
|
|
theme,
|
|
isFirst: false,
|
|
index: index,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
],
|
|
Wrap(
|
|
runSpacing: 8,
|
|
spacing: 16,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const Text('分类: '),
|
|
PopupMenuButton<SegmentType>(
|
|
initialValue: list![index].category,
|
|
onSelected: (item) async {
|
|
list![index].category = item;
|
|
List<ActionType> constraintList =
|
|
segmentType2ActionType(item);
|
|
if (constraintList
|
|
.contains(
|
|
list![index].actionType)
|
|
.not) {
|
|
list![index].actionType =
|
|
constraintList.first;
|
|
}
|
|
switch (item) {
|
|
case SegmentType.poi_highlight:
|
|
updateSegment(
|
|
isFirst: false,
|
|
index: index,
|
|
value: list![index]
|
|
.segment
|
|
.first,
|
|
);
|
|
break;
|
|
case SegmentType.exclusive_access:
|
|
updateSegment(
|
|
isFirst: true,
|
|
index: index,
|
|
value: 0,
|
|
);
|
|
break;
|
|
case _:
|
|
}
|
|
setState(() {});
|
|
},
|
|
itemBuilder: (context) => SegmentType
|
|
.values
|
|
.map((item) =>
|
|
PopupMenuItem<SegmentType>(
|
|
value: item,
|
|
child: Text(item.title),
|
|
))
|
|
.toList(),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
list![index].category.title,
|
|
style: TextStyle(
|
|
height: 1,
|
|
fontSize: 14,
|
|
color: theme
|
|
.colorScheme.secondary,
|
|
),
|
|
strutStyle: StrutStyle(
|
|
height: 1,
|
|
leading: 0,
|
|
),
|
|
),
|
|
Icon(
|
|
MdiIcons.unfoldMoreHorizontal,
|
|
size: MediaQuery.textScalerOf(
|
|
context)
|
|
.scale(14),
|
|
color:
|
|
theme.colorScheme.secondary,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const Text('行为类别: '),
|
|
PopupMenuButton<ActionType>(
|
|
initialValue: list![index].actionType,
|
|
onSelected: (item) async {
|
|
list![index].actionType = item;
|
|
if (item == ActionType.full) {
|
|
updateSegment(
|
|
isFirst: true,
|
|
index: index,
|
|
value: 0,
|
|
);
|
|
}
|
|
setState(() {});
|
|
},
|
|
itemBuilder: (context) => ActionType
|
|
.values
|
|
.map(
|
|
(item) =>
|
|
PopupMenuItem<ActionType>(
|
|
enabled:
|
|
segmentType2ActionType(
|
|
list![index]
|
|
.category)
|
|
.contains(item),
|
|
value: item,
|
|
child: Text(item.title),
|
|
),
|
|
)
|
|
.toList(),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
list![index].actionType.title,
|
|
style: TextStyle(
|
|
height: 1,
|
|
fontSize: 14,
|
|
color: theme
|
|
.colorScheme.secondary,
|
|
),
|
|
strutStyle: StrutStyle(
|
|
height: 1,
|
|
leading: 0,
|
|
),
|
|
),
|
|
Icon(
|
|
MdiIcons.unfoldMoreHorizontal,
|
|
size: MediaQuery.textScalerOf(
|
|
context)
|
|
.scale(14),
|
|
color:
|
|
theme.colorScheme.secondary,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0,
|
|
right: 4,
|
|
child: iconButton(
|
|
context: context,
|
|
size: 26,
|
|
tooltip: '移除',
|
|
icon: Icons.clear,
|
|
onPressed: () {
|
|
setState(() {
|
|
list!.removeAt(index);
|
|
});
|
|
},
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0,
|
|
left: 4,
|
|
child: iconButton(
|
|
context: context,
|
|
size: 26,
|
|
tooltip: '预览',
|
|
icon: Icons.preview_outlined,
|
|
onPressed: () async {
|
|
if (widget.plPlayerController
|
|
.videoPlayerController !=
|
|
null) {
|
|
int start = max(
|
|
0,
|
|
(list![index].segment.first * 1000)
|
|
.toInt() -
|
|
1,
|
|
);
|
|
await widget
|
|
.plPlayerController.videoPlayerController!
|
|
.seek(
|
|
Duration(milliseconds: start),
|
|
);
|
|
if (widget
|
|
.plPlayerController
|
|
.videoPlayerController!
|
|
.state
|
|
.playing
|
|
.not) {
|
|
await widget.plPlayerController
|
|
.videoPlayerController!
|
|
.play();
|
|
}
|
|
if (start != 0) {
|
|
await Future.delayed(
|
|
const Duration(seconds: 1));
|
|
}
|
|
widget
|
|
.plPlayerController.videoPlayerController!
|
|
.seek(
|
|
Duration(
|
|
milliseconds:
|
|
(list![index].segment.second * 1000)
|
|
.toInt(),
|
|
),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 88 + MediaQuery.paddingOf(context).bottom,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 16,
|
|
bottom: 16 + MediaQuery.paddingOf(context).bottom,
|
|
child: FloatingActionButton(
|
|
tooltip: '提交',
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('确定无误再提交'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: Get.back,
|
|
child: Text(
|
|
'取消',
|
|
style: TextStyle(
|
|
color: theme.colorScheme.outline,
|
|
),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
Get.back();
|
|
_onPost();
|
|
},
|
|
child: const Text('确定提交'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
child: Icon(Icons.check),
|
|
),
|
|
)
|
|
],
|
|
)
|
|
: errorWidget();
|
|
}
|
|
|
|
void updateSegment({
|
|
required bool isFirst,
|
|
required int index,
|
|
required double value,
|
|
}) {
|
|
if (isFirst) {
|
|
list![index].segment.first = value;
|
|
} else {
|
|
list![index].segment.second = value;
|
|
}
|
|
if (list![index].category == SegmentType.poi_highlight ||
|
|
list![index].actionType == ActionType.full) {
|
|
list![index].segment.second = value;
|
|
}
|
|
}
|
|
|
|
List<Widget> segmentWidget(
|
|
ThemeData theme, {
|
|
required int index,
|
|
required bool isFirst,
|
|
}) {
|
|
String value = Utils.timeFormat(
|
|
isFirst ? list![index].segment.first : list![index].segment.second);
|
|
return [
|
|
Text(
|
|
'${isFirst ? '开始' : '结束'}: $value',
|
|
),
|
|
const SizedBox(width: 5),
|
|
iconButton(
|
|
context: context,
|
|
size: 26,
|
|
tooltip: '设为当前',
|
|
icon: Icons.my_location,
|
|
onPressed: () {
|
|
setState(() {
|
|
updateSegment(
|
|
isFirst: isFirst,
|
|
index: index,
|
|
value: currentPos,
|
|
);
|
|
});
|
|
},
|
|
),
|
|
const SizedBox(width: 5),
|
|
iconButton(
|
|
context: context,
|
|
size: 26,
|
|
tooltip: isFirst ? '视频开头' : '视频结尾',
|
|
icon: isFirst ? Icons.first_page : Icons.last_page,
|
|
onPressed: () {
|
|
setState(() {
|
|
updateSegment(
|
|
isFirst: isFirst,
|
|
index: index,
|
|
value: isFirst ? 0 : videoDuration,
|
|
);
|
|
});
|
|
},
|
|
),
|
|
const SizedBox(width: 5),
|
|
iconButton(
|
|
context: context,
|
|
size: 26,
|
|
tooltip: '编辑',
|
|
icon: Icons.edit,
|
|
onPressed: () {
|
|
showDialog<String>(
|
|
context: context,
|
|
builder: (context) {
|
|
String initV = value;
|
|
return AlertDialog(
|
|
content: TextFormField(
|
|
initialValue: value,
|
|
autofocus: true,
|
|
onChanged: (value) {
|
|
initV = value;
|
|
},
|
|
inputFormatters: [
|
|
FilteringTextInputFormatter.allow(
|
|
RegExp(r'[\d:.]+'),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: Get.back,
|
|
child: Text(
|
|
'取消',
|
|
style: TextStyle(color: theme.colorScheme.outline),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Get.back(result: initV),
|
|
child: Text('确定'),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
).then((res) {
|
|
if (res != null) {
|
|
try {
|
|
List<num> split =
|
|
res.split(':').reversed.map((e) => num.parse(e)).toList();
|
|
double duration = 0;
|
|
for (int i = 0; i < split.length; i++) {
|
|
duration += split[i] * pow(60, i);
|
|
}
|
|
if (duration <= videoDuration) {
|
|
setState(() {
|
|
updateSegment(
|
|
isFirst: isFirst,
|
|
index: index,
|
|
value: duration,
|
|
);
|
|
});
|
|
}
|
|
} catch (e) {
|
|
debugPrint(e.toString());
|
|
}
|
|
}
|
|
});
|
|
},
|
|
),
|
|
];
|
|
}
|
|
|
|
void _onPost({String? url}) async {
|
|
Request().post(
|
|
url ?? '${GStorage.blockServer}/api/skipSegments',
|
|
data: {
|
|
'videoID': videoDetailController.bvid,
|
|
'cid': videoDetailController.cid.value.toString(),
|
|
'userID': GStorage.blockUserID.toString(),
|
|
'userAgent': Constants.userAgent,
|
|
'videoDuration': videoDuration,
|
|
'segments': list!
|
|
.map(
|
|
(item) => {
|
|
'segment': [
|
|
item.segment.first,
|
|
item.segment.second,
|
|
],
|
|
'category': item.category.name,
|
|
'actionType': item.actionType.name,
|
|
},
|
|
)
|
|
.toList(),
|
|
},
|
|
options: Options(
|
|
validateStatus: (int? status) {
|
|
return status != null &&
|
|
((status >= 200 && status < 300) ||
|
|
const [400, 403, 429, 409].contains(status));
|
|
},
|
|
),
|
|
).then(
|
|
(res) {
|
|
if (res.statusCode == 200) {
|
|
Get.back();
|
|
SmartDialog.showToast('提交成功');
|
|
list?.clear();
|
|
videoDetailController.handleSBData(res);
|
|
plPlayerController.segmentList.value =
|
|
videoDetailController.segmentProgressList ?? <Segment>[];
|
|
if (videoDetailController.positionSubscription == null) {
|
|
videoDetailController.initSkip();
|
|
}
|
|
} else {
|
|
SmartDialog.showToast(
|
|
'提交失败: ${const {
|
|
400: '参数错误',
|
|
403: '被自动审核机制拒绝',
|
|
429: '重复提交太快',
|
|
409: '重复提交'
|
|
}[res.statusCode] ?? res.statusCode}',
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|