Customizing FlyleafME UI / KeyBindings with custom Slider controls

[AslanPAPA]

Hi! First of all, thank you for this awesome and extremely fast media player library for WPF.

I am currently building a custom video player layout and trying to achieve some UI customization. I have two questions regarding FlyleafME and custom controls:

1. Is there an easy way to customize the built-in FlyleafME navigation panel? Specifically, I would like to change the slider color, hide certain buttons that I don't need (like settings or subtitles), or completely style it?

2. If full customization of FlyleafME isn't possible and I have to use FlyleafHost with my own custom navigation panel (custom WPF Slider, Play/Pause buttons, etc.), is there a way to link Flyleaf's built-in KeyBindings mechanism to my custom UI controls?
   I want the built-in hotkeys (like Arrows for seeking or Space for play) to smoothly update and synchronize with my custom slider and button.

Thank you in advance for your help!

[SuRGeoNix]

You can override the templates for FlyleafME and customize it based on your needs. If that's not enough you can then build your own with lower level FlyleafHost. You can also configure any key bindings that you want. Check issues/questions/wiki/samples and if you have some specific questions let me know!

[AslanPAPA]

Hi again :)!
I tried to modify the FlyleafME template using the following approach:
<ControlTemplate x:Key="FlyleafMETemplate1" TargetType="{x:Type fl:FlyleafME}"> <Grid/> </ControlTemplate>
However, it seems that this approach does not allow me to remove unwanted controls such as the settings button or subtitles button, nor does it allow me to properly customize the slider style (for example, changing its colors or appearance).

Could you please clarify what is the correct way to fully customize the FlyleafME UI?
Is it possible to hide specific built-in buttons and apply custom styles to the default controls, or is the recommended approach to build a fully custom UI using FlyleafHost instead?

[SuRGeoNix]

Quick answer but this more WPF question... Check the styles/dictionaries and create your own:

https://github.com/SuRGeoNix/Flyleaf/blob/master/FlyleafLib.Controls.WPF/Themes/FlyleafME.xaml#L11

[AslanPAPA]

Thank you for the information. As I understand it, I need to use FlyleafME and create my own style, then copy the style you sent into it, and use that style ?

But how can I remove the actual buttons (for exmpl. subtitles) in the navigation panel that I don’t plan to use?

And what exactly is FlyleafBar? Is it part of FlyleafME, or is it a separate component?

[AslanPAPA]

And now i make this:

        private void VideoForm_KeyDown(object sender, KeyEventArgs e)
        {
            if (player == null) return;

            if (e.Key == Key.Right)
            {
                if (seekOffsetValue == 5) player.SeekForward();
                else if (seekOffsetValue == 10) player.SeekForward2();
                else if (seekOffsetValue == 15) player.SeekForward3();
            }
            else if (e.Key == Key.Left)
            {
                if (seekOffsetValue == 5) player.SeekBackward();
                else if (seekOffsetValue == 10) player.SeekBackward2();
                else if (seekOffsetValue == 15) player.SeekBackward3();
            }

            e.Handled = true;
        }

I built my own slider, and it works better for short videos (except when seeking backward, it jumps from 0:20 to 0:10). This happens with offline videos, and with online videos it works a bit worse.
maybe its cz i m udating my slider using binding ?

 <Slider
     x:Name="positionSlider"
     Grid.Row="0"
     Margin="5,0"
     Maximum="{Binding Player.Duration}"
     Minimum="0"
     PreviewMouseLeftButtonDown="VideoSlider_PreviewMouseLeftButtonDown"
     Style="{DynamicResource VideoSliderStyle}"
     Value="{Binding Player.CurTime, Mode=TwoWay}" />

I promise you can u help me with this, i just need to pass my diploma soon) Thanks again)