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

相关推荐
十月南城18 小时前
Flink实时计算心智模型——流、窗口、水位线、状态与Checkpoint的协作
大数据·flink·wpf
山北雨夜漫步2 天前
点评Day06 剩下的卡拉米,我不都写,只写一些新奇的
状态模式
木斯佳3 天前
前端八股文面经大全:京东零售前端实习一面(2026-1-20)·面经深度解析
前端·状态模式·零售
木斯佳3 天前
前端八股文面经大全:字节前端一面(2026-2-1)·面经深度解析
前端·状态模式
前端不太难3 天前
Flutter 页面切换后为什么会“状态丢失”或“状态常驻”?
flutter·状态模式
听麟3 天前
HarmonyOS 6.0+ 跨端会议助手APP开发实战:多设备接续与智能纪要全流程落地
分布式·深度学习·华为·区块链·wpf·harmonyos
@hdd3 天前
Kubernetes 可观测性:Prometheus 监控、日志采集与告警
云原生·kubernetes·wpf·prometheus
前端不太难3 天前
从零写一个完整的原生鸿蒙 App
华为·状态模式·harmonyos
木斯佳4 天前
前端八股文面经大全:小红书前端一面(2026-2-3)·面经深度解析
前端·状态模式
geovindu4 天前
python: State Pattern
python·状态模式