Silverlight視頻編輯實(shí)現(xiàn)方法探討
眾所周知,Silverlight開(kāi)發(fā)工具的主要用途就是對(duì)圖像以及音頻視頻等的處理上。那么在這里我們將會(huì)充分的了解到Silverlight視頻編輯的相關(guān)處理方法,希望可以對(duì)又需要的朋友帶來(lái)一些幫助。#t#
軟件生命周期管理工具:Visual Studio 2005 Team System,旨在改善軟件開(kāi)發(fā)方法在實(shí)際開(kāi)發(fā)過(guò)程中的有效實(shí)施.VSTS擴(kuò)展了Visual Studio 2005的功能,提供了新的源代碼管理工具, 同時(shí)還為開(kāi)發(fā)者提供了單元測(cè)試工具和代碼分析工具. 不過(guò)VSTS 這次并不是將焦點(diǎn)全放在開(kāi)發(fā)者身上, 它還提供了一系列支持整個(gè)開(kāi)發(fā)團(tuán)隊(duì)的工具. VSTS為項(xiàng)目經(jīng)理, 架構(gòu)師, 開(kāi)發(fā)者, 測(cè)試人員甚至開(kāi)發(fā)經(jīng)理都提供了相應(yīng)的支持工具. VSTS提供了一套追蹤軟件開(kāi)發(fā)過(guò)程的任務(wù)管理工具, 為了使整個(gè)團(tuán)隊(duì)的軟件開(kāi)發(fā)的過(guò)程能夠清晰可見(jiàn),VSTS還提供了自動(dòng)生成項(xiàng)目門(mén)戶網(wǎng)站(Web Portal)的工具.
微軟Silverlight是一個(gè)跨瀏覽器、跨客戶平臺(tái)的技術(shù),能夠設(shè)計(jì)、開(kāi)發(fā)和發(fā)布有多媒體體驗(yàn)與富交互(RIA,Rich Interface Application)的網(wǎng)絡(luò)交互程序。
因?yàn)镾ilverlight提供了一個(gè)強(qiáng)大的平臺(tái),能夠開(kāi)發(fā)出具有專(zhuān)業(yè)圖形、音頻和視頻的Web應(yīng)用程序,增強(qiáng)了用戶體驗(yàn),所以SilverLight吸引了設(shè)計(jì)人員和開(kāi)發(fā)人員的眼球。同時(shí),Silverlight還提供了強(qiáng)大的工具來(lái)提高他們的工作效率。
Silverlight視頻編輯1.利用VSTS和Silverlight 3 Tools進(jìn)行視頻添加和處理
打開(kāi)Visual Studio 2008開(kāi)發(fā)工具,創(chuàng)建Silverlight工程項(xiàng)目
(1) 在Start菜單,指向Microsoft Visual Studio 2008, 單擊Microsoft Visual Studio 2008
(2) 點(diǎn)擊File->New, 然后點(diǎn)Project...
(3) 在左側(cè)的Project types列表中,選擇Silverlight項(xiàng)
(4) 在右側(cè)Templates列表里選擇Silverlight Application
(5) Name:填寫(xiě)TechED
(6) Solution Name:填寫(xiě)TechED
添加和編輯視頻
(1) 在彈出的New Silverlight Application對(duì)話框中,按照默認(rèn)選項(xiàng)選擇ASP.NET Web Application Project
(2) 添加Canvas,設(shè)置寬:300,高:300,并設(shè)置顏色屬性為:blue,調(diào)試
(3) 在右側(cè)工程項(xiàng)目中導(dǎo)入視頻,點(diǎn)擊ClientBin,選擇Add->Existing Item…在Add Existing Item對(duì)話框中添加視頻文件桌面->LAB2->Add-Video-VSTS->Trailer.wmv
(4) 添加MediaElement, 設(shè)置屬性x:Name=”myVideo” Source=” Trailer.wmv” 高:290,寬:290 Canvas.Left=”5”,Canvas.Top=”5”
(5) 編譯并運(yùn)行
(6) 添加TextBlock控件,設(shè)置文字“Silverlight”設(shè)置字體大小,位置和顏色:
編譯并運(yùn)行
(7) 刪除Foreground="Yellow"屬性,添加VideoBrush控件,設(shè)置SourceName:”MyVideo”:
- < TextBlock.Foreground>
- < VideoBrush SourceName="myVideo"
Stretch="UniformToFill">- < /VideoBrush>
- < /TextBlock.Foreground>
(8) 編譯運(yùn)行
(9) 將MedieElement控件Opacity屬性設(shè)置為“0”,編譯并運(yùn)行
Silverlight視頻編輯2.利用Expression 3 Encoder進(jìn)行視頻的處理
打開(kāi)Expression 3 Web工程項(xiàng)目
(1) 在Start菜單,點(diǎn)擊并啟動(dòng)Expression 3 Web
(2) 選擇文件->打開(kāi)...
(3) 在打開(kāi)作業(yè)對(duì)話框中,打開(kāi)桌面->LAB2-> Adding-Video-ExpressionWeb-> Gears of War->default.html
(4) 在中間的編輯區(qū)域,如下圖紅色區(qū)域所示,添加Silverlight視頻
(5) 拖動(dòng)工具箱中”Silverlight視頻”到下圖紅色框所示區(qū)域
(6) 在彈出的“選擇視頻”對(duì)話框中,選擇桌面Adding-Video-ExpressionWeb-> Trailer.wmv
(7) 在“插入Silverlight視頻”對(duì)話框中作如下設(shè)置:
編碼:VC-1高速寬帶VBR
(5) 模版選擇“彈出式播放器”
(6) 寬度和高度分別設(shè)置為:192*128 鎖定縱橫比
(7) 拉伸模式選擇“統(tǒng)一填充”
(8) 點(diǎn)擊“編碼”
Silverlight視頻編輯3.利用Expression 3 Encoder進(jìn)行Smooth Streaming制作
下載安裝IIS Media Services
(1) 登陸主機(jī)系統(tǒng)
(2) 登陸http://www.iis.net/extensions/SmoothStreaming
(3) 下載IIS Media Services (3)0版本
(4) 打開(kāi)Internet Information Services Manager
(5) 在Media Services選項(xiàng)中找到Smooth Streaming
注意: 啟動(dòng)Internet Information Service Manager需要以管理員權(quán)限運(yùn)行
創(chuàng)建Expression 3 Encoder項(xiàng)目工程
(1) 在Start菜單中打開(kāi)Expression Encoder (3)
(2) 點(diǎn)擊File->導(dǎo)入…
(3) 將主機(jī)桌面->LAB2->Adding-Video-ExpressionEncoder導(dǎo)入到工程中
(4) 如下圖所示,在“系統(tǒng)”標(biāo)簽中選擇H.264平滑流式處理-720p CBR
(5) 在“視頻”選項(xiàng)中,添加8個(gè)不同碼流的文件
(6) 在輸出標(biāo)簽中,模版選擇“平滑流式圖形界面播放器”
(7) 點(diǎn)擊左下角的“編碼”按鈕
Smooth Streaming效果展示
(1) 在上一任務(wù)中,編碼過(guò)程較長(zhǎng),完成編碼后會(huì)自動(dòng)在瀏覽器中生成預(yù)覽
(2) 在視頻瀏覽中點(diǎn)擊
(3) 滑動(dòng)播放進(jìn)度條,以顯示碼流變化情況
Silverlight視頻編輯4.利用Expression 3 Encoder進(jìn)行Smooth Streaming發(fā)布
以人工的方式發(fā)布
(1) 在上面的操作中我們完成了Smooth Streaming編碼的操作,進(jìn)入文件夾:\\Documents\Expression\Expression Encoder\Output\[Computer Name] [Date] [Time] 我們可以看到8個(gè)不同大小的碼流文件
(2) 將[Computer Name] [Date] [Time]文件夾復(fù)制到C:\inetpub\wwwroot目錄下
注意: 向該文件夾復(fù)制需要提供管理員權(quán)限
(3) 打開(kāi)Internet Information Services Manager 7,找到sites->Default Web Site,點(diǎn)擊右鍵,選擇Refresh
(4) 選中[Computer Name][Date][Time]文件夾點(diǎn)擊右鍵,選擇"Convert to Application",點(diǎn)擊確定
(5) 打開(kāi)IE瀏覽器,在地址欄中輸入http://localhost/[Computer Name] [Date] [Time]/default.html
用WebDAV發(fā)布
(1) 在http://www.iis.net/extensions下載WebDAV
(2) 打開(kāi)Internet Information Services Manager,選擇WebDAV Authoring Rules,在左側(cè)“動(dòng)作”欄中選擇"Enable WebDAV"
(3) 在左側(cè)“動(dòng)作”欄中選擇Add Additional Rule
(4) 在Add Additional Rule對(duì)話框中,選中"All content","All Users","Read""Source""Write",點(diǎn)擊確定
(5) 回到Internet Information Services Manager,在IIS組中選擇“驗(yàn)證”,打開(kāi)后啟用Windows驗(yàn)證,基本驗(yàn)證
(6) 回到Internet Information Services Manager,在授權(quán)規(guī)則中,選擇允許所有使用者存取
(7) Expression 3 Encoder,“發(fā)布到”選擇WebDAV
(8) 服務(wù)器URL:http://localhost
目錄名稱(chēng):SmoothStreaming
身份驗(yàn)證:basic
(9) 點(diǎn)擊發(fā)布
至此,Silverlight視頻編輯處理完成。