Die Bindung einer progressbar zu einem mediaelement in wpf

In c#/wpf-ich habe eine progressbar und Zeitsteuerung zu meinem Fenster. Die Idee war, dass die progressbar anzeigt, wie viel ist gespielt in der mediaelement.

Versuchte ich es mit den folgenden xaml-Code:

<Window x:Class="TestApp.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="627" Width="889">
    <Grid>
    <MediaElement Margin="152,8,140,41" Name="mediaElement1" MediaEnded="mediaElement1_MediaEnded" Visibility="Hidden" />
    <ProgressBar Height="23" Margin="152,8,10,0" Name="mp3PlayingProgressBar" VerticalAlignment="Top" Foreground="DarkBlue" Maximum="{Binding Path=NaturalDuration.TimeSpan.TotalSeconds, Mode=OneWay, ElementName=mediaElement1}" Value="{Binding Path=Position.TotalSeconds, Mode=OneWay, ElementName=mediaElement1}" />
    </Grid>
</Window>

Habe ich versucht zu binden, Maximum und Value-Eigenschaft, um das mediaelement. Aber wenn ich Sie laden ein mp3 zum Beispiel in das mediaelement, nichts happends mit der progressbar. (Die Musik spielt, so dass die mp3-Datei wird geladen und richtig spielen).

Ich bevorzuge, dies zu tun mit Bindung.

Was mache ich hier falsch?

InformationsquelleAutor Peter Fortuin | 2010-10-30

c#mediaelement progress-bar wpf xaml

Ist, weil Medien nicht geöffnet ist und somit der Fortschritt-bar nicht bewusst ist, der maximale Wert. Versuchen Sie, diese...

Verwenden Sie die folgenden Ereignisse für MediaOpened, und MouseLeftButtonUp für Ihre Fortschritte bar oder Schieberegler. Ich habe es versucht, und es funktioniert Prima.

public partial class AudioPage : Page
{
    TimeSpan _position;
    DispatcherTimer _timer = new DispatcherTimer();

    public AudioPage()
    {
        InitializeComponent();
        _timer.Interval = TimeSpan.FromMilliseconds(1000);
        _timer.Tick += new EventHandler(ticktock);
        _timer.Start();
    }

    void ticktock(object sender, EventArgs e)
    {
        sliderSeek.Value = media.Position.TotalSeconds;
    }

    //Executes when the user navigates to this page.
    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
    }

    private void Play_Click(object sender, RoutedEventArgs e)
    {
        media.Play();
    }

    private void Pause_Click(object sender, RoutedEventArgs e)
    {
        media.Pause();
    }

    private void Stop_Click(object sender, RoutedEventArgs e)
    {
        media.Stop();
    }

    private void media_MediaOpened(object sender, RoutedEventArgs e)
    {
        _position = media.NaturalDuration.TimeSpan;
        sliderSeek.Minimum = 0;
        sliderSeek.Maximum = _position.TotalSeconds;
    }

    private void sliderSeek_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        int pos = Convert.ToInt32(sliderSeek.Value);
        media.Position = new TimeSpan(0, 0, 0, pos, 0);
    }
}

Associate XAMl ist wie folgt...

<Grid x:Name="LayoutRoot" Background="#FFFFE8E8">
    <Grid.RowDefinitions>
        <RowDefinition Height="220*" />
        <RowDefinition Height="75*" />
    </Grid.RowDefinitions>
    <MediaElement Height="189" HorizontalAlignment="Left" Margin="12,12,0,0" Name="media" VerticalAlignment="Top" Width="399" Source="anyfile.mp3" AutoPlay="True" MediaOpened="media_MediaOpened" />
    <StackPanel Orientation="Horizontal" Grid.Row="1" Height="30" Margin="12,8,163,37">
        <TextBlock Text="Volume" VerticalAlignment="Center"></TextBlock>
        <Slider Margin="2" Maximum="1" Minimum="0" Width="102" Value="{Binding Path=Volume, Mode=TwoWay, ElementName=media}"></Slider>
        <TextBlock Text="{Binding ElementName=media, Path=Volume, Mode=OneWay, StringFormat=0.00}" VerticalAlignment="Center" />
    </StackPanel>
    <StackPanel Orientation="Horizontal" Grid.Row="1" Height="30" Margin="26,47,163,-2">
        <TextBlock Text="Seek" VerticalAlignment="Center"></TextBlock>
        <Slider Margin="2" Width="104" Name="sliderSeek" MouseLeftButtonUp="sliderSeek_MouseLeftButtonUp"></Slider>
        <TextBlock Text="{Binding ElementName=sliderSeek, Path=Value, StringFormat=0}" VerticalAlignment="Center"></TextBlock>
    </StackPanel>
    <StackPanel Orientation="Horizontal" Grid.Row="1" Height="30" Margin="266,8,12,37">
        <Button Name="Play" Content="Play" Margin="2" Click="Play_Click" />
        <Button Name="Pause" Content="Pause" Margin="2" Click="Pause_Click" />
        <Button Name="Stop" Content="Stop" Margin="2" Click="Stop_Click" />
    </StackPanel>
</Grid>

