mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-06 09:13:48 +08:00
feat: 倍速与字幕就近弹出菜单
This commit is contained in:
@@ -97,6 +97,7 @@ class PlPlayerController {
|
||||
bool _enableHeart = true;
|
||||
bool _isFirstTime = true;
|
||||
final RxList<Map<String, String>> _vttSubtitles = <Map<String, String>>[].obs;
|
||||
final RxInt _vttSubtitlesIndex = 0.obs;
|
||||
|
||||
Timer? _timer;
|
||||
Timer? _timerForSeek;
|
||||
@@ -150,7 +151,8 @@ class PlPlayerController {
|
||||
Stream<bool> get onMuteChanged => _mute.stream;
|
||||
|
||||
// 视频字幕
|
||||
RxList<dynamic> get vttSubtitles => _vttSubtitles;
|
||||
RxList<Map<String,String>> get vttSubtitles => _vttSubtitles;
|
||||
RxInt get vttSubtitlesIndex => _vttSubtitlesIndex;
|
||||
|
||||
/// [videoPlayerController] instance of Player
|
||||
Player? get videoPlayerController => _videoPlayerController;
|
||||
@@ -302,6 +304,7 @@ class PlPlayerController {
|
||||
for (final PlaySpeed i in PlaySpeed.values) {
|
||||
speedsList.add(i.value);
|
||||
}
|
||||
speedsList.sort();
|
||||
|
||||
// _playerEventSubs = onPlayerStatusChanged.listen((PlayerStatus status) {
|
||||
// if (status == PlayerStatus.playing) {
|
||||
@@ -1106,62 +1109,18 @@ class PlPlayerController {
|
||||
}
|
||||
}
|
||||
|
||||
/// 选择字幕
|
||||
void showSetSubtitleSheet() async {
|
||||
showDialog(
|
||||
context: Get.context!,
|
||||
builder: (BuildContext context) {
|
||||
return AlertDialog(
|
||||
title: const Text('选择字幕(测试)'),
|
||||
content: StatefulBuilder(
|
||||
builder: (BuildContext context, StateSetter setState) {
|
||||
return Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 2,
|
||||
children: [
|
||||
FilledButton.tonal(
|
||||
onPressed: () async {
|
||||
await removeSubtitle();
|
||||
Get.back();
|
||||
},
|
||||
child: const Text("关闭字幕"),
|
||||
),
|
||||
for (final Map<String, String> i in _vttSubtitles) ...<Widget>[
|
||||
FilledButton.tonal(
|
||||
onPressed: () async {
|
||||
await setSubtitle(i);
|
||||
Get.back();
|
||||
},
|
||||
child: Text(i["title"]!),
|
||||
),
|
||||
]
|
||||
],
|
||||
);
|
||||
}),
|
||||
actions: <Widget>[
|
||||
TextButton(
|
||||
onPressed: () => Get.back(),
|
||||
child: Text(
|
||||
'取消',
|
||||
style: TextStyle(color: Theme.of(context).colorScheme.outline),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
removeSubtitle() {
|
||||
_videoPlayerController?.setSubtitleTrack(SubtitleTrack.no());
|
||||
}
|
||||
|
||||
// 设定字幕轨道
|
||||
setSubtitle(Map<String, String> s) {
|
||||
if (s['text'] == null) {
|
||||
_videoPlayerController?.setSubtitleTrack(SubtitleTrack.no());
|
||||
_vttSubtitlesIndex.value = 0;
|
||||
return;
|
||||
}
|
||||
_videoPlayerController?.setSubtitleTrack(SubtitleTrack.data(
|
||||
s['text']!,
|
||||
title: s['title']!,
|
||||
language: s['language']!,
|
||||
));
|
||||
_vttSubtitlesIndex.value = _vttSubtitles.indexOf(s);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -152,16 +152,35 @@ class BottomControl extends StatelessWidget implements PreferredSizeWidget {
|
||||
: SizedBox(
|
||||
width: 45,
|
||||
height: 30,
|
||||
child: IconButton(
|
||||
tooltip: '字幕',
|
||||
style: ButtonStyle(
|
||||
padding: MaterialStateProperty.all(EdgeInsets.zero),
|
||||
),
|
||||
onPressed: () => _.showSetSubtitleSheet(),
|
||||
icon: const Icon(
|
||||
Icons.closed_caption_off_outlined,
|
||||
size: 19,
|
||||
color: Colors.white,
|
||||
child: PopupMenuButton<Map<String, String>>(
|
||||
onSelected: (Map<String, String> value) {
|
||||
controller!.setSubtitle(value);
|
||||
},
|
||||
initialValue:
|
||||
_.vttSubtitles[_.vttSubtitlesIndex.value],
|
||||
color: Colors.black.withOpacity(0.8),
|
||||
itemBuilder: (BuildContext context) {
|
||||
return _.vttSubtitles
|
||||
.map((Map<String, String> subtitle) {
|
||||
return PopupMenuItem<Map<String, String>>(
|
||||
value: subtitle,
|
||||
child: Text(
|
||||
"${subtitle['title']}",
|
||||
style: const TextStyle(color: Colors.white),
|
||||
),
|
||||
);
|
||||
}).toList();
|
||||
},
|
||||
child: Container(
|
||||
width: 45,
|
||||
height: 30,
|
||||
alignment: Alignment.center,
|
||||
child: const Icon(
|
||||
Icons.closed_caption_off_outlined,
|
||||
size: 19,
|
||||
color: Colors.white,
|
||||
semanticLabel: '字幕',
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -169,17 +188,32 @@ class BottomControl extends StatelessWidget implements PreferredSizeWidget {
|
||||
SizedBox(
|
||||
width: 45,
|
||||
height: 30,
|
||||
child: TextButton(
|
||||
style: ButtonStyle(
|
||||
padding: MaterialStateProperty.all(EdgeInsets.zero),
|
||||
),
|
||||
onPressed: () => showSetSpeedSheet(),
|
||||
child: Obx(
|
||||
() => Text(
|
||||
'${_.playbackSpeed}X',
|
||||
style: const TextStyle(color: Colors.white, fontSize: 13),
|
||||
semanticsLabel: '${_.playbackSpeed}倍速',
|
||||
),
|
||||
child: PopupMenuButton<double>(
|
||||
onSelected: (double value) {
|
||||
controller!.setPlaybackSpeed(value);
|
||||
},
|
||||
initialValue: _.playbackSpeed,
|
||||
color: Colors.black.withOpacity(0.8),
|
||||
itemBuilder: (BuildContext context) {
|
||||
return _.speedsList.map((double speed) {
|
||||
return PopupMenuItem<double>(
|
||||
value: speed,
|
||||
child: Text(
|
||||
"${speed}X",
|
||||
style: const TextStyle(color: Colors.white),
|
||||
semanticsLabel: "$speed倍速",
|
||||
),
|
||||
);
|
||||
}).toList();
|
||||
},
|
||||
child: Container(
|
||||
width: 45,
|
||||
height: 30,
|
||||
alignment: Alignment.center,
|
||||
child: Obx(() => Text("${_.playbackSpeed}X",
|
||||
style:
|
||||
const TextStyle(color: Colors.white, fontSize: 13),
|
||||
semanticsLabel: "${_.playbackSpeed}倍速")),
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -207,64 +241,4 @@ class BottomControl extends StatelessWidget implements PreferredSizeWidget {
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 选择倍速
|
||||
void showSetSpeedSheet() {
|
||||
final double currentSpeed = controller!.playbackSpeed;
|
||||
List<double> speedsList = controller!.speedsList;
|
||||
showDialog(
|
||||
context: Get.context!,
|
||||
builder: (BuildContext context) {
|
||||
return AlertDialog(
|
||||
title: const Text('播放速度'),
|
||||
content: StatefulBuilder(
|
||||
builder: (BuildContext context, StateSetter setState) {
|
||||
return Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 2,
|
||||
children: [
|
||||
for (final double i in speedsList) ...<Widget>[
|
||||
if (i == currentSpeed) ...<Widget>[
|
||||
FilledButton(
|
||||
onPressed: () async {
|
||||
// setState(() => currentSpeed = i),
|
||||
await controller!.setPlaybackSpeed(i);
|
||||
Get.back();
|
||||
},
|
||||
child: Text(i.toString()),
|
||||
),
|
||||
] else ...[
|
||||
FilledButton.tonal(
|
||||
onPressed: () async {
|
||||
// setState(() => currentSpeed = i),
|
||||
await controller!.setPlaybackSpeed(i);
|
||||
Get.back();
|
||||
},
|
||||
child: Text(i.toString()),
|
||||
),
|
||||
]
|
||||
]
|
||||
],
|
||||
);
|
||||
}),
|
||||
actions: <Widget>[
|
||||
TextButton(
|
||||
onPressed: () => Get.back(),
|
||||
child: Text(
|
||||
'取消',
|
||||
style: TextStyle(color: Theme.of(context).colorScheme.outline),
|
||||
),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () async {
|
||||
await controller!.setDefaultSpeed();
|
||||
Get.back();
|
||||
},
|
||||
child: const Text('默认速度'),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user