Skip to main content

Playlist Support

Better Player includes a specialized BetterPlayerPlaylist widget designed to play a sequence of videos one after another.

Key Features​

  • Automatic Transition: Seamlessly switches to the next video when the current one finishes.
  • Skippable Intervals: A customizable delay between videos, displayed in the player UI and skippable by the user.

Implementation Workflow​

1. Create a Data Set​

Prepare a list of PlayerDataSource objects:

List<PlayerDataSource> createDataSet() {
  return [
    PlayerDataSource(DataSourceType.network, "url1"),
    PlayerDataSource(DataSourceType.network, "url2"),
    PlayerDataSource(DataSourceType.network, "url3"),
  ];
}

2. Integrate the Playlist Widget​

Pass the data set and configuration objects to the BetterPlayerPlaylist widget:

@override
Widget build(BuildContext context) {
  return AspectRatio(
    aspectRatio: 16 / 9,
    child: BetterPlayerPlaylist(
        betterPlayerConfiguration: PlayerConfiguration(),
        betterPlayerPlaylistConfiguration: const PlayerPlaylistConfiguration(),
        betterPlayerDataSourceList: dataSourceList),
  );
}

Playlist Navigation​

You can manually control playlist playback using the BetterPlayerPlaylistController:

// To play the next video in the playlist
betterPlayerPlaylistController.playNextVideo();

// To play the previous video in the playlist
betterPlayerPlaylistController.playPreviousVideo();