新聞中心
WPF中的進行視頻的播放有兩種方式:一種是采用MediaElement+VisualBrush的方式;而另一種則是采用MediaPlayer+VideoDrawing的方式??紤]到MediaElement在處理視頻時會將布局的Stretch和StretchDirect縮放視頻窗口的內(nèi)容以適應(yīng)包容器,而MediaPlayer相反則不需要管理布局、焦點以及所有其他元素細節(jié)。所以后者相比前者有更高的效率。當(dāng)然現(xiàn)代的處理器下是不會看到這兩者的明顯的區(qū)別的。不過筆者試了一下,在.Net Framework 3.5下對同一視頻的兩個窗口,會出現(xiàn)其中一個窗口的視頻幀率不一樣的情況,也就是說一個窗口的視頻播放很平滑的,而另一個則以動畫的形式出現(xiàn),這可能是在3.5下為了實現(xiàn)同步,不得不使用剪幀技術(shù)造成的。不過我試著將同一個項目升級到.net Framework 4.0下,則不會出現(xiàn)此類現(xiàn)象,可見微軟在4.0下做了不小的優(yōu)化技術(shù)。正如微軟在發(fā)布4.0所說的一樣,其效率已經(jīng)大大的改進了,一點兒不假。

當(dāng)然我個人建議在使用視頻播放設(shè)計中,應(yīng)該使用4.0框架,這樣可以很高效地運行你開發(fā)的視頻播放程序。這是閑話,現(xiàn)在言歸正傳,我在這個例子中使用了兩種不同的方式來實現(xiàn)視頻播放的控制,實現(xiàn)一些比較通行的視頻編程框架。
同樣我們還是先來了解一下幾個比較重要的類型:
◆MediaTimeline 類
一個 Timeline 對象,它控制媒體計時的方式,與動畫時間線對象控制動畫的方式相同。這個類型有一個很重要的方法CreateClock();它的簽名如下:
public MediaClock CreateClock();創(chuàng)建一個與 MediaTimeline 關(guān)聯(lián)的新的 MediaClock。
◆MediaClock 類
通過 MediaTimeline 維護媒體的計時狀態(tài)的類。 通過它我們可以同步MediaElement和MediaPlayer對象。以實現(xiàn)視頻播放的控制。
public ClockController Controller { get; }這個屬性是對播放進行控制。
◆VisualBrush 類
使用 Visual 繪制區(qū)域。
public Visual Visual { get; set; }設(shè)置源對象。
public Transform RelativeTransform { get; set; }獲取或設(shè)置要使用相對坐標(biāo)應(yīng)用于畫筆的變換。
◆DrawingBrush 類
用 Drawing 繪制區(qū)域,其中可以包括形狀、文本、視頻、圖像或其他繪圖。
方式一:MediaElement+VisualBrush
步驟1:布置可視元素:這里為了實現(xiàn)的方便,我們在主窗體中放置了一個兩行的Grid控件,第一行勝于按鍵控件的安裝,第二行用于視頻的播放和倒影窗口,相應(yīng)的代碼如下:
- >
步驟2:在代碼文件的最前面聲明了三個對象,以引用XAML聲明的元素:
- //保存引用的元素private FrameworkElement reflectorElement;
- private FrameworkElement originElement;
- private MediaClock clock;
步驟3:在后置代碼中處理MediaElement對象,正如XAML聲明式的代碼中我們看到的那樣,我們這兒將MediaElement對象聲明成了一個資源,這樣就可以以共享方式使用元素了。這兒先引用MediaElement對象,接著聲明一個MediaClock對象。相應(yīng)的代碼如下:
- MediaElement mediaElement = Resources["video"] as MediaElement;
- //得到資源orgin.Child = mediaElement;mediaElement.Clock =
- clock;clock.Controller.Seek(new TimeSpan(0, 0, 0, 2), TimeSeekOrigin.BeginTime);
- //跳過固定的時間線
步驟4:聲明一個VisualBrush對象,并利用其RelativeTransform屬性將視頻倒置,形成倒影圖像。
- VisualBrush brush = new VisualBrush();brush.Visual = mediaElement;
- //使用MediaElement對象brush.RelativeTransform = new ScaleTransform { ScaleY = -1, CenterY = 0.5 };
- //通過VisualBrush對象進行布局控制
步驟5:實現(xiàn)蒙版效果,即設(shè)置OpacityMask的透明掩碼。
- LinearGradientBrush maskBrush = new LinearGradientBrush { StartPoint = new Point(0, 0), EndPoint = new Point(0, 1) };
- GradientStop stopOne = new GradientStop { Color = Colors.Black, Offset = 0 };
- GradientStop stopTwo = new GradientStop { Color = Colors.Transparent, Offset = 0.875 };
- maskBrush.GradientStops.Add(stopOne);
- maskBrush.GradientStops.Add(stopTwo);//生成掩碼的對象reflector.Fill = brush;reflector.OpacityMask = maskBrush;
至此,我們就實現(xiàn)了VisualElement+VisualBrush的組合實現(xiàn)了視頻的播放。
方式二:MediaPlayer+DrawingBrush
步驟1:采用方式一的布局格式,相應(yīng)代碼不變。
步驟2:聲明MediaPlayer對象以及時鐘控制關(guān)。
- reflector.LayoutTransform = new ScaleTransform { ScaleY = -1, CenterY = 0.5 };
- //設(shè)置自己的布局LinearGradientBrush maskBrush = new LinearGradientBrush { StartPoint = new Point(0, 0), EndPoint = new Point(0, 1) };
- GradientStop stopOne = new GradientStop { Color = Colors.Black, Offset = 0.875 };
- GradientStop stopTwo = new GradientStop { Color = Colors.Transparent, Offset = 0 };
- maskBrush.GradientStops.Add(stopOne);maskBrush.GradientStops.Add(stopTwo);reflector.OpacityMask = maskBrush;
- //以下是聯(lián)合VideoDrawing和MediaPlayer的設(shè)置MediaPlayer player = new MediaPlayer();
- //使用MediaPlayer對象player.Clock = clock;
步驟3:定義一個VideoDrawing對象,并關(guān)聯(lián)到MediaPlayer對象。
- VideoDrawing drawing = new VideoDrawing();drawing.Rect = new Rect(150, 0, 100, 100);
- drawing.Player = player;
- //將MediaPlayer賦給VideoDrawingDrawingBrush brush = new DrawingBrush(drawing);
- //得到使用的繪圖畫刷
步驟4:關(guān)聯(lián)到布局元素.
- Rectangle border = new Rectangle();
- border.Stretch = Stretch.Fill;orgin.Child = border;
- border.Fill = brush;orgin.Child = border;
- reflector.Fill = brush;clock.Controller.Stop();
步驟5:現(xiàn)在我們可以利用MediaClock對象的Controller對象來實現(xiàn)播放的開始、停止等控制了。
- private void start_Click(object sender, RoutedEventArgs e){clock.Controller.Stop();
- clock.Controller.Begin();
- pause.IsEnabled =true ;
- resume.IsEnabled = false ;
- stop.IsEnabled = true ;
- start.IsEnabled = false;}
- private void stop_Click(object sender, RoutedEventArgs e){clock.Controller.Stop();
- start.IsEnabled = true;
- pause.IsEnabled = false;
- resume.IsEnabled = false;
- stop.IsEnabled = false;
- }
- private void resume_Click(object sender, RoutedEventArgs e){clock.Controller.Resume();
- start.IsEnabled = false;
- pause.IsEnabled = true ;
- resume.IsEnabled = true ;
- stop.IsEnabled = true ;
- }
- private void pause_Click(object sender, RoutedEventArgs e){clock.Controller.Pause();
- start.IsEnabled = false ;
- pause.IsEnabled = false;
- resume.IsEnabled = true ;
- stop.IsEnabled = false;}
總結(jié):上面的兩種方式都很好地實現(xiàn)了視頻的播放控制,通過關(guān)聯(lián)到MediaTimeline時鐘,我們可以控制其中的任何一種方式的實現(xiàn),至于兩者的效率方面,我覺得用MediaElement的方式使用更為方便,因為只需在XAML代碼中簡單聲明即可使用,而MediaPlayer則需要相應(yīng)的后置代碼的配合,使用起來不如前者方便,由于其在效率方面略高,所以我們可以在效率和方便性兩個方面權(quán)衡使用這兩種方式。
效果如下:
當(dāng)前文章:WPF中兩種不同的視頻流的使用
當(dāng)前地址:http://m.fisionsoft.com.cn/article/dhcoish.html


咨詢
建站咨詢
