flutter_aliplayer/example/lib/page/player_fragment/track_fragment.dart

import 'package:flutter/material.dart';
import 'package:flutter_aliplayer/flutter_aliplayer.dart';
import 'package:fluttertoast/fluttertoast.dart';

class TrackUIModel {
  bool isOpen;
  var selValue;
  String title;
  List<SubTrackUIModel> children;
  TrackUIModel({this.selValue, this.isOpen, this.title, this.children});
}

class TrackFragment extends StatefulWidget {
  final FlutterAliplayer fAliplayer;
  TrackFragment(Key key, this.fAliplayer) : super(key: key);
  @override
  TrackFragmentState createState() => TrackFragmentState();
}

class SubTrackUIModel {
  String title;
  var value;
  SubTrackUIModel({this.title, this.value});
}

class TrackFragmentState extends State<TrackFragment> {
  List<TrackUIModel> _list;
  var _previewLastSubtitleIndex = -1;
  bool _isDelayTimeTfShow = false;

  TextEditingController _durationController = TextEditingController();

  Map extSubTitleMap = {
    "cn":
        "https://alivc-player.oss-cn-shanghai.aliyuncs.com/6137c3dedd00a00547a1e8e5e3355369.vtt",
    "en":
        "https://alivc-player.oss-cn-shanghai.aliyuncs.com/6b4949a8c3950f8aa76f1fed6730e525.vtt"
  };

