WPF+LibVLC开发播放器-音量控制和倍速控制

界面

界面上增加音量的控件和倍速控制控件

音量控制

主要也是一个Slider进度条控件来实现音量调节

我们这里设置默认的最大值为100,默认Value值也为100,默认声音开到最大

这里目前完全由前端控制音量调节,可以直接使用ValueChanged事件实现

xml 复制代码
<Slider
    Width="120"
    Margin="0,30,0,0"
    HorizontalAlignment="Center"
    VerticalAlignment="Top"
    Maximum="100"
    ValueChanged="Slider_ValueChanged"
    Value="100" />
<TextBlock
    Margin="280,35,0,6"
    HorizontalAlignment="Left"
    Text="音量"
    TextWrapping="Wrap" />

代码实现

直接实现一下Slider_ValueChanged事件,我们获取下Slider的当前值,将他转换后,赋值给MediaPlayer的Volume 属性

Volume 属性:获取/设置音量百分比,从0-100,0就是静音

csharp 复制代码
private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
 if (_player != null)
 {
     var slider = (Slider)sender;
     _player.Volume = Convert.ToInt32(slider.Value);
 }
}

倍速控制

这里主要使用一个ComboBox来添加倍速的选项

通过SelectionChanged事件才触发倍速修改

csharp 复制代码
 <TextBlock
     Margin="508,32,0,0"
     HorizontalAlignment="Left"
     VerticalAlignment="Top"
     Text="倍速"
     TextWrapping="Wrap" />
 <ComboBox
     Name="SpeedCBox"
     Width="120" SelectionChanged="SpeedCBox_SelectionChanged"
     Margin="557,29,0,0"
     HorizontalAlignment="Left"
     VerticalAlignment="Top" />

代码实现

直接实现一下SpeedCBox_SelectionChanged我们获取下ComboBox的当前选项,通过SetRate方法设置播放速率

csharp 复制代码
 private void SpeedCBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
 {
     if (_player != null)
     {
         _player.SetRate((float)SpeedCBox.SelectedItem);
     }
 }

效果

实现了音量控制和倍速播放

视频教程

WPF+LibVLC开发播放器-实现播放器音量控制

相关推荐
weixin_4935036710 小时前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录
前端·pdf·状态模式
晴天1617 小时前
前端跨域方案解析:JSONP 的原理、实战与演进
前端·状态模式
晴天161 天前
HTML iframe 标签全面解析:原理、属性、实战场景与最佳实践
前端·html·状态模式
nvd111 天前
深入现代 Web 鉴权架构:网关统一代理 (Forward-Auth) vs 前端持有 JWT 的终极选型与边缘同域实践
前端·架构·状态模式
你别说话了2 天前
Vue3对接AI Agent: 封装流式对话组件
状态模式
FuckPatience2 天前
WPF 窗体唤醒,判断是否已存在,存在则弹出
wpf
程序员清风2 天前
从单体应用到微服务:后端系统拆分的基本方法
微服务·架构·wpf
陈驰_05042 天前
需求列表接口 422 Unprocessable Entity 排查与修复全记录
状态模式·fastapi·vue 3
两点王爷3 天前
Java 与前端加载 MVT 数据:从服务端切片到浏览器渲染
java·前端·状态模式
码匠许师傅3 天前
【设计模式精讲】25.状态模式(State)
c++·ui·设计模式·状态模式·uml