Skip to content

A sample demonstrates how to use and customize the LibVLCSharp MediaElement control.

Notifications You must be signed in to change notification settings

egbakou/VlcXamSample

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to use the MediaElement control ?

<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}" />

Without customization, the view looks like VLC Android or iOS UI.

This screenshot comes from the sample using LibVLCSharp.Forms v.3.5.1

Customizations

  • Hide the Playback Controls (the Seek bar and the buttons Bar)
<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}">
    <vlc:MediaPlayerElement.PlaybackControls>
        <vlc:PlaybackControls IsVisible="False"  />
    </vlc:MediaPlayerElement.PlaybackControls>
</vlc:MediaPlayerElement>

  • Change the Main Color
<vlc:MediaPlayerElement
    EnableRendererDiscovery="True"
    LibVLC="{Binding LibVLC}"
    MediaPlayer="{Binding MediaPlayer}">
    <vlc:MediaPlayerElement.PlaybackControls>
        <vlc:PlaybackControls MainColor="Red"  />
    </vlc:MediaPlayerElement.PlaybackControls>
</vlc:MediaPlayerElement>

This screenshot comes from the sample using LibVLCSharp.Forms v.3.5.1

Just type Ctrl + Space in the vlc:PlaybackControls tag to discover more customizable properties.

About

A sample demonstrates how to use and customize the LibVLCSharp MediaElement control.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages