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开发播放器-实现播放器音量控制

相关推荐
u0111026756 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
星恒随风16 小时前
Linux进程基础(二):进程调度、上下文切换、O(1)调度器、环境变量与虚拟地址空间
linux·笔记·学习·状态模式
江曦仁2 天前
ALV 选择框勾选不更新
状态模式
一条闲鱼_mytube2 天前
高并发短链接系统设计
wpf
一个天蝎座 白勺 程序猿3 天前
IoTDB集群扩容:从慌乱到从容的经验分享
数据库·wpf·时序数据库·iotdb
samble4 天前
从零搭建灌装监控系统(十三):报警系统设计,生命周期与通知
c#·wpf·mvvm·modbus·工业控制
samble4 天前
从零搭建灌装监控系统(十二):配置系统,原子写入与容错
c#·wpf·mvvm·modbus·工业控制
lank_M5 天前
抠图换深色背景有白边?先分清直通和预乘alpha
图像处理·人工智能·计算机视觉·状态模式
弹简特5 天前
【Java项目-企悦抽】17-抽奖模块02-抽奖接口实现
java·开发语言·状态模式·springboot
我是你的开心果7786 天前
ai全栈软件开发学习day27
人工智能·学习·状态模式