片鱗懐古のブログ: wpf : MediaPlayer/MediaElementでmp3とか色んなメディアを再生するときの罠

今、自分で使う適当なツールを作ってます。それでMediaElementを使ってました。 mp4の動画ファイルを再生しながら試行錯誤して作ってきて9割くらいできたかな? ってところで試しにmp3の音楽を流そうとして失敗。「これじゃ使えない」ってことで失敗した理由を調べてみました。

ネットで調べた内容では根本的な原因とか解決策は見つからず。分からないなりにVisual Studio Expressでゴニョゴニョやっていたら原因判明。音声のみのメディアを再生するときに MediaElement.ScrubbingEnabled = true になっていたら動きませんでした。

ScrubbingEnabledがtrueのとき、シーク操作時もMediaElementのレンダリングが更新されます。 mp3の場合は映像情報が無いのになんかのタイミングでレンダリングしようとして不具合って事ですかね?

結局、ファイル読み込み前に MediaElement.ScrubbingEnabled = false にして、MediaOpenedイベントでMediaElement.HasVideoを見て映像があったら MediaElement.ScrubbingEnabled = true を設定するよう修正して改善しました。変なところでつまづいてしまった...

これ調べるのに使った小さなコードを整理して載せておきます。簡単なメディアプレイヤーです。マイクロソフトが公開しているコードによると、MediaElementクラスはMediaPlayerクラスの単なるラッパーのようです。ってことでMediaPlayerクラスで作ってみました。

作った環境はこれ。

os : Windows7 64bit home
ide : Visual Studio Express 2012
framework : .NET Framework 4.5
構成 : Any CPU(32bit優先)

MainWindow.xaml

<Window x:Class="MediaPlayerSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MediaPlayerSample" Height="350" Width="525"
        Loaded="WindowLoadedHandler">
    <DockPanel>
        <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal">
            <ToggleButton Name="buttonPlayPause" IsEnabled="False" Click="ToggleButtonPlayPauseClickHandler" Checked="ToggleButtonPlayPauseCheckedUncheckedHandler" Unchecked="ToggleButtonPlayPauseCheckedUncheckedHandler" Content="再生"/>
            <Slider Name="slider" Minimum="0" Maximum="1" Width="200" Margin="20,0" IsEnabled="False" SmallChange="0" LargeChange="0"/>
            <TextBox Name="textBox" MaxLength="6" Width="50" Text="1.00"/>
            <Button Click="ButtonSpeedRatioClickHandler">再生速度変更</Button>
        </StackPanel>
        <Rectangle Name="rectangle" Fill="White" AllowDrop="True" PreviewDragOver="RectanglePreviewDragOverHandler" Drop="RectangleDropHandler"/>
    </DockPanel>
</Window>

MainWindow.xaml.cs

using System;
using System.Media;
using System.Windows;
using System.Windows.Controls.Primitives;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Threading;

namespace MediaPlayerSample
{
    public partial class MainWindow : Window
    {
        private MediaTimeline _mediaTimeline = new MediaTimeline();
        private MediaPlayer _player = new MediaPlayer();
        private VideoDrawing _videoDrawing = new VideoDrawing();

        private bool _isPlayingBeforeDrag;

        public MainWindow()
        {
            InitializeComponent();

            _player.MediaFailed += PlayerMediaFailedHandler;
            _player.MediaOpened += PlayerMediaOpenedHandler;
            _player.Volume = 1.0;
            _videoDrawing.Player = _player;
            var drawingBrush = new DrawingBrush(_videoDrawing);
            drawingBrush.Stretch = Stretch.Uniform;
            rectangle.Fill = drawingBrush;
        }

        private void WindowLoadedHandler(object sender, RoutedEventArgs e)
        {
            var track = slider.Template.FindName("PART_Track", slider) as Track;
            track.Thumb.DragStarted += ThumbDragStartedHandler;
            track.Thumb.DragCompleted += ThumbDragCompletedHandler;
        }

        void PlayerMediaFailedHandler(object sender, ExceptionEventArgs e)
        {
            MessageBox.Show(this, "メディアのオープンに失敗しました。", "確認", MessageBoxButton.OK, MessageBoxImage.Information);
            SetUiEnable(false);
        }

        // MediaPlayerクラスの多くのプロパティの値が確定してからMediaOpenedイベントが呼ばれる。
        // それより前のタイミングだとプロパティに正しい値が設定されていない。
        void PlayerMediaOpenedHandler(object sender, EventArgs e)
        {
            if (_player.HasVideo)
            {
                _videoDrawing.Rect = new Rect(0, 0, _player.NaturalVideoWidth, _player.NaturalVideoHeight);
                _player.ScrubbingEnabled = true;

                // 静止画が読み込まれた場合
                if (!_player.Clock.NaturalDuration.HasTimeSpan)
                {
                    SetUiEnable(false);
                    Pause();
                    return;
                }
            }
            SetUiEnable(true);

            // 読み込み直後にPauseを書ける場合はこのタイミングで。
            // その前だと、映像の場合始めのコマがレンダリングされずに黒く塗りつぶされる。
            // ただし、オープンにかかる時間の分だけコマが進んでしまう可能性がある。
            // 黒塗りでいい場合や音声ファイルだけが対象の場合はOpenMediaFileメソッドの最後にPause。
            //Pause();
        }

