第五章 結論與未來發展
程式碼 2- 4:HTML 網頁載入 JavaScript 檔案
對於一個 HTML 網頁來說,如果要設計成一個具有高互動性、功能豐富的 網頁,JavaScript 絕對是不可或缺的一個要素。以本系統為例,利用 JavaScript 讀取 server 端的 XML 檔案、動態修改<video>標籤所播放之檔案路徑、動態新增 影片片段相關資料等等都是非常重要的功能。
2.7 智慧型手機(Smart Phone)
智慧型手機(Smart Phone)是運算能力及功能比傳統手機更強的手機的統 稱,使用者可以隨意在手機內像個人電腦一樣安裝應用程式,所以擁有很豐富的
function displayCD() {
myVideo.src="http://140.122.184.34:8081/eXist/XML/"+value+".mp4";
myVideo.poster="http://140.122.184.34:8081/eXist/Snapshot/"+value+".jpg";
}
<script type="text/javascript" src="loadxmldoc.js">
</script>
<script type="text/javascript" src="value.js">
</script>
功能,可以不斷擴充。目前智慧型手機最主要的幾個作業系統包括 iOS、Android、
Windows Phone、Symbian、BlackBerry OS 等等,他們之間的應用程式互不兼容,
不過大多數熱門的應用程式都會推出多個作業系統的版本。
近年來,智慧型手機的發展非常快速,硬體效能也越來越強大,除了一些硬 體需求較高的功能,例如玩一些高品質的遊戲或是 3D 繪圖等等,智慧型手機幾 乎已經可以當成個人電腦使用。智慧型手機能夠顯示與個人電腦一致的正常網頁、
具有良好的操作系統以及使用者介面、也擁有良好的應用程式擴充性(能夠隨時 安裝或刪除應用程式) 、能支援多工(一次執行多個程式) 、並且 擁有完整的多 媒體、郵件、上網功能,能完全取代像 MP3、MP4 和 PDA 這些傳統的設備,因 為上述這些特點,智慧型手機能夠代替傳統的個人電腦處理基本的工作需求或是 一些其他的事務。
根據 Gartner 調查報告指出,2012 年第三季 Android 智慧型手機市占率已經 從 2011 年的 52.5%急速成長至 72.4%。全球的智慧型手機出貨量也是爆炸性的 成長,從 1.15 億台成長至 1.69 億台[9],如圖 2-3 所示。
圖 2-3 2012 第三季手機市占率調查
2.8 NFC
NFC( Near Field Communication,近場通訊)是一種短距離的高頻率無線通訊 技術,允許有 NFC 晶片的電子設備之間進行點對點資料傳輸。這個技術由 RFID(Radio Frequency Identification,免接觸式射頻識別)演變而來,由 Philips 和 Sony 共同研製開發,是由 RFID 加入互連技術而發展出來的一項新技術。NFC 運作的頻率是 13.56MHz,其最遠感應距離只有 10 公分,超過就無法傳輸;傳 輸速度有 106 Kbit/秒、212 Kbit/秒或者 424 Kbit/秒三種[10]。
NFC 主要分為主動和被動兩種讀取模式,主動讀取模式就類似一般的讀卡 機,利用 NFC 裝置去讀取 NFC Tag 或是其他的 NFC 裝置;而被動模式就是變 成 NFC Tag,需要靠其他的 NFC 裝置來讀取。NFC 的工作模式主要有下面三 種模式:
1.
Card mode(卡模式):這個模式就是相當於一張採用 NFC 技術的 IC 卡,目前所有用 IC 卡所達到的功能,都能用此模式來代替,包括信用卡、悠遊 卡、身份辨識卡、門禁管制、車票、門票等等。此種模式下,有一個優點,
就是可以通過非接觸讀卡器來供電,即便是裝置(如手機)沒電的情況下也 可以工作。
2.
P2P mode(點對點模式):這個模式可用於兩個具備 NFC 功能的裝置做數 據交換,類似紅外線傳輸的方式,只是傳輸距離較短,傳輸配對建立速度較 快,傳輸速度也較快。使用方式是將兩個具備 NFC 功能的裝置連結,就能 將資料點對點傳輸,常見應用有下載音樂或影片、訊息交換、遊戲互動等等。3.
Reader/Writer mode(讀卡機模式):作為非接觸讀卡器使用,例如從海報或 是展覽訊息電子標籤上讀取相關資訊,使用者只須要把有 NFC 功能的裝置 靠近 NFC Tag,即可讀取 Tag 內的資料。第三章 行動視訊播放與管理系統之系統規劃
本研究以 HTML、Javascript、CSS 製作高互動的使用者瀏覽系統,搭配 XML、
JSP、C#、eXist 等技術實作的行動視訊播放與管理系統。本章節對行動視訊播放 與管理系統之規劃、架構以及開發技術做詳細的介紹,第一節為新舊系統之比較 與行動視訊播放與管理系統架構介紹,利用新舊系統比較圖(圖 3-1),呈現本系 統中新增加的功能。另外透過架構圖,清楚表達本系統的結構及運作的過程。第 二節為本系統之影片分段模組詳細運作流程及方法描述,包括影片分析以及偵測 影片中的場景轉換。第三節為介紹片段查詢模組,在本節中清楚介紹利用 XQuery 語法查詢資料庫中片段的流程及方法。第四節為使用者瀏覽系統介紹,說明如何 利用 HTML5、JavaScript、CSS 製作高互動性的瀏覽頁面,以及整個瀏覽系統功 能的詳細解說,包括新增和瀏覽片段和存取 eXist 資料庫進行片段的刪除及修 改。
3.1 行動視訊播放與管理系統架構
圖 3-1 新舊系統比較圖
圖 3-2 行動視訊播放與管理系統功能圖
如圖 3-2,本系統主要由兩個部分組成,第一個是由許多個 JSP 網頁所組合 成的整個系統的入口,使用者可以在此進行使用者登入、影片上傳、影片查詢、
片段查詢、影片清單以及影片管理的動作。使用者在上傳影片之後,系統會將上
Core 的格式來對影片內容做描述。之後系統會自動將影片依照影片長度切割成 數個片段,每個片段都會產生一個 XML 檔案,檔案中會有數個標籤來描述片段 的內容,依照影片的分類,會有不同的標籤來描述不同種類的影片,如圖 3-3 所 示,所有的 XML 檔案都會儲存在 eXist 資料庫中,使用者可以利用系統中影片 查詢和片段查詢的功能快速的找到想要觀看的影片或片段。查詢完畢後會將結果 傳送至 HTML5 的頁面做影片的瀏覽,在瀏覽頁面中,使用者可以對片段資訊做 新增、修改、刪除的動作,來增加影片的查詢效率和準確度。
圖 3-3 XML 檔案上傳資料庫流程圖
3.2 自動與手動影片分段
當使用者上傳影片之後,系統會利用自動分段的功能將影片依照長度切割成 數個片段,長度越長,就會切割越多片段,切割完畢之後,使用者需要前往瀏覽
系統中利用片段修改的功能,將切割出來的片段依照影片種類的不同編輯一些相 關的資訊,讓其他使用者能夠更快速的找到這些片段,假如自動分段的結果使用 者並不滿意,也可以在瀏覽系統中手動進行片段的新增或刪除。自動分段的功能 是利用 OpenCV 函式庫對影片進行處理,判斷出場景轉換的時間點,對影片進行 切割的動作。
3.3.1
影片構成要素及原理影片是由許許多多的畫面(frame)所構成的,畫面也就是靜態的圖片,透過連 續播放畫面來呈現出我們平常所觀看影片的動態效果。影片的構成要素一般來說 有下面幾個部分,這些要素和本研究中影片自動分段功能在處理影片都有著密不 可分的關係。
1. 像素(pixel)
上面提到影片是由許多畫面所構成,那像素就是畫面中最基本的組成單位,
可以用三原色(紅、綠、藍)構成的 RGB 色域或是青、品紅、黃、黑構成的 CMYK 來做為像素的顯示。在本研究中處理影片時所採用的是 RGB 色域來顯示像素,
而每個像素所能表達的顏色多寡取決於像素本身是用多少位元(bit) 來進行呈現 (bpp,bit per pixel),常見的值有:
‧ 8bpp:由 8 個位元表示色彩,有 256(28)色,稱「8 位色」。
‧ 16bpp:65,536(216)色,稱為高色彩,也稱為「16 位色」。
24
‧ 32bpp:32 位色為計算機領域常見的位色,而它所代表的並不是 232種顏 色,而是在 24 位色上增加了 8 位元(28=256)的灰階,32 位色也成為真彩色 或全彩色。
2. 解析度(resolution)
解析度主要是用來表示圖片細節的分析能力,解析度越高可以呈現出越細膩 的色調變化,而圖片的解析度是用像素的數量來決定的,也就是圖片的長度乘上 寬度,例如解析度為 1024*768 的圖片,就是代表圖片是由長度有 1024 個像素,
寬度有 768 個像素,總共有 1024*768=786432 個像素所組成的。所以一個圖片的 解析度越高,檔案也就會越大。在同一個裝置中,解析度越大,所顯示的圖片也 越大,這時如果將解析度小的圖片放大成高解析度的圖片,對照下來低解析度的 圖片會比高解析度的圖片來的模糊,如圖 3-4、圖 3-5 所示。
圖 3-4 高解析度與低解析度圖片對照(高解析度)
圖 3-5 高解析度與低解析度圖片對照(低解析度)
3. 畫面更新率(frame per second,FPS)
畫面更新率指的是影片播放時,每秒所播放的畫面數,因此 FPS 越高,影片 也就會越流暢,但是對系統的負擔也會越大。人可以看見影片的動態連貫效果,
是因為人類眼睛有視覺暫留的特性,如果要達成最基本的視覺暫留效果大約需要 10 FPS 的速度,我們平常所看的電視,全世界則有 25FPS 和 29.97FPS 兩種標準,
電影的部分則是以稍慢的 24FPS 做為拍攝及播放標準。
4. 影片格式(format)
目前全世界現有的影片格式非常非常多,即使只算比較常見的也有不下十種,
影片會有許多種影片格式的原因是因為每個格式都是採用不同的編解碼標準,因 為影片的資料量較大,為了方便傳送,所以設計出編解碼的方式,來壓縮資料量,
以下介紹本系統中所支援的三種影片格式:
‧ MPEG-4: MPEG-4 是專為網路多媒體應用所開發的格式,由於 MPEG-4
是一個公開的平台,各公司、機構均可以根據 MPEG-4 標準開發不同 的格式,市面上有許多採用不同種編碼方式的 MPEG-4,都是由不同的 開發商所開發的,因此不一定能播放 MPEG-4 的播放裝置都能播放所 有副檔名為.MP4 的檔案。
‧ Ogg: 是一個免費的影片格式,由 Xiph.Org 基金會所維護,Ogg 並不受到軟體專利的限制,可以納入各個免費和開放原始碼的編解 碼器並設計用於有效率地影音串流和處理高品質的數位多媒體。
‧ WebM:是 Google 公司所贊助開發的影片格式,目標是開發一個開放 的、免版權費用的影音檔案格式,WebM 能夠提供高品質的影片壓縮來 配合 HTML 5 的影片播放部分使用。
3.3.2
自動與手動分段流程將影片分段的目的主要是為了讓使用者能夠快速的找到影片中特別的主題 或者是精彩的部分,並且讓其他使用者能夠利用關鍵字的搜尋找到這些片段。本
將影片分段的目的主要是為了讓使用者能夠快速的找到影片中特別的主題 或者是精彩的部分,並且讓其他使用者能夠利用關鍵字的搜尋找到這些片段。本