Lecture de deux timelines les uns après les autres avec WPF media-element

Question

Mon problème est assez simple et très facile à reproduire. J'essaie de jouer la première chanson pendant 5 secondes au début et la seconde chanson pendant 10 secondes après 6 secondes, en utilisant MediaTimeLine et un storyboard.

Voici le code, il suffit d'ouvrir une nouvelle application WPF et de copier le code XAML et le code pour le reproduire. Oh, et assurez-vous de changer le chemin pour 2 chansons que vous avez obtenu localement dans votre machine ..

<Window x:Class="WpfApp1.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:WpfApp1" 
    mc:Ignorable="d" 
    Title="MainWindow" Height="350" Width="525"> 
<Grid> 
    <MediaElement Name="MediaElementObject1" /> 
    <Button Width="100" Height="100" Margin="26,48,391,171" Click="Button_Click"></Button> 
</Grid> 

using System; 
using System.Windows; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 

namespace WpfApp1 
{ 
    /// <summary> 
    /// Interaction logic for MainWindow.xaml 
    /// </summary> 
    public partial class MainWindow : Window 
    { 

     private readonly Storyboard animation = new Storyboard(); 

     public MainWindow() 
     { 
      InitializeComponent(); 

      var mediaUri1 = new Uri(@"C:\MediaExamplesForWork\Sting - Sting At The Movies - 07 - Shape OF My Heart (Leon & Three Of Hearts).mp3"); 
      var mediaUri2 = new Uri(@"C:\MediaExamplesForWork\Desireless - Voyage Voyage.mp3"); 
      animation.Duration = TimeSpan.FromSeconds(20); 

      var timeline1 = new MediaTimeline 
      { 
       Name = "a1", 
       BeginTime = TimeSpan.Zero, 
       Duration = TimeSpan.FromSeconds(5), 
       Source = mediaUri1, 
       FillBehavior = FillBehavior.HoldEnd 
      }; 
      Storyboard.SetTarget(timeline1, MediaElementObject1); 
      animation.Children.Add(timeline1); 

      var timeline2 = new MediaTimeline 
      { 
       Name = "a2", 
       BeginTime = TimeSpan.FromSeconds(6), 
       Duration = TimeSpan.FromSeconds(10), 
       Source = mediaUri2, 
       FillBehavior = FillBehavior.HoldEnd 
      }; 
      Storyboard.SetTarget(timeline2, MediaElementObject1); 
      animation.Children.Add(timeline2); 

      animation.Begin();  
     } 

     private void Button_Click(object sender, RoutedEventArgs e) 
     { 
      animation.SeekAlignedToLastTick(TimeSpan.FromSeconds(2)); 
     } 
    } 
} 

Vous remarquerez la 1ère chanson ne sera pas jouer, le 2ème jouera. si vous remarquez la 2ème chanson - la première jouera.

Comment résoudre ce problème afin que les deux jouent selon l'heure de début et la durée déjà définie dans l'exemple de code?

Answer 1

Il semble impossible pour media-element de gérer deux lignes de temps média.

je dû ajouter un autre élément médiatique que je n'aime pas .. mais comment je finis par résoudre ce problème ..

<Window x:Class="WpfApp1.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:WpfApp1" 
    mc:Ignorable="d" 
    Title="MainWindow" Height="350" Width="525"> 
<Grid> 
    <MediaElement Name="MediaElementObject1" /> 
    <MediaElement Name="MediaElementObject2" /> 
    <Button Width="100" Height="100" Margin="26,48,391,171" Click="Button_Click"></Button> 
</Grid> 

using System; 
using System.Windows; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 

namespace WpfApp1 
{ 
/// <summary> 
/// Interaction logic for MainWindow.xaml 
/// </summary> 
public partial class MainWindow : Window 
{ 

    private readonly Storyboard animation = new Storyboard(); 

    public MainWindow() 
    { 
     InitializeComponent(); 

     var mediaUri1 = new Uri(@"C:\MediaExamplesForWork\Sting - Sting At The Movies - 07 - Shape OF My Heart (Leon & Three Of Hearts).mp3"); 
     var mediaUri2 = new Uri(@"C:\MediaExamplesForWork\Desireless - Voyage Voyage.mp3"); 

     animation.Duration = TimeSpan.FromSeconds(20); 


     var timeline1 = new MediaTimeline 
     { 
      Name = "a1", 
      BeginTime = TimeSpan.Zero, 
      Duration = TimeSpan.FromSeconds(5), 
      Source = mediaUri1, 
      FillBehavior = FillBehavior.HoldEnd 
     }; 
     Storyboard.SetTarget(timeline1, MediaElementObject1); 
     animation.Children.Add(timeline1); 


     var timeline2 = new MediaTimeline 
     { 
      Name = "a2", 
      BeginTime = TimeSpan.FromSeconds(6), 
      Duration = TimeSpan.FromSeconds(10), 
      Source = mediaUri2, 
      FillBehavior = FillBehavior.HoldEnd 
     }; 
     Storyboard.SetTarget(timeline2, MediaElementObject2); 
     animation.Children.Add(timeline2); 

     animation.Begin(); 

    } 

    private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     animation.SeekAlignedToLastTick(TimeSpan.FromSeconds(13)); 
    } 
} 
}