liwei1dao
/
deepvoice_client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加播放动画

newdev_shunjiawei
tanlongsheng 1 year ago
parent
9b7158eba2
commit
b75c461d02
5 changed files with 114 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      assets/lottie/sound_effect.json
  2. 17
      lib/modules/meeting/controllers/meeting_details_controller.dart
  3. 69
      lib/modules/meeting/views/meeting_details_view.dart
  4. 16
      lib/modules/meeting/views/speaker_all_bottom_sheet.dart
  5. 52
      lib/modules/meeting/views/speech_tab.dart

1
assets/lottie/sound_effect.json
View File

File diff suppressed because one or more lines are too long

17
lib/modules/meeting/controllers/meeting_details_controller.dart
View File

@ -18,15 +18,18 @@ import '../model/meeting_details_model.dart';
import '../model/meeting_model.dart'; import '../model/meeting_model.dart';
class MeetingDetailsController extends GetxController class MeetingDetailsController extends GetxController
with GetSingleTickerProviderStateMixin { with GetTickerProviderStateMixin {
late TabController tabController; late TabController tabController;
final RxInt currentIndex = 0.obs; final RxInt currentIndex = 0.obs;
late AnimationController lottieController;
final PlayerController playerController = PlayerController(); final PlayerController playerController = PlayerController();
RxBool isTop = false.obs; RxBool isTop = false.obs;
RxInt durationMax = 0.obs; RxInt durationMax = 0.obs;
RxDouble dragOffset = 210.w.obs; RxDouble dragOffset = 210.w.obs;
RxBool isPlay = false.obs;
RxInt currentDuration = 0.obs; RxInt currentDuration = 0.obs;
RxInt speakerAllStarttime = (-1).obs; RxInt speakerAllStarttime = (-1).obs;
@ -65,6 +68,8 @@ class MeetingDetailsController extends GetxController
} }
currentIndex.value = tabController.index; currentIndex.value = tabController.index;
}); });
lottieController = AnimationController(vsync: this)
..duration = const Duration(seconds: 2);
final Map<String, dynamic> args = Get.arguments ?? {}; final Map<String, dynamic> args = Get.arguments ?? {};
id = args['id']; id = args['id'];
_headers = { _headers = {
@ -80,6 +85,7 @@ class MeetingDetailsController extends GetxController
tabController.dispose(); tabController.dispose();
playerController.dispose(); playerController.dispose();
_isDisposed = true; _isDisposed = true;
lottieController.dispose();
super.onClose(); super.onClose();
} }
@ -114,6 +120,15 @@ class MeetingDetailsController extends GetxController
} }
} }
}); });
playerController.onPlayerStateChanged.listen((PlayerState playerState) {
isPlay.value = playerState.isPlaying;
if (_isDisposed) return;
if (playerState.isPlaying) {
lottieController.repeat();
} else {
lottieController.stop();
}
});
if (meetingDetails.value.tasktype == 1) { if (meetingDetails.value.tasktype == 1) {
List speakerList = await SqfliteApi.getMeetingSpeaker(id); List speakerList = await SqfliteApi.getMeetingSpeaker(id);
textList.value = List.from(speakerList); textList.value = List.from(speakerList);

69
lib/modules/meeting/views/meeting_details_view.dart
View File

@ -71,25 +71,23 @@ class MeetingDetailsView extends GetView<MeetingDetailsController> {
), ),
child: Row( child: Row(
children: [ children: [
StreamBuilder<PlayerState>( GestureDetector(
stream: controller.playerController.onPlayerStateChanged, onTap: () {
builder: (context, snapshot) { if (controller.isPlay.value) {
bool isPlay = snapshot.data?.isPlaying ?? false; controller.playerController.pausePlayer();
return GestureDetector( } else {
onTap: () { controller.playerController.startPlayer();
if (isPlay) { }
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
},
child: Icon(
isPlay ? Icons.pause_circle : Icons.play_circle,
color: Colors.black,
size: 30.w,
),
);
}, },
child: Obx(
() => Icon(
controller.isPlay.value
? Icons.pause_circle
: Icons.play_circle,
color: Colors.black,
size: 30.w,
),
),
), ),
4.horizontalSpace, 4.horizontalSpace,
GestureDetector( GestureDetector(
@ -352,26 +350,23 @@ class MeetingDetailsView extends GetView<MeetingDetailsController> {
size: 30.w, size: 30.w,
), ),
), ),
StreamBuilder<PlayerState>( GestureDetector(
stream: onTap: () {
controller.playerController.onPlayerStateChanged, if (controller.isPlay.value) {
builder: (context, snapshot) { controller.playerController.pausePlayer();
bool isPlay = snapshot.data?.isPlaying ?? false; } else {
return GestureDetector( controller.playerController.startPlayer();
onTap: () { }
if (isPlay) {
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
},
child: Icon(
isPlay ? Icons.pause_circle : Icons.play_circle,
color: Colors.black,
size: 48.w,
),
);
}, },
child: Obx(
() => Icon(
controller.isPlay.value
? Icons.pause_circle
: Icons.play_circle,
color: Colors.black,
size: 48.w,
),
),
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {

16
lib/modules/meeting/views/speaker_all_bottom_sheet.dart
View File

@ -4,6 +4,7 @@ import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:get_storage/get_storage.dart'; import 'package:get_storage/get_storage.dart';
import 'package:lottie/lottie.dart';
import '../../../data/services/db/sqflite_api.dart'; import '../../../data/services/db/sqflite_api.dart';
import '../controllers/meeting_details_controller.dart'; import '../controllers/meeting_details_controller.dart';
@ -361,6 +362,21 @@ class _SpeakerAllBottomSheetState extends State<SpeakerAllBottomSheet> {
fontSize: 12.sp, fontSize: 12.sp,
), ),
), ),
if (isActive)
Container(
width: 16.w,
height: 16.w,
margin: EdgeInsets.only(left: 5.w),
alignment: Alignment.center,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Transform.scale(
scale: 1.6,
child: Lottie.asset(
'assets/lottie/sound_effect.json',
),
),
),
], ],
), ),
Padding( Padding(

52
lib/modules/meeting/views/speech_tab.dart
View File

@ -2,6 +2,7 @@ import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:lottie/lottie.dart';
import '../controllers/meeting_details_controller.dart'; import '../controllers/meeting_details_controller.dart';
import 'speaker_all_bottom_sheet.dart'; import 'speaker_all_bottom_sheet.dart';
@ -87,6 +88,43 @@ class SpeechTab extends GetView<MeetingDetailsController> {
fontSize: 13.sp, fontSize: 13.sp,
), ),
), ),
Obx(() {
bool isActive = false;
int starttime = item['starttime'];
int endtime = 0;
if (index == controller.textList.length - 1) {
endtime = controller.durationMax.value;
} else {
endtime =
controller.textList[index + 1]['starttime'];
}
if (controller.currentDuration.value != 0) {
if (controller.currentDuration.value >= starttime &&
controller.currentDuration.value < endtime) {
isActive = true;
}
}
return isActive
? Container(
width: 16.w,
height: 16.w,
margin: EdgeInsets.only(left: 5.w),
alignment: Alignment.center,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.red[100],
borderRadius: BorderRadius.circular(4.r),
),
child: Transform.scale(
scale: 1.6,
child: Lottie.asset(
'assets/lottie/sound_effect.json',
controller: controller.lottieController,
),
),
)
: const SizedBox();
}),
], ],
), ),
), ),
@ -169,9 +207,17 @@ class SpeechTab extends GetView<MeetingDetailsController> {
return GestureDetector( return GestureDetector(
behavior: HitTestBehavior.translucent, behavior: HitTestBehavior.translucent,
onTap: () { onTap: () {
controller.playerController if (isActive) {
.seekTo(item['starttime']); if (controller.isPlay.value) {
controller.playerController.startPlayer(); controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
} else {
controller.playerController
.seekTo(item['starttime']);
controller.playerController.startPlayer();
}
}, },
child: Container( child: Container(
width: double.infinity, width: double.infinity,

Write Preview
Loading…
Cancel
Save