This library extends the media_kit library with widgets designed to enhance the TV experience.

Contributing and Maintenance

For now, I have adapted the Material video controls from the base package and optimized them for TV. I am using this material_tv widget myself in Open Media Station, and I will continue to add any features that I find useful.

Additionally, I welcome any PRs from the community that include fixes or new features.

Features

• material_tv widget optimized for TV

Usage

Material TV Controls

You can use the material_tv widgets similarly to the original widgets from media_kit. For further documentation, refer to media_kit's video controls documentation.

To see my implementation in action, check out the Open Media Station video frontend repository.

var tvThemeData = MaterialTvVideoControlsThemeData(
    topButtonBar: topButtonBar,
    bottomButtonBar: bottomButtonBar,
    visibleOnMount: true,
    seekBarThumbColor: seekBarColor,
    seekBarPositionColor: seekBarColor,
    primaryButtonBar: [
      const MaterialTvPlayOrPauseButton(
          iconSize: 124,
      ),
    ],
);

return MaterialTvVideoControlsTheme(
    normal: tvThemeData,
    fullscreen: tvThemeData,
    child: Scaffold(
        body: Video(
            controller: controller,
            controls: (state) {
                return MaterialTvVideoControls(state);
            },
        ),
    ),
);