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