１秒間隔で繰り返してしまうのは、タイマーでスライダーの現在値を変更するとスライダーの現在値が変更されたときのValueChangedイベントが発生しますが、イベントが呼び出されるときにはすでに再生中の現在位置は先に進んでいるので、巻き戻し状態になってしまっているのでしょう。
１ミリ秒間隔は巻き戻しが頻繁に行われてしまうために値がほとんど変化していない状態に見えるのでしょう。
#追記2018/01/21 1845
元のサンプルページのコードだとSeekToMediaPositionでスライダーの値をint型にキャストしていて切り捨てが発生しているから、再生位置の秒数が整数になってしまい、巻き戻しが発生している可能性のが高いです。
#追記ここまで
ユーザーがスライダーを操作したときだけ、スライダーの値で再生位置(Position)を変更すればよいかと。
<Page
x:Class="App1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<StackPanel Background="Black">
<MediaElement Source="Assets\a.mp4" Name="myMediaElement"
Width="450" Height="250" Stretch="Fill"
MediaOpened="Element_MediaOpened"
MediaEnded="Element_MediaEnded"/>
<StackPanel HorizontalAlignment="Center" Width="450" Orientation="Horizontal">
<Button Margin="5" Tapped="Play_Tapped" >
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph="" Foreground="White" FontSize="30"/>
</Button>
<Button Margin="5" Tapped="Pause_Tapped">
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph="" Foreground="White" FontSize="30"/>
</Button>
<Button Margin="5" Tapped="Stop_Tapped">
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph="" Foreground="White" FontSize="30"/>
</Button>
</StackPanel>
<TextBlock Foreground="White" VerticalAlignment="Center" Margin="5" > <Run xml:space="preserve">Volume : </Run><Run Text="{Binding ElementName=volumeSlider,Path=Value}"/></TextBlock>
<Slider Name="volumeSlider" VerticalAlignment="Center" HorizontalAlignment="Stretch"
ValueChanged="ChangeMediaVolume" Minimum="0" Maximum="1" Value="0.5" StepFrequency="0.01" />
<TextBlock Foreground="White" Margin="5" VerticalAlignment="Center" > <Run xml:space="preserve">Speed : </Run><Run Text="{Binding ElementName=speedRatioSlider,Path=Value}"/></TextBlock>
<Slider Name="speedRatioSlider" VerticalAlignment="Center" HorizontalAlignment="Stretch"
ValueChanged="ChangeMediaSpeedRatio" Value="1" Minimum="0" Maximum="10" StepFrequency="0.1" MinWidth="70" />
<TextBlock Foreground="White" Margin="5" VerticalAlignment="Center">
<Run Text="Seek To : "/>
<Run >
<Run.Text>
<Binding ElementName="timelineSlider" Path="Value">
<Binding.Converter>
<local:TimeLineConverter />
</Binding.Converter>
</Binding>
</Run.Text>
</Run>
</TextBlock>
<Slider Name="timelineSlider" VerticalAlignment="Center" HorizontalAlignment="Stretch"
ValueChanged="SeekToMediaPosition"
IsThumbToolTipEnabled="False">
</Slider>
</StackPanel>
</Page>
using System;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
namespace App1
{
public sealed partial class MainPage : Page
{
DispatcherTimer timer = new DispatcherTimer();
public MainPage()
{
this.InitializeComponent();
this.Loaded += MainPage_Loaded;
}
private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
// スライダーのPointerPressedとPointerReleasedのイベントを補足できるようにする
this.timelineSlider.AddHandler(PointerPressedEvent, new PointerEventHandler(timelineSlider_PointerPressed), true);
this.timelineSlider.AddHandler(PointerReleasedEvent, new PointerEventHandler(timelineSlider_PointerReleased), true);
timer.Interval = TimeSpan.FromSeconds(0.1);
timer.Tick += Timer_Tick;
timer.Start();
}
private void Play_Tapped(object sender, TappedRoutedEventArgs e)
{
myMediaElement.Play();
}
private void Pause_Tapped(object sender, TappedRoutedEventArgs e)
{
myMediaElement.Pause();
}
private void Stop_Tapped(object sender, TappedRoutedEventArgs e)
{
myMediaElement.Stop();
}
private void Element_MediaOpened(object sender, RoutedEventArgs e)
{
//スライダーの最大値をメディアの再生秒数になるように
this.timelineSlider.Minimum = 0;
this.timelineSlider.Maximum = myMediaElement.NaturalDuration.TimeSpan.TotalSeconds;
this.timelineSlider.Value = 0;
timer.Start();
}
private void Element_MediaEnded(object sender, RoutedEventArgs e)
{
timer.Stop();
}
private void ChangeMediaVolume(object sender, RangeBaseValueChangedEventArgs e)
{
myMediaElement.Volume = (double)volumeSlider.Value;
}
private void ChangeMediaSpeedRatio(object sender, RangeBaseValueChangedEventArgs e)
{
myMediaElement.PlaybackRate = (double)speedRatioSlider.Value;
}
bool isSliderUserChanging = false;//ユーザー操作中
private void Timer_Tick(object sender, object e)
{
//タイマーで現在の再生位置を更新する
this.timelineSlider.Value = myMediaElement.Position.TotalSeconds;
}
private void timelineSlider_PointerPressed(object sender, PointerRoutedEventArgs e)
{
//ユーザーがスライダー操作を開始したらタイマーでの更新を止める
timer.Stop();
isSliderUserChanging = true;
}
private void timelineSlider_PointerReleased(object sender, PointerRoutedEventArgs e)
{
//ユーザーがスライダー操作を開始したらタイマーでの更新を再開する
timer.Start();
isSliderUserChanging = false;
//Thumb以外の部分をクリックして値が変更されている場合に更新されるように
TimeSpan ts = TimeSpan.FromSeconds(timelineSlider.Value);
myMediaElement.Position = ts;
}
private void SeekToMediaPosition(object sender, RangeBaseValueChangedEventArgs e)
{
if (isSliderUserChanging)
{
//ユーザー操作でない場合はスライダーの位置を更新する
TimeSpan ts = TimeSpan.FromSeconds(timelineSlider.Value);
myMediaElement.Position = ts;
}
}
}
class TimeLineConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, string language)
{
if (value is IConvertible)
{
double d = ((IConvertible)value).ToDouble(null);
d = Math.Floor(d);
value = TimeSpan.FromSeconds(d);
}
return value;
}
public object ConvertBack(object value, Type targetType, object parameter, string language)
{
throw new NotImplementedException();
}
}
}
timeSliderのMaximumプロパティを再生するメディアの再生秒数(NaturalDuration)に設定すると楽です。
個別に明示されていない限りgekkaがフォーラムに投稿したコードにはフォーラム使用条件に基づき「MICROSOFT LIMITED PUBLIC LICENSE」が適用されます。(かなり自由に使ってOK!)
