Top Banner
插插 Silverlight 插插
40

插入 Silverlight 視訊

Dec 31, 2015

Download

Documents

quinn-johns

插入 Silverlight 視訊. 設定. 設定編碼方式如果沒有特別的想法或者需求可以保持原來的設定值 接下來範本部份可以選擇不同的播放介面 決定適當的影片寬高 完成後點選 『 編碼 』 按鈕. Expression Encoder. 匯入影片. 點選 『 匯入 』 按鈕,將影片匯入到 Expression Encoder 中. 影片剪輯. 將播放頭停留在要剪輯的位置 點選 『 於播放點新增編輯 』 按鈕. 刪除影片. 將播放頭停留在第一段影片的上方任何一個位置 點選 『 移除播放點下的線段 』 按鈕,就可以刪除影片了. 插入影片. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 插入 Silverlight 視訊

插入 Silverlight 視訊

Page 2: 插入 Silverlight 視訊

設定

1. 設定編碼方式如果沒有特別的想法或者需求可以保持原來的設定值

2. 接下來範本部份可以選擇不同的播放介面

3. 決定適當的影片寬高

4. 完成後點選『編碼』按鈕

Page 3: 插入 Silverlight 視訊

Expression Encoder

Page 4: 插入 Silverlight 視訊

匯入影片

點選『匯入』按鈕,將影片匯入到Expression Encoder中

Page 5: 插入 Silverlight 視訊

影片剪輯

1. 將播放頭停留在要剪輯的位置

2. 點選『於播放點新增編輯』按鈕

Page 6: 插入 Silverlight 視訊

刪除影片

1. 將播放頭停留在第一段影片的上方任何一個位置

2. 點選『移除播放點下的線段』按鈕,就可以刪除影片了

Page 7: 插入 Silverlight 視訊

插入影片

點選『在開頭新增來源』按鈕

Page 8: 插入 Silverlight 視訊

輸出設定

點選『編碼』的頁面標籤

點選『+』可以增加不同編碼格式的影片

Page 9: 插入 Silverlight 視訊

1. 點選『增強』頁面標籤

2. 在視訊重疊中可以設定影片的子母畫面

3. 而音訊重疊部份可以設定背景音樂

Page 10: 插入 Silverlight 視訊

1. 選擇某一段影片

2. 點選『中繼資料』頁面標籤

3. 可以設定該影片的相關資料,而這些資料在有些播放介面是會顯示出來的

Page 11: 插入 Silverlight 視訊

1. 點選『輸出』頁面標籤

2. 設定影片的封面圖形

3. 可以選擇播放介面

4. 可以決定存儲的位置

5. 完成設定後就可以點選『編碼』按鈕

Page 12: 插入 Silverlight 視訊

匯入 Silverlight網頁

1. 點選『檔案』功能表項目

2. 點選『匯入』功能項目

3. 點選『檔案』功能項目

Page 13: 插入 Silverlight 視訊

我們將資料夾名稱修改為『 test』,接下來打開『 test』資料夾,裡面就有『 Silverlight 視訊』的相關資料,主要是『 Default.html』這個頁面,打開『 Default.html』

Page 14: 插入 Silverlight 視訊

套用範本

1. 點選『格式』功能表項目

2. 點選『動態網站範本』功能項目

3. 點選『附加動態網站範本』功能項目

Page 15: 插入 Silverlight 視訊

完成

Page 16: 插入 Silverlight 視訊

Encoder錄製電腦操作畫面

點選下方『畫面擷取』的按鈕

Page 17: 插入 Silverlight 視訊

設定

點選『編輯選項』的按鈕

Page 18: 插入 Silverlight 視訊

螢幕

Page 19: 插入 Silverlight 視訊

音訊

Page 20: 插入 Silverlight 視訊

快速鍵

Page 21: 插入 Silverlight 視訊

其它

Page 22: 插入 Silverlight 視訊

設定完成後就可以點選『錄製』的按鈕

Page 23: 插入 Silverlight 視訊

選擇錄製範圍

當選好要錄製的範圍後點選左鍵一下即可

Page 24: 插入 Silverlight 視訊

改變錄製範圍

Page 25: 插入 Silverlight 視訊
Page 26: 插入 Silverlight 視訊

錄製好的成果

Page 27: 插入 Silverlight 視訊

建立Deep Zoon

Page 28: 插入 Silverlight 視訊

開新專案

開啟『 Deep Zoom Composer』這套軟體,點選『 New Project』建立一個新的專案

Page 29: 插入 Silverlight 視訊

專案儲存的路徑及專案名稱,這個部份就留給大家自行決定了。如果不想修改直接點選『 OK』按鈕。

Page 30: 插入 Silverlight 視訊

Import

在『 Import』步驟中,最主要就是將要展示的相片匯入,而要匯入相片只要點選『 Add image』按鈕即可

Page 31: 插入 Silverlight 視訊

選擇要加入的相片,可以按住 Ctrl鍵不放做不連續的選取,選取好之後就可以點選『開啟』按鈕

Page 32: 插入 Silverlight 視訊

Compose

點選上方『 Compose』的頁面標籤,將下方的圖片拖曳到上方深灰色的編輯區中,可以利用拖曳法改變相片的位置和大小,這裡由大家自由的發揮創意,左方的對齊工具如果有需要也可以運用。

Page 33: 插入 Silverlight 視訊

Export

點選上方『Export』的頁面標籤:

1. 在『Output type』我們要選擇『Silverlight Deep Zoom』的項目,這樣才會有相片展示的特效

2. 在『Name』的文字欄位中輸入檔案名稱,這次我們輸入show

3. 在『Location』項目中點選『Browse』按鈕,可以指定儲存的位置,這次我將結果存到『桌面』

4. 而下方的輸出格式我們選擇『Export as a collection(multiple images)』

5. Templates選擇『Deep Zoom Navigation(default)』項目

6. Image settings可以保留預設,不過因為待會網頁的寬度只有600像素,所以『Image Width』我們就修改為『600』

7. 完成後就可以點選『Export』按鈕

Page 34: 插入 Silverlight 視訊

當輸出完成後會詢問要觀看何種輸出的結果,我們打算觀看網頁呈現的結果,所以點選『 Preview in Browser』

Page 35: 插入 Silverlight 視訊

完成

Page 36: 插入 Silverlight 視訊

插入Deep Zoom

1. 將游標停留在圖片右方的儲存格

2. 點選『插入』功能表項目

3. 點選『媒體』功能項目

4. 點選『 Deep Zoom』項目

Page 37: 插入 Silverlight 視訊

打開『 GeneratedImages』資料夾

Page 38: 插入 Silverlight 視訊

選擇『 dzc_output』的檔案,並點選『開啟』按鈕

Page 39: 插入 Silverlight 視訊

1. 設定入 Deep Zoom畫面的大小

2. 點選『確定』按鈕

Page 40: 插入 Silverlight 視訊

完成