1. 聯合勸募
數位應用輔導計畫
數 位應 用課程
影 片 編碼 與 分享
以 V imeo 為 例
主 辦 單 位 ： 中 華社 會福利聯合勸募協會
執 行 單 位 ： 社 團法 人臺灣數位文化協會

2. 前言
影片從哪裡來
編碼千百種，到底哪種才好
工欲善其事必先利其器，我們要先
來了解各位天天都會用到個各種錄影
在我們了解各種設備可能產生的檔
案格式後，我們接著來討論我們打算
把影片拿來做什麼，各位對於影片的
設備所使用的檔案格式，不要明明檔
案已經是編碼過的格式你還多花⼀一筆
時間去做壓縮編碼，白白做工，浪費
時間。
需求直接影響到我們要把影片轉成什
麼格式。
以下是常見之檔案編碼及格式
WMV的優點與缺點
RMVB的故事
編碼器與解編碼器
H.264是什麼？
把影片分享給其他人
我們不使用常見的Youtube平台，
在這裡我們要了解以下幾點：
因為影片長度的限制，改採用Vimeo
平台可以讓我們放上完整的課程影
影片如何組成
片，不需剪接，唯⼀一的限制就是檔案
何謂像素
大小要控制在500MB以內，我們之所
掃描方式的差異
以要了解編碼，就是因為要控制影片
大小以符合網站免費服務。
什麼是「幀」
什麼是「FPS」
什麼是「位元率」
-1-

3. 影片從哪裡來？
DPI（Dot Per Inch），DPI是來計算單
影片的組成
首先我們來搞懂五花八門的螢幕解
位面積內總共有幾個點，同樣的1280
析度符號代表的意義，讓我們以
x 720解析度的畫面，在不同DPI的輸
1280 x 720P @ 24fps (H.264編碼)
出入裝置上顯示的圖片大小會不同。
來當做範例好了！
小問題：常見的數位相機通常會號
稱自己有幾百萬畫素，是不是畫素愈
解析度與像素(Pixel)
我 們 稱 螢 幕 上 顯 示 的 ⼀一 個 點 為 ⼀一
個”像素”(pixel)，1280代表了在螢幕上
顯示的長度為1280個像素，寬度為
720個像素。通常1280 x 720我們稱作
這是⼀一張圖片的解析度（在電腦螢幕
上 ） ， 這 裡 可 以 順 便 釐 清 ⼀一 下
-2-
高就愈好？

4. 影片從哪裡來？
(Frame)或稱⼀一畫格，⼀一秒鐘播放幾幀
掃描方式
常見的掃描方式有兩種分別為逐行
就是「幀率」(Frame Rate)或稱「畫面
掃描 (Progressive scan) 與交錯掃描
更新率」，為了讓我們的眼睛覺得畫
(Interlaced scan)，影片寬度720P後面
面很流暢不遲鈍，常見的規格從
的P就代表了這個影片是使用逐行掃描
24~30不等，單位是FPS(Frames Per
的方式。所謂的交錯掃描是由於早期
Second)
訊號傳輸速度頻寬較低，為了顯示更
位元率(Bit Rate)
大的畫面，工程師想出了單雙數行交
以下是電腦中檔案容量「食物鏈」
錯顯示的主意，讓有限的頻寬能夠顯
1Bit * 8 = 1 Byte；1000 Byte = 1KB
示更高的解析度，優點是頻寬可以減
1000KB = 1 MB ；1000 MB = 1GB
半，但是會有閃爍的缺點。
我們使用位元率來表示⼀一幀所佔的
在傳輸技術改善後，目前較常使用
容量，常見的數字在600~1500之間。
的就是逐行掃描的方式，常見於許多
使用過大的位元率會讓影片肥大，過
的大尺寸電視以及藍光播放機等裝
小又會過度失真導致畫面模糊。
置，如1080P等。
小問題：在交錯掃描的模式下，有
「幀」與「幀率」
可能會達到60FPS，為什麼？
人眼只要每秒鐘看到10張以上的圖
小問題：為什麼螢幕的畫面更新率
片就會引發視覺暫留，我們就會覺得
常常都是60Hz？
它 在 動 。 我 們 稱 ⼀一 張 畫 面 就 是 ⼀一 幀
-3-

5. 影片從哪裡來？
常見影像來源裝置與規格
裝置
常見解析度
常見影片格式
數位相機
影片1280 x 720
相片2272 x 1704
DV攝影機
720 x 480
.mov
.avi
.mp4
24
.avi
29.97
.m2ts
硬碟式數位
攝影機
1920 x 1080
手機
1280 x 720
行車記錄器
常見幀率
.mp4
.mpg
.ogg
.m4v
.avi
1280 x 720
.mp4
-4-
29.97
24
25

