Javascript 如何从firestore动态地将多个音频数据提取到asset_audio_播放器列表中?

Javascript 如何从firestore动态地将多个音频数据提取到asset_audio_播放器列表中?,javascript,google-cloud-firestore,audio-player,just-audio,Javascript,Google Cloud Firestore,Audio Player,Just Audio,我一直在尝试使用assets\u audio\u player制作播放列表。我想从firestore集合中动态获取数据,但无法将所有歌曲都放入播放列表 我一直试图用firestore的数据动态填充音频列表,但没有成功 我在db收藏中有3首歌曲,但我只能将其中的1首放入音频列表 我不想静态添加歌曲URL,如插件示例所示。有人能帮忙吗 以下是我的尝试: 首先,我使用StreamBuilder获取数据并将其传递给AudioPlayerBackgroundPlaylist() 儿童: snapShot.

我一直在尝试使用
assets\u audio\u player
制作播放列表。我想从firestore集合中动态获取数据,但无法将所有歌曲都放入播放列表

我一直试图用firestore的数据动态填充音频列表,但没有成功

我在db收藏中有3首歌曲,但我只能将其中的1首放入音频列表

我不想静态添加歌曲URL,如插件示例所示。有人能帮忙吗

以下是我的尝试:

首先,我使用StreamBuilder获取数据并将其传递给
AudioPlayerBackgroundPlaylist()

儿童:
snapShot.data.docs.map((DocumentSnapshot文档){
回墨槽(
onTap:(){
MaterialPage路线(建筑商:(
上下文)=>音频播放器背景播放列表(
song:document.data()['song'],
songTitle:document.data()['songTitle'],
艺人名称:document.data()['artist']['artistName'],
)));
这里是
AudioPlayerBackgroundPlaylist
页面,我希望在这里看到歌曲,但我只看到db集合中三首歌曲中的一首

class AudioPlayerBackgroundPlaylist扩展StatefulWidget{
弦乐歌曲名称、艺人姓名、歌曲;
音频播放器背景播放列表(
{这个名字,
这位艺术家的名字,
这首歌,
});
@凌驾
_AudioPlayerBackgroundPlayState createState()=>
_AudioPlayerBackgroundPlayState();
}
类\u音频播放器背景播放状态
扩展状态{
最终AssetsAudioPlayer audioPlayer=AssetsAudioPlayer();
列出音频;
@凌驾
void initState(){
音频=[
音频网络(
宋先生,
metas:metas(标题:widget.songTitle,艺术家:widget.artistName)),
]
super.initState();
设置播放列表();
}
@凌驾
无效处置(){
super.dispose();
audioPlayer.dispose();
}
void setupPlaylist()异步{
音频播放器(
播放列表(音频:音频),
showNotification:对,
自动启动:错误);
}
播放音乐()异步{
等待audioPlayer.play();
}
pauseMusic()异步{
等待音频播放器。暂停();
}
SkippPrevious()异步{
等待audioPlayer.previous();
}
skipNext()异步{
等待audioPlayer.next();
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
主体:容器(
对齐:对齐.center,
子:audioPlayer.builderSplaying(生成器:(上下文,isPlaying){
返回行(
mainAxisAlignment:mainAxisAlignment.center,
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
图标按钮(
iconSize:50,
图标:图标(图标。跳过上一个图标),
onPressed:()=>SkippPrevious()),
图标按钮(
iconSize:50,
图标:图标(iPlay)
?图标。暂停
:图标。播放箭头(圆形),
按下时:()=>显示?暂停音乐():播放音乐()),
图标按钮(
iconSize:50,
图标:图标(图标。跳过下一个图标),
按下时:()=>skipNext()
],
);
}),
),
);
}
}

你能展示你的一些代码吗。@TarikHuber你好,我已经编辑了这个问题并添加了部分代码。我期待着你的帮助。谢谢你只发送了一首歌到
AudioPlayerBackgroundPlaylist
你需要重新编写
AudioPlayerBackgroundPlaylist
列表才能使用它。但我可以说,使用它并不容易。我在我的一个应用程序中也使用了相同的库。非常奇怪和错误的库。谢谢你的回答,现在我明白了发生了什么。问题是我不知道如何让AudioPlayerBackgroundPlaylist接收音频列表而不是字符串,甚至不知道如何从StreamBuilde发送列表你能给我指一下这方面的指南吗?再次感谢你的帮助