        private void RectanglePreviewDragOverHandler(object sender, DragEventArgs e)
        {
            if (e.Data.GetData(DataFormats.FileDrop) != null)
                e.Effects = DragDropEffects.Move;
            else
                e.Effects = DragDropEffects.None;

            e.Handled = true;
        }

        private void RectangleDropHandler(object sender, DragEventArgs e)
        {
            var fileNames = e.Data.GetData(DataFormats.FileDrop) as string[];
            if (fileNames != null && 0 < fileNames.Length)
            {
                SetUiEnable(false);
                OpenMediaFile(fileNames[0]);
            }
        }

        private void MediaTimelineCurrentTimeInvalidatedHandler(object sender, EventArgs e)
        {
            if (_player.Clock.NaturalDuration.HasTimeSpan)
            {
                // MediaTimelineを使うとPositionプロパティのバインドは不可。
                // コードで設定する。
                var ct = _player.Clock.CurrentTime.Value.TotalMilliseconds;
                var d = _player.Clock.NaturalDuration.TimeSpan.TotalMilliseconds;

                slider.Value = (d == 0 ? 0 : ct / d);

                if (1 <= slider.Value)
                {
                    Pause();
                }
            }
            else
            {
                slider.Value = 0;
            }
        }

        private void ToggleButtonPlayPauseCheckedUncheckedHandler(object sender, RoutedEventArgs e)
        {
            // ToggleButtonはスタイルのトリガーでContentを変更できないので、こんなしょっぱいコードに。
            // (トリガーで変えたければTemplateを全部書く必要がある。)
            buttonPlayPause.Content = (buttonPlayPause.IsChecked ?? false ? "停止" : "再生");
        }

        private void ToggleButtonPlayPauseClickHandler(object sender, RoutedEventArgs e)
        {
            var controller = _player.Clock.Controller;
            if (buttonPlayPause.IsChecked ?? false)
                Play();
            else
                Pause();
        }

        private void ButtonSpeedRatioClickHandler(object sender, RoutedEventArgs e)
        {
            double speedRatio;
            if (_player.Clock != null && double.TryParse(textBox.Text, out speedRatio))
            {
                _player.Clock.Controller.SpeedRatio = speedRatio;
            }
            else
            {
                SystemSounds.Beep.Play();
                textBox.Text = "1.00";
            }
        }

        private void ThumbDragStartedHandler(object sender, DragStartedEventArgs e)
        {
            // ドラッグ中は停止してた方が楽
            _isPlayingBeforeDrag = buttonPlayPause.IsChecked ?? false;
            Pause();
        }

        private void ThumbDragCompletedHandler(object sender, DragCompletedEventArgs e)
        {
            var d = _player.Clock.NaturalDuration.TimeSpan.TotalMilliseconds;
            var t = TimeSpan.FromMilliseconds(d * slider.Value);
            _player.Clock.Controller.Seek(t, TimeSeekOrigin.BeginTime);

            if (_isPlayingBeforeDrag)
                Play();
        }

        private void Play()
        {
            _player.Clock.Controller.Resume();
            buttonPlayPause.IsChecked = true;
        }

        private void Pause()
        {
            _player.Clock.Controller.Pause();
            buttonPlayPause.IsChecked = false;
        }

        private void OpenMediaFile(string fileName)
        {
            // 映像だった場合はPlayerMediaOpenedHandlerで更新
            _videoDrawing.Rect = Rect.Empty;
            _player.ScrubbingEnabled = false;

            _mediaTimeline.Source = new Uri(fileName, UriKind.Absolute);
            _mediaTimeline.CurrentTimeInvalidated += MediaTimelineCurrentTimeInvalidatedHandler;
            
            // _player.Clockを設定したらClockモード。
            // Resume、Pauseなどの操作は_playerではなく_player.Clock.Controllerで行う。
            _player.Clock = _mediaTimeline.CreateClock();
        }

        private void SetUiEnable(bool isEnable)
        {
            buttonPlayPause.IsChecked = false;
            slider.Value = 0;

            if (isEnable)
            {
                buttonPlayPause.IsEnabled = true;
                slider.IsEnabled = true;
            }
            else
            {
                buttonPlayPause.IsEnabled = false;
                slider.IsEnabled = false;
            }
        }
    }
}

片鱗懐古のブログ

2014年7月3日木曜日

wpf : MediaPlayer/MediaElementでmp3とか色んなメディアを再生するときの罠

閲覧数が多い投稿

ラベル

広告

投稿した動画

ブログアーカイブ