設(shè)計(jì)silverlight的MediaPlay控件

字號(hào):

大家都知道silverlight里用了獲得艾美獎(jiǎng)的新的視頻編解碼技術(shù)。視頻質(zhì)量無(wú)論從移動(dòng)設(shè)備還是桌面瀏覽器都可以達(dá)到720p HDTV video模式。如果能用silverlight技術(shù)設(shè)計(jì)一個(gè)視頻網(wǎng)站估計(jì)客戶體驗(yàn)很不錯(cuò)的。
    那我們就開(kāi)始做一個(gè)最簡(jiǎn)單的MediaPlayer控件,能動(dòng)態(tài)的傳入視頻的URI參數(shù),還能控制視頻的播放。
    在上次我們建的silverlight控件類庫(kù)項(xiàng)目里添加一個(gè)新的silverlight控件----MediaPlayControl.xaml。
    做一個(gè)媒體播放器,難就難在界面設(shè)計(jì)上。如果要設(shè)計(jì)的簡(jiǎn)陋話,只需要在xaml文件里放上一個(gè)MediaElement和幾個(gè)TextBlock就可以了,不過(guò)這樣實(shí)在太丑陋了。我就用了Microsoft Expression Encoder 里面媒體播放器的界面,效果如下:
    中間帶攝像機(jī)圖標(biāo)的就是MediaElement ,幾個(gè)按鈕是由Canvas組成的。代碼過(guò)長(zhǎng),請(qǐng)下載該文件:
    /Files/wangergo/MediaPlayControl.rar
    那么如何控制視頻的播放呢,這主要跟MediaElement有關(guān)系。
    MediaElement有一個(gè)重要的屬性是Source,它是指所要播放的媒體文件的Uri,也就是媒體文件的地址。
    還有幾個(gè)重要方法:Pause--暫停播放,Play--播放,Stop--停止。