如何使用 just_audio 中的 firestore 中的多个音频数据动态填充 AudioSource？

Question

我一直在尝试使用来自 firestore 的数据动态填充 AudioSource.uri()。

我将一些歌曲上传到 firestore 数据库中，我想将这些数据用于我的应用程序中的 just_audio 播放列表。我已经尽力了，我真的不知道为什么它不起作用。

我不想像插件示例中那样静态添加歌曲网址和其他数据。

这是我的尝试：

首先，我使用 StreamBuilder 获取歌曲数据并将其作为 DocumentSnapshot 列表传递到 JustAudioPlaylist() 页面；

List<DocumentSnapshot> _list;
_list = snapshot.data.docs;

Flexible(
              child: ListView.builder(
                  itemCount: 1,
                  itemBuilder: (BuildContext context, int index) {
                    return InkWell(
                      onTap: () {
                        Navigator.push(
                            context,
                            MaterialPageRoute(
                              builder: (context) => JustAudioPlaylist(
                                songs: [_list[index]],
                                
                              ),
                            ));
                      },
                      child:
                          Container(child: Center(child: Text('My Playlists'))),
                    );
                  }),
            )

然后，这是我希望检索并填充 AudioSource.uri() 的 JustAudioPlaylist 页面。

class JustAudioPlaylist extends StatefulWidget {
  final List songs;

  JustAudioPlaylist({this.songs});
  @override
  _JustAudioPlaylistState createState() => _JustAudioPlaylistState();
}

class _JustAudioPlaylistState extends State<JustAudioPlaylist> {
  AudioPlayer _player;
  int _addedCount = 0;
  var _playlist;
  @override
  void initState() {
    _playlist
        .addAll(widget.songs.map((song) => ConcatenatingAudioSource(children: [
              AudioSource.uri(
                Uri.parse(song['song']),
                tag: AudioMetadata(
                  album: "Science Friday",
                  title: song['songTitle'],
                  artwork: song['songImage'],
                ),
              ),
            ])));

我不确定为什么它不起作用，但它会产生错误“addAll was called on null”。请问有人能帮忙吗？

Answer 1

您的相关代码是：

_playlist.addAll(...);

错误意思是_playlist是null。也就是说，_playlist 是一个未初始化的变量，实际上不包含任何播放列表对象。我可以看到你声明了变量，所以它开始时是空的：

var _playlist;

但是您实际上从未将任何内容存储到此变量中，例如 _playlist = ...something...。所以你的 _playlist 变量从 null 开始并继续保持 null.

您可以这样做：

_playlist = ConcatenatingAudioSource(children: []);

// and then later...
_playlist.addAll(widget.songs.map(...etc...));

尽管 addAll 用于在创建播放列表后动态修改播放列表。但在你的情况下，你知道在初始化时要播放哪些歌曲，所以你最好在开始时就初始化播放列表，以后就不必再添加了：

_playlist = ConcatenatingAudioSource(
  children: widget.songs.map(...etc...)
);

如何使用 just_audio 中的 firestore 中的多个音频数据动态填充 AudioSource？

How to dynamically populate AudioSource with multiple audio data from firestore in just_audio?

just-audio