Silverlight本身提供了多媒體播放控件，但并沒有封裝好，可以直接使用的控件。在網(wǎng)上搜索了一些，都不是很適用，有些過于復(fù)雜要引用一大堆dll，感覺很臃腫，有些樣式風(fēng)格不適合。silverlight只提供了MediaElement，并不像以前html那樣現(xiàn)成的直接使用那么方便，所以就自己封裝一下，做一個(gè)滿足基本功能的簡(jiǎn)單播放器。通過本篇隨筆認(rèn)識(shí)一下Blend強(qiáng)大的修改控件樣式魔力，和實(shí)現(xiàn)一個(gè)簡(jiǎn)單的播放器。

功能點(diǎn)：

1、播放、暫停及顯示當(dāng)前播放狀態(tài)

2、實(shí)時(shí)顯示已播放時(shí)間

3、播放進(jìn)度條，并能拖動(dòng)播放位置

4、全屏按鈕及雙擊播放畫面入或退出全屏

5、調(diào)整音量

6、播放列表

播放器的基本功能點(diǎn)就是需求，將需求分解，羅列出實(shí)現(xiàn)難點(diǎn)和功能要點(diǎn)，評(píng)估工作量及風(fēng)險(xiǎn)。

一、認(rèn)識(shí)MediaElement控件

//當(dāng)媒體流已被驗(yàn)證和打開且已讀取文件頭時(shí)發(fā)生。在該自定義控件中主要通過該事件獲取視頻的總時(shí)長(zhǎng)。

public event RoutedEventHandler MediaOpened

void mediaElement_MediaOpened(object sender, RoutedEventArgs e)

{

this.playTools.TotaPlayTime = (int)this.mediaElement.NaturalDuration.TimeSpan.TotalSeconds;

}

//當(dāng) MediaElement 不再播放音頻或視頻時(shí)發(fā)生。

在該自定義控件中主要通過該事件設(shè)置MediaElement為Stop，并判斷是否循環(huán)播放而進(jìn)行繼續(xù)循環(huán)播放。

public event RoutedEventHandler MediaEnded

void mediaElement_MediaEnded(object sender, RoutedEventArgs e)

{

this.mediaElement.Stop();

if (this.IsReplay)

{

this.mediaElement.Play();

}

}

//當(dāng) CurrentState 屬性的值更改時(shí)發(fā)生。在該自定義控件中主要通過該事件顯示當(dāng)前視頻播放狀態(tài)信息。

public event RoutedEventHandler CurrentStateChanged

if (this.mediaElement.CurrentState == MediaElementState.Buffering)

{

this.playTools.CurrentMessage = this.mediaElement.CurrentState + "

" + Math.Round(this.mediaElement.BufferingProgress * 100, 0).ToString() + "%";

}

//在存在與媒體 Source 關(guān)聯(lián)的錯(cuò)誤時(shí)發(fā)生。MediaFailed 事件可在下列條件下發(fā)生：

1、未找到文件。

2、無(wú)效的（無(wú)法識(shí)別的或不支持的）媒體格式。

3、播放期間未知的媒體錯(cuò)誤。

//在該自定義控件中主要通過該事件顯示錯(cuò)誤信息。

public event EventHandler MediaFailed

void mediaElement_MediaFailed(object sender, ExceptionRoutedEventArgs e)

{

this.playTools.CurrentMessage = e.ErrorException.Message;

}

//該事件是播放時(shí)發(fā)生，用于獲取當(dāng)前已播放時(shí)間

CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);

void CompositionTarget_Rendering(object sender, EventArgs e)

{

int currentTime = (int)this.mediaElement.Position.TotalSeconds;

this.playTools.CurrentPlayTime = currentTime;

}