  @override
  void initState() {
    super.initState();

    // loadData();
    _initData();

    widget.fAliplayer.setOnSubtitleExtAdded((trackIndex, url,playerId) {
      String curKey = '';
      extSubTitleMap.forEach((key, value) {
        if (url == value) {
          curKey = key;
        }
      });
      if (trackIndex < 0) {
        Fluttertoast.showToast(msg: '外挂字幕${curKey}添加失败');
      } else {
        _list[4].children.removeWhere((element) => element.title == curKey);
        _list[4]
            .children
            .add(SubTrackUIModel(title: curKey, value: trackIndex));
        setState(() {});
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scrollbar(
      child: SingleChildScrollView(
          child: ExpansionPanelList(
        expandedHeaderPadding: EdgeInsets.symmetric(vertical: 1),
        expansionCallback: (index, bool) {
          if(index==_list.length){//最后一项 单独处理逻辑
            _isDelayTimeTfShow = !_isDelayTimeTfShow;
            FocusScope.of(context).requestFocus(FocusNode());
          }else{
            TrackUIModel model = _list[index];
            model.isOpen = !model.isOpen;
          }
          setState(() {});
        },
        children: _list.map((TrackUIModel element) {
          return ExpansionPanel(
            canTapOnHeader: true,
            headerBuilder: (context, isExpanded) {
              return Center(child: Text('${element.title}'));
            },
            body: Column(
              children: element.children
                  .map((SubTrackUIModel e) => InkWell(
                        onTap: () {
                          if (element.title == '---- 外挂字幕 ----') {
                            //取消选中
                            if (_previewLastSubtitleIndex != e.value) {
                              widget.fAliplayer.selectExtSubtitle(
                                  _previewLastSubtitleIndex, false);
                            }

                            //判断是否是选中状态
                            bool isSelected = element.selValue == e.value;
                            if (isSelected) {
                              element.selValue = -1;
                            } else {
                              element.selValue = e.value;
                            }
                            widget.fAliplayer
                                .selectExtSubtitle(e.value, !isSelected);
                            _previewLastSubtitleIndex = e.value;
                          } else {
                            element.selValue = e.value;
                            widget.fAliplayer
                                .selectTrack(element.selValue, accurate: 0);
                          }
                          setState(() {});
                        },
                        child: Row(
                          children: [
                            Expanded(child: Center(child: Text('${e.title}'))),
                            Container(
                                width: 80,
                                height: 33,
                                alignment: Alignment.center,
                                child: element.selValue == e.value
                                    ? Icon(
                                        Icons.check,
                                        color: Theme.of(context).accentColor,
                                        size: 18,
                                      )
                                    : null)
                          ],
                        ),
                      ))
                  .toList(),
            ),
            isExpanded: element.isOpen,
          );
        }).toList()
          ..add(ExpansionPanel(
            canTapOnHeader: true,
            isExpanded: _isDelayTimeTfShow,
            headerBuilder: (context, isExpanded) {
              return Center(child: Text('---字幕时间调整----'));
            },
            body: Container(
              height: 60,
              padding: EdgeInsets.only(left: 8, right: 8, bottom: 20),
              child: Row(children: [
                Expanded(
                  child: TextField(
                    controller: _durationController,
                    keyboardType: TextInputType.number,
                    decoration: InputDecoration(
                      hintText: "外挂字幕延迟时间，单位毫秒",
                      enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.all(
                          Radius.circular(2),
                        ),
                        borderSide: BorderSide(
                          color: Colors.black12,
                          width: 1,
                        ),
                      ),
                      focusedBorder: OutlineInputBorder(
                          borderSide: BorderSide(
                        color: Colors.black12,
                        width: 1,
                      )),
                    ),
                  ),
                ),
                TextButton(
                  onPressed: () {
                    FocusScope.of(context).requestFocus(FocusNode());
                    int duration = int.tryParse(_durationController.text);
                    print('-------$duration');
                    widget.fAliplayer.setStreamDelayTime(_previewLastSubtitleIndex, duration);
                  },
                  child: const Text('确定'),
                ),
              ]),
            ),
          )),
      )),
    );
  }

  prepared() {
    if (_list != null && _list.length > 0) {
      widget.fAliplayer.selectExtSubtitle(_list[4].selValue, false);
      _list[4].selValue = -1;
    }
  }

  _initData() {
    _list = [
      TrackUIModel(
          isOpen: false, title: '---- VIDEO ----', selValue: -1, children: []),
      TrackUIModel(
          isOpen: false, title: '---- AUDIO ----', selValue: -1, children: []),
      TrackUIModel(
          isOpen: false,
          title: '---- SUBTITLE ----',
          selValue: -1,
          children: []),
      TrackUIModel(
          isOpen: false, title: '---- VOD ----', selValue: -1, children: []),
      TrackUIModel(
          isOpen: false, title: '---- 外挂字幕 ----', selValue: -1, children: []),
    ];
  }

  onTrackChanged(AVPTrackInfo info) {
    //自动码率切换成功
    if (info.trackType == 0) {
      _list[0].children[0].title = "自动码率(${info.trackDefinition})";
      setState(() {});
    }
  }

  loadData() {
    _initData();
    //添加外挂字幕
    extSubTitleMap.forEach((key, value) {
      widget.fAliplayer.addExtSubtitle(value);
    });
    widget.fAliplayer.getMediaInfo().then((value) {
      AVPMediaInfo info = AVPMediaInfo.fromJson(value);
      if (info.tracks.length > 0) {
        bool _hasVodDefinition = false;
        info.tracks.forEach((element) {
          SubTrackUIModel model = SubTrackUIModel();
          model.value = element.trackIndex;
          model.title = element.trackDefinition;
          if (element.trackType == 0) {
            _hasVodDefinition = true;
          }
          _list[element.trackType].children.add(model);
        });

        //获取当前选中状态值
        for (int i = 0; i < 4; i++) {
          widget.fAliplayer.getCurrentTrack(i).then((value) {
            if (value != null) {
              AVPTrackInfo track = AVPTrackInfo.fromJson(value);
              _list[i].selValue = track.trackIndex;
              //码率
              if (_hasVodDefinition && track.trackType == 0) {
                _hasVodDefinition = false;
                SubTrackUIModel model = SubTrackUIModel();
                model.title = "自动码率(${track.trackDefinition})";
                model.value = -1;
                _list[0].children.insert(0, model);
              }
            }
          });
        }
      }
    });
  }
}