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

添加播放动画

weicu
tanlongsheng 1 year ago
parent
c2e54553fe
commit
06611a9215
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
Split 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';
class MeetingDetailsController extends GetxController
with GetSingleTickerProviderStateMixin {
with GetTickerProviderStateMixin {
late TabController tabController;
final RxInt currentIndex = 0.obs;
late AnimationController lottieController;
final PlayerController playerController = PlayerController();
RxBool isTop = false.obs;
RxInt durationMax = 0.obs;
RxDouble dragOffset = 210.w.obs;
RxBool isPlay = false.obs;
RxInt currentDuration = 0.obs;
RxInt speakerAllStarttime = (-1).obs;
@ -65,6 +68,8 @@ class MeetingDetailsController extends GetxController
}
currentIndex.value = tabController.index;
});
lottieController = AnimationController(vsync: this)
..duration = const Duration(seconds: 2);
final Map<String, dynamic> args = Get.arguments ?? {};
id = args['id'];
_headers = {
@ -80,6 +85,7 @@ class MeetingDetailsController extends GetxController
tabController.dispose();
playerController.dispose();
_isDisposed = true;
lottieController.dispose();
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) {
List speakerList = await SqfliteApi.getMeetingSpeaker(id);
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(
children: [
StreamBuilder<PlayerState>(
stream: controller.playerController.onPlayerStateChanged,
builder: (context, snapshot) {
bool isPlay = snapshot.data?.isPlaying ?? false;
return GestureDetector(
onTap: () {
if (isPlay) {
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
},
child: Icon(
isPlay ? Icons.pause_circle : Icons.play_circle,
color: Colors.black,
size: 30.w,
),
);
GestureDetector(
onTap: () {
if (controller.isPlay.value) {
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
},
child: Obx(
() => Icon(
controller.isPlay.value
? Icons.pause_circle
: Icons.play_circle,
color: Colors.black,
size: 30.w,
),
),
),
4.horizontalSpace,
GestureDetector(
@ -352,26 +350,23 @@ class MeetingDetailsView extends GetView<MeetingDetailsController> {
size: 30.w,
),
),
StreamBuilder<PlayerState>(
stream:
controller.playerController.onPlayerStateChanged,
builder: (context, snapshot) {
bool isPlay = snapshot.data?.isPlaying ?? false;
return GestureDetector(
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,
),
);
GestureDetector(
onTap: () {
if (controller.isPlay.value) {
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
},
child: Obx(
() => Icon(
controller.isPlay.value
? Icons.pause_circle
: Icons.play_circle,
color: Colors.black,
size: 48.w,
),
),
),
GestureDetector(
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:get/get.dart';
import 'package:get_storage/get_storage.dart';
import 'package:lottie/lottie.dart';
import '../../../data/services/db/sqflite_api.dart';
import '../controllers/meeting_details_controller.dart';
@ -361,6 +362,21 @@ class _SpeakerAllBottomSheetState extends State<SpeakerAllBottomSheet> {
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(

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_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:lottie/lottie.dart';
import '../controllers/meeting_details_controller.dart';
import 'speaker_all_bottom_sheet.dart';
@ -87,6 +88,43 @@ class SpeechTab extends GetView<MeetingDetailsController> {
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(
behavior: HitTestBehavior.translucent,
onTap: () {
controller.playerController
.seekTo(item['starttime']);
controller.playerController.startPlayer();
if (isActive) {
if (controller.isPlay.value) {
controller.playerController.pausePlayer();
} else {
controller.playerController.startPlayer();
}
} else {
controller.playerController
.seekTo(item['starttime']);
controller.playerController.startPlayer();
}
},
child: Container(
width: double.infinity,

Write Preview
Loading…
Cancel
Save