Aktualisieren Sie den Wert mit einem timer. Ich bevorzugte es zu tun mit einer Bindung. Ist das nicht möglich?
Ich kann nicht wirklich sagen, ob es möglich ist oder nicht. Aber ich schrieb diese Lösung da war ich nicht in der Lage, um es arbeiten mit Bindung. Ich erkannte, dass das Problem geschieht, weil die Medien nicht immer geöffnet, und ich wählte diesen code schrieb. Jemand kann mich korrigieren, und bietet eine bessere Lösung. Ich werde demnächst mehr dazu in diesem thread.

InformationsquelleAutor Rahul Soni

Habe ich versucht zu binden, die Werte und kam zu diesem, aber ohne Erfolg:

<ProgressBar 
    x:Name="testProgressBar" Minimum="0" 
    Maximum="{Binding NaturalDuration.TimeSpan.TotalSeconds, ElementName=mediaPlayer}" 
    Value="{Binding Position.TotalSeconds, ElementName=mediaPlayer, Mode=OneWay}" />

Schade, dass es nicht funktioniert.

Ich fürchte, Sie müssen einen timer einrichten.

So etwas wie:

*.xaml

<ProgressBar x:Name="testProgressBar" />

*.cs

    public MainWindow()
    {
        InitializeComponent();
        DispatcherTimer timer = new DispatcherTimer();
        timer.Interval = TimeSpan.FromSeconds(1);
        timer.Tick += timer_Tick;
        timer.Start();
    }
    private void timer_Tick(object sender, EventArgs e)
    {
        if (mediaPlayer.Source != null && mediaPlayer.NaturalDuration.HasTimeSpan)
        {
            testProgressBar.Minimum = 0;
            testProgressBar.Maximum = mediaPlayer.NaturalDuration.TimeSpan.TotalSeconds;
            testProgressBar.Value = mediaPlayer.Position.TotalSeconds;
        }
    }

Freundlichen GRÜßEN,

Thimo.

Nicht? Ich habe versucht, was die person wollte wissen, was nicht geht, daher gab ich eine alternative zu der Frage. eine, die funktioniert und hat den Effekt, dass der eine Befragung zu erreichen wünscht, nicht? Ich versuche nur zu helfen, die eine Anforderung für Hilfe, und es ist in meinen Augen eine Antwort. Lesen Sie es gut. Es ist einfach nicht möglich zu binden, den Wert der Zeit, die übergeben wurde in der media-player direkt an den progress-bar, der durch einige merkwürdige Entscheidungen, die Microsoft gemacht.
Es ist eine Antwort, und eigentlich ein guter! Ich hatte genau den Fall, der OP und diese Antwort gelöst gearbeitet, genau so wollte ich es für meine Lösung. 🙂

InformationsquelleAutor Thimo Braker

0

einfach haben, schauen Sie sich dieses Beispiel - statt der progressbar er verwendet Schieberegler...

Anbringen Vorschau-Verhalten zu einer WPF-Schieberegler

http://jobijoy.blogspot.com/2009/07/attaching-preview-behavior-to-wpf.html

InformationsquelleAutor Kishore Kumar

Einer WPF-version von Rahul Beispiel mit zusätzlichen real-time-Veränderung des media-position und schieben Sie die bar.

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        _timer.Interval = TimeSpan.FromMilliseconds(1000);
        _timer.Tick += new EventHandler(ticktock);
        _timer.Start();

        Open(@"filename.mp3");
    }
    public void Open(string fileName)
    {
        var uriPath = "file:///" + fileName.Replace("\\", "/");
        media.Source=new Uri(uriPath);
    }

    TimeSpan _position;
    DispatcherTimer _timer = new DispatcherTimer();

    void ticktock(object sender, EventArgs e)
    {
        if (!sliderSeek.IsMouseCaptureWithin)
            sliderSeek.Value = media.Position.TotalSeconds;
    }

    private void Play_Click(object sender, RoutedEventArgs e)
    {
        media.Play();
    }

    private void Pause_Click(object sender, RoutedEventArgs e)
    {
        media.Pause();
    }

    private void Stop_Click(object sender, RoutedEventArgs e)
    {
        media.Stop();
    }

    private void media_MediaOpened(object sender, RoutedEventArgs e)
    {
        _position = media.NaturalDuration.TimeSpan;
        sliderSeek.Minimum = 0;
        sliderSeek.Maximum = _position.TotalSeconds;
    }

    private void sliderSeek_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {           
        int pos = Convert.ToInt32(sliderSeek.Value);
        media.Position = new TimeSpan(0, 0, 0, pos, 0);
    }

    private void sliderSeek_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
    {
        if (sliderSeek.IsMouseCaptureWithin)
        {
            int pos = Convert.ToInt32(sliderSeek.Value);
            media.Position = new TimeSpan(0, 0, 0, pos, 0);
        }
    }
}

InformationsquelleAutor glut

0

Es ist eine wrapper-Bibliothek namens Gu.Wpf.Medien in GitHub behandelt alle Probleme der MediaElement und bringt mehr.

Es unterstützt die Bindung an Position Immobilie über TwoWay Bindung aus der box. Keine Notwendigkeit zu ärger mit Timer.

InformationsquelleAutor Yusuf Tarık Günaydın

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.