Vlc.DotNet 视频画面拉伸满整个控件的方法

Vlc.DotNet 视频画面拉伸满整个控件的方法

引用Vlc.DotNet

根据官方的例子,首先下载VLC,把VLC里面的各种dll拷贝到输出目录里面,然后安装Nuget包Vlc.DotNet.Core.Interops ,Vlc.DotNet.Core,根据程序的类型选择用Vlc.DotNet.Forms还是Vlc.DotNet.Wpf。具体教程网上有很多例子。相信各位搜索到这个问题也是把环境已经搭好了。

实现代码

这里我的程序用的是Wpf,直接上效果。在这里插入图片描述
xaml代码如下
基本上和官方的示例代码一样

<Window x:Class="VLCTest.DemoWin"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:wpf="clr-namespace:Vlc.DotNet.Wpf;assembly=Vlc.DotNet.Wpf"
        xmlns:local="clr-namespace:VLCTest"
        mc:Ignorable="d"
        Title="DemoWin" Height="450" Width="800">
    <Grid>
        <ContentControl Width="400" Height="400" Name="Container">
            <wpf:VlcControl x:Name="VlcControl" />
        </ContentControl>
        <Button Content="Stop" HorizontalAlignment="Left" Margin="664,360,0,0" VerticalAlignment="Top" Width="75" Click="StopPlay"/>
    </Grid>
</Window>

播放代码如下

        private void Play()
        {
            string path = @"D:\TestFiles\TestVideo.mp4";
            string currentDirectory = Directory.GetCurrentDirectory();
            DirectoryInfo vlcDirectory = new DirectoryInfo(System.IO.Path.Combine(currentDirectory, "VLC"));
            VlcControl.SourceProvider.CreatePlayer(vlcDirectory);
            FileInfo playFile = new FileInfo(path);
            // 这里把帧图像拉伸成填满整个控件
            var viewBox = VlcControl.Content as Viewbox;
            viewBox.Stretch = System.Windows.Media.Stretch.Fill;
            VlcControl.SourceProvider.MediaPlayer.Play(playFile);
        }

这里可以看到,只要把控件里面的ViewBox拉伸模式改成Fill填满整个控件即可。

实现思路

这里先要感谢这位大佬的文章为我提供了思路。
参考:https://my.oschina.net/duoing/blog/1499664
要实现视频画面填满整个控件的效果,其实就是要吧视频的输出横纵比改变。这里有两种思路:
1.视频流渲染成画面的时侯就按一定的横纵比渲染然后缩放。这就需要在调用VLC时通过参数或者调用改变横纵比的方法实现。
2.拿到渲染的每一帧画面后,在呈现到界面之前,对画面进行缩放调整横纵比然后再输出到画面上。这中方案就要靠界面程序来实现,靠也就是我们自己写的程序对每一帧画面再加工一次然后输出。
以上代码采用的是第二种方案。

方案对比

第一种方案明显比第二种方案更节约性能,因为它在源头就把帧画面渲染好了。第二种方案虽然多了一个拉伸画面的操作,但是它不需要深入地了解VLC内部的实现机制。总的来说,第二种方案其实属于取巧的方案,遇到多区域播放或者播放高分辨率视频的时候可能还是会有卡顿。

踩坑记录

一开始决定自己拉伸帧画面的时候,我的第一想法就先看看Vlc.dotnet.Wpf 源码中VlcControl 这个控件是怎么实现的,结果一看发现代码不多,才几十行。虽然说是几十行,但还是十分硬核,作者把帧渲染和呈现完全分离开,在控件里就只负责把拿到的画面丢到Image里面,然后绑定渲染源,每变化一帧就改变画面。
部分源码

        /// <summary>
        /// The constructor
        /// </summary>
        public VlcControl()
        {
            sourceProvider = new VlcVideoSourceProvider(this.Dispatcher);
            this.viewBox = new Viewbox
            {
                Child = this.videoContent,
                Stretch = Stretch.Uniform
            };

            this.Content = this.viewBox;
            this.Background = Brushes.Black;
            // Binds the VideoSource to the Image.Source property
            this.videoContent.SetBinding(Image.SourceProperty, new Binding(nameof(VlcVideoSourceProvider.VideoSource)) { Source = sourceProvider });
        }

刚刚好这里的VlcControl是继承于UserControl控件,里面的Content就是ViewBox,把ViewBox的拉伸模式改成Fill就刚好能实现效果。
最后感谢一下Vlc.dotnet 作者的良好设计和开源精神,站在巨人的肩膀上我们才看得更远。

Vlc.dotnet 源码:https://github.com/ZeBobo5/Vlc.DotNet/tree/develop/src
如果这篇文章有幸帮助到你,请不要吝啬你的赞。

  • 4
    点赞
  • 6
    收藏
  • 打赏
    打赏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页
评论 8

打赏作者

初夏de遐想

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值