网站 移动化模板自助建站

界面

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

音量控制

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

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

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

<SliderWidth="120"Margin="0,30,0,0"HorizontalAlignment="Center"VerticalAlignment="Top"Maximum="100"ValueChanged="Slider_ValueChanged"Value="100" />
<TextBlockMargin="280,35,0,6"HorizontalAlignment="Left"Text="音量"TextWrapping="Wrap" />

代码实现

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

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

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

倍速控制

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

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

 <TextBlockMargin="508,32,0,0"HorizontalAlignment="Left"VerticalAlignment="Top"Text="倍速"TextWrapping="Wrap" /><ComboBoxName="SpeedCBox"Width="120" SelectionChanged="SpeedCBox_SelectionChanged"Margin="557,29,0,0"HorizontalAlignment="Left"VerticalAlignment="Top" />

代码实现

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

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

效果

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

视频教程