silverlight自定義控件之多媒體視頻播放器

2012/12/28 17:40:15  出處：本站原創(chuàng)   人氣：556次    字號(hào)：小  中  大

Silverlight本身提供了多媒體播放控件，但并沒(méi)有封裝好，可以直接使用的控件。在網(wǎng)上搜索了一些，都不是很適用，有些過(guò)于復(fù)雜要引用一大堆dll，感覺很臃腫，有些樣式風(fēng)格不適合。silverlight只提供了MediaElement，并不像以前html那樣現(xiàn)成的直接使用那么方便，所以就自己封裝一下，做一個(gè)滿足基本功能的簡(jiǎn)單播放器。通過(guò)本篇隨筆認(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控件

public MediaElementState CurrentState { get; }
　　MediaElement 的當(dāng)前狀態(tài)。狀態(tài)可以為下列值之一（如在 MediaElementState 枚舉中所定義）：Buffering、Closed、Opening、Paused、Playing 或 Stopped。
默認(rèn)值為 Closed。

public bool AutoPlay { get; set; }
　　如果自動(dòng)播放，則為 true；否則為 false。默認(rèn)值為 true。如果設(shè)置 Source 屬性前將此屬性設(shè)置為 true，則設(shè)置Source屬性時(shí)自動(dòng)播放視頻。

public Uri Source { get; set; }
　　獲取或設(shè)置 MediaElement 上的媒體來(lái)源。即指定一個(gè)視頻的統(tǒng)一資源標(biāo)識(shí)符 (URI) 字符串。

public double Volume { get; set; }
　　獲取或設(shè)置媒體的音量大小。