6. 編碼千百種，到底哪種才好
聲音； DVD則是使用MPEG-2格式，
什麼是編碼？
編碼其實就是⼀一種破壞式影片的壓縮
MPEG-3制定後被發現MPEG-2已夠用
過程，目的在有效的減少影片所佔的容
最後被終止；最後就是最容易混淆的
量。常見的就是壓縮完之後畫面解析度
MPEG-4系列規格，⼀一般的MPEG-4並
降低，當放大到全螢幕檢視的時候格子
不⼀一定就是指H.264，所以在市面上可
就出來了。
以看到的MP4裝置價差很大原因就在
此。
為了解決這種問題，專家們提出了⼀一
市面可以找到許多MP5的裝置，基
種編碼方式，利用參考禎的概念，參考
本上...就是廠商騙錢的宣傳噱頭。
前後的畫面，將相同的畫面去除，只記
錄不同的部份，這樣可以有效的降低檔
微軟公司所提出的WMV格式。 最新
案大小又可以保持畫面的解析度。這就
的WMV / VC-1格式也有參考H.264的
是我們在產品規格書中常見的H.264 /
概念進行開發。
MPEG-4 AVC，這個概念被廣泛的使用
在MOV、AVCHD、M2TS等等的檔案
另外⼀一種常見的編碼方式為Divx及
Xvid，Divx要收錢，而Xvid不用。感謝
格式。
開放源碼團隊的努力，我們常常會在各
常見影片格式
種網路分享的影片中看到這兩種編碼方
其實我們日常生活與MPEG密不可
式。
分，早期的VCD是使用MPEG-1格式進
最後⼀一種是Real Network公司推出
行編碼； 各位常常聽的MP3，其實就
的RM格式常見的有.rmvb檔等等。
是MPEG-1 Layer 3的縮寫，主要處理
-5-

7. 編碼千百種，到底哪種才好
Codec，裡面就整合了至少三種影片
有聲音沒影像/影音分家
播放程式以及五種以上的解編碼器等
就解壓縮失敗或者來不及解囉！
等，當播放影片⼀一直出問題的時候值
在播放H.264影片時，若電腦沒有
得⼀一試。（尤其是Windows 7）
對應的解編碼器或者硬體規格不夠快
小結
（大概五年內的其實都可以），就會
導致上面的問題，這就是有些顯示卡
我們認識了這麼多奇奇怪怪的名
會主打支援硬體解壓縮的功能，沒有
詞，為的就是了解影片的來源有何不
怎麼辦？其實中央處理器可以處理，
同，根據不同的影片以及不同的需
惟消耗之系統資源較高。
求，我們要對影片進行不同的處理，
如果你要嵌入到投影片中，在微軟的
解編碼器(Codec)
環境下最好影片就要先轉成WMV，若
Codec是編碼器(Coder)跟解編碼器
要好備份不佔空間，RMVB是你不二
(Decoder)的合成字
的選擇，若要放到網路上分享出去，
為了播放網路上千千萬萬種格式，
H.264就是你唯⼀一的出口，因為各大影
通常就會安裝所謂的Codec Pack解編
音網站皆支援此⼀一格式。我們今天要
碼器包，常見的是K-lite Codec
學習的Vimeo.com，每週免費提供
Pack，裡面包含了各種各樣的解編碼
500MB的空間，不限影片長度讓各位
器、字幕解碼器DirectVobSub以及影
使用，為了在有限的空間內塞入⼀一整
片播放程式如Media Player Classic。
段的影片，我們將學習如何將各種影
中國大陸也有開發⼀一套軟體叫做Pure
片轉成H.264的格式。
-6-

8. 使用Hand brake進行檔案編碼
首先打開各位的瀏覽
器，不管是桌面上藍色的
E或者各位有使用Google
瀏覽器，請到搜尋引擎搜
尋Handbrake。
下載安裝完成後主畫面
如下：
-7-

9. HandBrake介紹
以下簡單介紹⼀一下我們會使用到的部分：
1. Source：選擇要壓縮的來源檔
2. Destination：利用Browse按鈕設定轉檔之後的輸出目錄
3. 切換到「Video」頁籤更改Video Codec到H.264
4.設定Avg Bitrate平均位元率：最低到600
5.Start：開始轉換
-8-

10. Vimeo上傳影片
網址: http://vimeo.com 點選主畫面的Join Vimeo進行註冊
點選Sign up for Basic，申請免費帳號
-9-

11. Vimeo上傳影片
輸入姓名、電子
郵件信箱、密碼
勾選了解同意服
務書。
點選「Maybe Later」
- 10 -

12. Vimeo上傳影片
收信，點選Complete Your Registration
在新開啟的視窗內，輸入剛剛申請的E-mail以及密碼，之後
點選Login
- 11 -

13. Vimeo上傳影片
登入之後點選Choose a file to upload進行上傳的作業。
在檔案上傳的同時，我們可以輸入此⼀一檔案的標題，描述，
以及標籤。
- 12 -

14. Vimeo上傳影片
上傳完畢後，點選Go to Video
因為免費帳號的原因，檔案上傳後需要等待⼀一段時間進行相
關轉檔作業，結束後會郵件通知。
在等待的同時，我們先點選右邊的Settings按鈕，針對此⼀一影
片的相關設定進行更改。
- 13 -

15. Vimeo影片設定
Basic info
頁面設定基本
標題、描述、
以及標籤。
Privacy頁面
設定瀏覽全
縣，我們可以
設定特定使用
者或者需要輸
入密碼才能觀
看等等。
- 14 -

16. Vimeo影片設定
License授
權頁面可以設
定此⼀一影片的
授權方式。
網站支援創
用CC的各種
授權。
以下節錄自維基百科有關創用CC的各種授權方式。
- 15 -

17. Vimeo影片設定
Add to 頁面
中我們可以加入
特定的群組，頻
道，或者相簿。
免費的帳戶只
能新增⼀一個群
組，⼀一個頻道，
三個相簿。
在Custom
URL頁面我們
可以自定影片
的網址。
設定完畢後
不要忘了按
Save儲存設定
喔。
- 16 -

18. Vimeo影片設定
搞定。我們可以利用右上角的share或Embed按鈕進行分享或
者取得嵌入網站所需的程式碼。
- 17 -