如何在LibVLCSharp的VideoView上绘制OSD叠加层？

你的问题根源在于：播放视频时，LibVLC会通过硬件加速（DirectX/OpenGL）直接将视频帧渲染到VideoView的窗口句柄上，这个渲染层级高于WinForms的GDI+绘图，所以你用videoView1_Paint事件或Graphics.FromHwnd绘制的内容会被视频帧完全覆盖，导致播放后无法显示。

以下是两种可行的解决方案，都是基于LibVLC原生支持的OSD机制，不会被视频渲染覆盖：

方案1：使用Marquee（适合简单静态文本OSD） #

LibVLC内置了Marquee功能，可以快速添加文本式OSD，无需额外控件。

修改你的代码，添加设置Marquee的方法，并在播放时启用：

public partial class Form1 : Form
{
    private LibVLC libVLC;
    private MediaPlayer mediaPlayer;

    public Form1()
    {
        InitializeComponent();
        libVLC = new LibVLC();
        mediaPlayer = new MediaPlayer(libVLC);
        var myMedia = new Media(libVLC, new Uri(@"C:\ffmpeg\Sample.mp4"));
        mediaPlayer.Media = myMedia;
        videoView1.MediaPlayer = mediaPlayer;
    }

    // 设置Marquee OSD
    private void SetupMarqueeOSD()
    {
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Enable, 1); // 启用Marquee
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Text, "Hello OSD"); // OSD文本
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Size, 24); // 字体大小
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Position, 2); // 位置：2=右上角
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Color, 0xFFFFFF); // 白色（0xRRGGBB格式）
        mediaPlayer.SetMarquee(MediaPlayerMarqueeOption.Timeout, 0); // 0表示一直显示
    }

    private void cmdPlay_Click(object sender, EventArgs e)
    {
        if (videoView1.MediaPlayer.IsPlaying)
        {
            cmdPlay.Text = "Play";
            videoView1.MediaPlayer.Pause();
        }
        else
        {
            cmdPlay.Text = "Pause";
            SetupMarqueeOSD(); // 启动播放前设置OSD
            videoView1.MediaPlayer.Play();
        }
    }

    // 其他原有方法...
}

方案2：使用Overlay（适合自定义图形/动态内容OSD） #

如果需要更复杂的OSD（比如动态文本、图形、控件组合），可以使用LibVLC的Overlay机制，将WinForms控件作为覆盖层叠加在视频上方。

步骤如下：

1. 在Form设计器中添加一个自定义控件（比如Label、Panel），设置BackColor = Transparent，调整样式和初始位置。
2. 在代码中将控件绑定到VideoView，并通过LibVLC注册为Overlay。

示例代码：

public partial class Form1 : Form
{
    private LibVLC libVLC;
    private MediaPlayer mediaPlayer;
    private Label osdLabel; // 自定义OSD控件

    public Form1()
    {
        InitializeComponent();
        libVLC = new LibVLC();
        mediaPlayer = new MediaPlayer(libVLC);
        var myMedia = new Media(libVLC, new Uri(@"C:\ffmpeg\Sample.mp4"));
        mediaPlayer.Media = myMedia;
        videoView1.MediaPlayer = mediaPlayer;

        // 初始化OSD控件
        osdLabel = new Label
        {
            Text = "Hello Custom OSD",
            Font = new Font("Arial", 9, FontStyle.Bold),
            ForeColor = Color.White,
            BackColor = Color.Transparent,
            AutoSize = true,
            Visible = false
        };
        osdLabel.Parent = videoView1;
        osdLabel.Location = new Point(10, 10);
        Controls.Add(osdLabel);
    }

    private void cmdPlay_Click(object sender, EventArgs e)
    {
        if (videoView1.MediaPlayer.IsPlaying)
        {
            cmdPlay.Text = "Play";
            videoView1.MediaPlayer.Pause();
            osdLabel.Visible = false;
        }
        else
        {
            cmdPlay.Text = "Pause";
            videoView1.MediaPlayer.Play();
            osdLabel.Visible = true;
            // 注册Overlay，指定控件句柄和位置大小
            mediaPlayer.AddOverlay(osdLabel.Handle, new LibVLCSharp.Media.Rectangle(10, 10, osdLabel.Width, osdLabel.Height));
        }
    }

    // 动态更新OSD内容的示例方法
    private void cmdUpdateOSD_Click(object sender, EventArgs e)
    {
        osdLabel.Text = "Updated OSD Content";
        osdLabel.Location = new Point(50, 50);
        // 更新Overlay的位置
        mediaPlayer.UpdateOverlay(osdLabel.Handle, new LibVLCSharp.Media.Rectangle(50, 50, osdLabel.Width, osdLabel.Height));
    }

    // 其他原有方法...
}

关键说明 #

• 不要用WinForms的GDI+绘图方式在VideoView上叠加内容，播放时会被LibVLC的硬件渲染覆盖。
• Marquee适合快速添加静态文本，Overlay适合自定义复杂UI。
• Overlay控件必须设置Parent = videoView1，确保它随VideoView移动和缩放。

内容的提问来源于stack exchange，提问作者Mehdi