Compare commits
2 Commits
38921f848f
...
04e09c2507
| Author | SHA1 | Date |
|---|---|---|
Spark
|
04e09c2507 | 6 days ago |
|
Spark
|
e908f62d86 | 6 days ago |
@ -0,0 +1,201 @@
|
||||
// audio_player_controller.dart
|
||||
|
||||
import 'dart:async';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:just_audio/just_audio.dart';
|
||||
import '../common_widget/Song_widegt.dart';
|
||||
import '../models/getMusicList_bean.dart';
|
||||
import '../common/download_manager.dart';
|
||||
import '../common_widget/app_data.dart';
|
||||
import '../api/api_music_list.dart';
|
||||
|
||||
class AudioPlayerController extends GetxController {
|
||||
final audioPlayer = AudioPlayer();
|
||||
final downloadManager = Get.find<DownloadManager>();
|
||||
final appData = AppData();
|
||||
|
||||
// Observable values
|
||||
final currentSongIndex = 0.obs;
|
||||
final duration = Duration.zero.obs;
|
||||
final position = Duration.zero.obs;
|
||||
final isPlaying = false.obs;
|
||||
final isLoading = false.obs;
|
||||
final isRotating = false.obs;
|
||||
final isDisposed = false.obs;
|
||||
|
||||
// Current song info
|
||||
final artistName = ''.obs;
|
||||
final musicName = ''.obs;
|
||||
final likesStatus = false.obs;
|
||||
final collectionsStatus = false.obs;
|
||||
|
||||
// Song lists
|
||||
final songList = <Song>[].obs;
|
||||
final ids = <int>[].obs;
|
||||
final songUrls = <String>[].obs;
|
||||
final artists = <String>[].obs;
|
||||
final musicNames = <String>[].obs;
|
||||
final likes = <bool>[].obs;
|
||||
final collections = <bool>[].obs;
|
||||
|
||||
StreamSubscription? _positionSubscription;
|
||||
StreamSubscription? _durationSubscription;
|
||||
StreamSubscription? _playerStateSubscription;
|
||||
|
||||
void initWithSongs(List<Song> songs, int initialIndex) {
|
||||
songList.value = songs;
|
||||
currentSongIndex.value = initialIndex;
|
||||
_initializeSongLists();
|
||||
_initializePlayer();
|
||||
}
|
||||
|
||||
void _initializeSongLists() {
|
||||
for (int i = 0; i < songList.length; i++) {
|
||||
ids.add(songList[i].id);
|
||||
songUrls.add(songList[i].musicurl ?? '');
|
||||
artists.add(songList[i].artist);
|
||||
musicNames.add(songList[i].title);
|
||||
likes.add(songList[i].likes ?? false);
|
||||
collections.add(songList[i].collection ?? false);
|
||||
}
|
||||
_updateCurrentSongInfo();
|
||||
}
|
||||
|
||||
void _initializePlayer() {
|
||||
// Position updates
|
||||
_positionSubscription = audioPlayer.positionStream.listen((pos) {
|
||||
position.value = pos;
|
||||
});
|
||||
|
||||
// Duration updates
|
||||
_durationSubscription = audioPlayer.durationStream.listen((dur) {
|
||||
duration.value = dur ?? Duration.zero;
|
||||
});
|
||||
|
||||
// Player state updates
|
||||
_playerStateSubscription = audioPlayer.playerStateStream.listen((state) {
|
||||
// isPlaying.value = state.playing;
|
||||
if (state.processingState == ProcessingState.completed) {
|
||||
playNext();
|
||||
}
|
||||
});
|
||||
|
||||
// Initial load
|
||||
_loadAndPlayCurrentSong();
|
||||
}
|
||||
|
||||
void _updateCurrentSongInfo() {
|
||||
artistName.value = artists[currentSongIndex.value];
|
||||
musicName.value = musicNames[currentSongIndex.value];
|
||||
likesStatus.value = likes[currentSongIndex.value];
|
||||
collectionsStatus.value = collections[currentSongIndex.value];
|
||||
}
|
||||
|
||||
Future<void> toggleLike() async {
|
||||
final currentIndex = currentSongIndex.value;
|
||||
likesStatus.value = !likesStatus.value;
|
||||
likes[currentIndex] = likesStatus.value;
|
||||
}
|
||||
|
||||
Future<void> toggleCollection() async {
|
||||
final currentIndex = currentSongIndex.value;
|
||||
collectionsStatus.value = !collectionsStatus.value;
|
||||
collections[currentIndex] = collectionsStatus.value;
|
||||
}
|
||||
|
||||
Future<void> _loadAndPlayCurrentSong() async {
|
||||
isLoading.value = true;
|
||||
position.value = Duration.zero;
|
||||
duration.value = Duration.zero;
|
||||
_updateCurrentSongInfo();
|
||||
|
||||
await _checkAndUpdateSongStatus(currentSongIndex.value);
|
||||
|
||||
try {
|
||||
await audioPlayer.stop();
|
||||
|
||||
final localSong = downloadManager.getLocalSong(currentSongIndex.value);
|
||||
final audioSource = localSong != null
|
||||
? AudioSource.file(localSong.musicurl!)
|
||||
: AudioSource.uri(Uri.parse(songUrls[currentSongIndex.value]));
|
||||
|
||||
await audioPlayer.setAudioSource(audioSource, preload: true);
|
||||
duration.value = await audioPlayer.duration ?? Duration.zero;
|
||||
await audioPlayer.play();
|
||||
} catch (e) {
|
||||
print('Error loading audio source: $e');
|
||||
} finally {
|
||||
isLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _checkAndUpdateSongStatus(int index) async {
|
||||
if (songList[index].likes == null || songList[index].collection == null) {
|
||||
try {
|
||||
MusicListBean musicListBean = await GetMusic().getMusicById(
|
||||
id: ids[index],
|
||||
Authorization: appData.currentToken,
|
||||
);
|
||||
|
||||
if (musicListBean.code == 200) {
|
||||
likes[index] = musicListBean.likeOrNot!;
|
||||
collections[index] = musicListBean.collectOrNot!;
|
||||
|
||||
if (index == currentSongIndex.value) {
|
||||
likesStatus.value = musicListBean.likeOrNot!;
|
||||
collectionsStatus.value = musicListBean.collectOrNot!;
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
print('Error fetching song status: $e');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void playOrPause() async {
|
||||
if (audioPlayer.playing) {
|
||||
isPlaying.value = false;
|
||||
await audioPlayer.pause();
|
||||
} else {
|
||||
await audioPlayer.play();
|
||||
isPlaying.value = true;
|
||||
}
|
||||
}
|
||||
|
||||
void playNext() {
|
||||
if (currentSongIndex.value < songList.length - 1) {
|
||||
currentSongIndex.value++;
|
||||
} else {
|
||||
currentSongIndex.value = 0;
|
||||
}
|
||||
_loadAndPlayCurrentSong();
|
||||
}
|
||||
|
||||
void playPrevious() {
|
||||
if (currentSongIndex.value > 0) {
|
||||
currentSongIndex.value--;
|
||||
} else {
|
||||
currentSongIndex.value = songList.length - 1;
|
||||
}
|
||||
_loadAndPlayCurrentSong();
|
||||
}
|
||||
|
||||
void seekTo(Duration position) async {
|
||||
await audioPlayer.seek(position);
|
||||
}
|
||||
|
||||
void changeSong(int index) {
|
||||
currentSongIndex.value = index;
|
||||
_loadAndPlayCurrentSong();
|
||||
}
|
||||
|
||||
@override
|
||||
void onClose() {
|
||||
isDisposed.value = true;
|
||||
_positionSubscription?.cancel();
|
||||
_durationSubscription?.cancel();
|
||||
_playerStateSubscription?.cancel();
|
||||
audioPlayer.dispose();
|
||||
super.onClose();
|
||||
}
|
||||
}
|
||||
@ -1,329 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:music_player_miao/api/api_music_return.dart';
|
||||
import 'package:music_player_miao/common_widget/app_data.dart';
|
||||
import 'package:music_player_miao/models/getComment_bean.dart';
|
||||
import 'package:music_player_miao/models/universal_bean.dart';
|
||||
import 'package:music_player_miao/widget/text_field.dart';
|
||||
|
||||
|
||||
class CommentView extends StatefulWidget {
|
||||
|
||||
|
||||
@override
|
||||
_CommentViewState createState() => _CommentViewState();
|
||||
|
||||
CommentView({super.key, required this.initialSongIndex});
|
||||
|
||||
late final int initialSongIndex;
|
||||
}
|
||||
|
||||
class _CommentViewState extends State<CommentView> {
|
||||
List comments = [];
|
||||
|
||||
TextEditingController commentController = TextEditingController();
|
||||
FocusNode commentFocusNode = FocusNode();
|
||||
List commentTimes = [];
|
||||
List commentHeader = [];
|
||||
List commentName = [];
|
||||
bool ascendingOrder = true;
|
||||
int playlistCount = 0;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchSonglistData();
|
||||
}
|
||||
|
||||
Future<void> _fetchSonglistData() async {
|
||||
try {
|
||||
GetCommentBean bean1 = await getCommentApi().getComment(
|
||||
musicId: '1',
|
||||
pageNo: '0',
|
||||
pageSize: '10',
|
||||
Authorization: AppData().currentToken,
|
||||
);
|
||||
|
||||
// 检查 rows 是否为空
|
||||
if (bean1.rows == null) {
|
||||
print('No comments found');
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() {
|
||||
comments = bean1.rows!.map((rows) => rows.content ?? 'No content').toList();
|
||||
commentTimes = bean1.rows!.map((rows) => rows.time ?? 'Unknown time').toList();
|
||||
commentHeader = bean1.rows!.map((rows) => rows.avatar ?? 'Default avatar').toList();
|
||||
commentName = bean1.rows!.map((rows) => rows.username ?? 'Anonymous').toList();
|
||||
playlistCount = comments.length;
|
||||
});
|
||||
} catch (error) {
|
||||
print('Error fetching songlist data: $error');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
// backgroundColor: Colors.transparent,
|
||||
appBar: AppBar(
|
||||
centerTitle: true,
|
||||
backgroundColor: const Color(0xffF6FFD1),
|
||||
title: const Text(
|
||||
'评论(200)',
|
||||
style: TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 22
|
||||
),
|
||||
),
|
||||
elevation: 0,
|
||||
leading: IconButton(
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
},
|
||||
icon: Image.asset(
|
||||
"assets/img/back.png",
|
||||
width: 25,
|
||||
height: 25,
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 80,
|
||||
padding: const EdgeInsets.only(left: 20, right: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xffF9F2AF),
|
||||
borderRadius: BorderRadius.circular(20)
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Image.asset(
|
||||
"assets/img/artist_pic.png",
|
||||
width: 60,
|
||||
height: 60,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 20,),
|
||||
const Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
"背对背拥抱",
|
||||
maxLines: 1,
|
||||
style: TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400),
|
||||
),
|
||||
Text(
|
||||
"林俊杰",
|
||||
maxLines: 1,
|
||||
style: TextStyle(color: Colors.black, fontSize: 14),
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
IconButton(
|
||||
onPressed: () {},
|
||||
icon: Image.asset(
|
||||
"assets/img/music_pause.png",
|
||||
width: 25,
|
||||
height: 25,
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"评论区",
|
||||
style: TextStyle(
|
||||
fontSize: 18
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
const Text(
|
||||
"时间",
|
||||
style: TextStyle(
|
||||
fontSize: 16
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
ascendingOrder = !ascendingOrder;
|
||||
|
||||
// 使用时间排序索引列表
|
||||
List<int> sortedIndexes = List<int>.generate(comments.length, (i) => i);
|
||||
sortedIndexes.sort((a, b) {
|
||||
DateTime timeA = DateTime.parse(commentTimes[a]);
|
||||
DateTime timeB = DateTime.parse(commentTimes[b]);
|
||||
return ascendingOrder ? timeA.compareTo(timeB) : timeB.compareTo(timeA);
|
||||
});
|
||||
|
||||
comments = [for (var i in sortedIndexes) comments[i]];
|
||||
commentTimes = [for (var i in sortedIndexes) commentTimes[i]];
|
||||
commentHeader = [for (var i in sortedIndexes) commentHeader[i]];
|
||||
commentName = [for (var i in sortedIndexes) commentName[i]];
|
||||
});
|
||||
},
|
||||
icon: Image.asset(
|
||||
ascendingOrder
|
||||
? "assets/img/commend_up.png"
|
||||
: "assets/img/commend_down.png",
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
/// 显示评论的区域
|
||||
Expanded(
|
||||
child:
|
||||
ListView.builder(
|
||||
itemCount: comments.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ListTile(
|
||||
title: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
CircleAvatar(
|
||||
backgroundImage: NetworkImage(commentHeader[index])
|
||||
),
|
||||
const SizedBox(width: 10,),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(commentName[index],
|
||||
style: const TextStyle(fontSize: 18)),
|
||||
const SizedBox(width: 8),
|
||||
// Adjust the spacing between elements
|
||||
Text(commentTimes[index],
|
||||
style: const TextStyle(fontSize: 14),),
|
||||
// Add the timestamp
|
||||
],
|
||||
),
|
||||
],
|
||||
), // Ad
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 50, top: 10, bottom: 20),
|
||||
child: Text(
|
||||
comments[index],
|
||||
style: const TextStyle(
|
||||
fontSize: 18), // Customize the font size if needed
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 560,
|
||||
height: 2,
|
||||
color: const Color(0xffE3F0ED),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
///输入框和提交按钮
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextFieldColor(
|
||||
controller: commentController,
|
||||
hintText: '来发表你的评论吧!',
|
||||
)
|
||||
),
|
||||
const SizedBox(width: 8.0),
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
submitComment();
|
||||
UniversalBean bean = await commentMusic().comment(
|
||||
musicId: widget.initialSongIndex,
|
||||
content: commentController.text,
|
||||
Authorization: AppData().currentToken);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color(0xff429482),
|
||||
// Change Colors.blue to your desired background color
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(
|
||||
10), // Adjust the radius as needed
|
||||
),
|
||||
minimumSize: const Size(30, 44),
|
||||
),
|
||||
child: const Text(
|
||||
'提交',
|
||||
style: TextStyle(
|
||||
fontSize: 16
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void submitComment() async {
|
||||
String comment = commentController.text.trim();
|
||||
if (comment.isEmpty) {
|
||||
print('Comment cannot be empty');
|
||||
Get.snackbar('错误', '评论不能为空');
|
||||
return;
|
||||
}
|
||||
|
||||
print('Submitting comment with content: $comment');
|
||||
|
||||
try {
|
||||
UniversalBean bean = await commentMusic().comment(
|
||||
musicId: widget.initialSongIndex,
|
||||
content: comment,
|
||||
Authorization: AppData().currentToken,
|
||||
);
|
||||
|
||||
// 处理响应结果
|
||||
if (bean.code == 200) {
|
||||
print('Comment submitted successfully');
|
||||
commentController.clear();
|
||||
_fetchSonglistData(); // 刷新评论列表
|
||||
} else {
|
||||
print('Failed to submit comment: ${bean.msg}');
|
||||
Get.snackbar('错误', bean.msg ?? '评论提交失败');
|
||||
}
|
||||
} catch (error) {
|
||||
print('Error submitting comment: $error');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in new issue