台灣民俗慶典藝術典藏網站資源運用

一、網站建構

本計畫利用網站之建置，作為藝術推廣之依據，透過網站中的多媒體呈現與 專家學者提供之建言與深入的作品賞析，讓網站的使用者能夠快速的了解到作品 的本質與藝術的內涵。完成網站架構如下：

圖 4-9 網站之功能架構

二、主要功能與相關運用如下：

（一）英文網站

除中文推廣網站外，因應國際化需求，讓世界更了解台灣本土藝術的精隨，

增加了英文網站的建置，除委請本校翻譯研究所師生共同參與外，也多次於會議 中本團對再進行文字的斟酌，以求翻譯文字精確。

限於經費與人力，英文網站僅擷取中文網站中的重要作品展現，如圖 4-10。

英文網站首頁 民俗活動記錄片串流展示

歲時節慶英文簡介 原住民繪圖作品展現 圖 4-10 英文網站示例

（二）.NET 伺服器程式三層架構設計

本計畫於規劃階段時，即提出了以新ㄧ代伺服器網頁技術撰寫網頁，希望 達到即時互動、開發快速與資料庫連結等功能，因此決定以.NET 技術開發，語 言則以純物件導向式(Object Oriented) C#程式語言為主，開發期間除運用的 Visual Studio.Net 2003 版本外，由於臨時需求與新增頁面過多，期間也加入了 Visual Studio 2005 Beta 2 使用的.Net Framework 2.0 版本的網頁技術，實現了部份 物件建置(Partial Object)，以及遠端開發同步等快速建置需求。

此功能發揮於支援各項活動的辦理上，在線上報名及後端資料庫管理上支援 了教育研習營、美術與藝術論壇、青少年兒童圖像應用營、教案徵稿等活動，並 在教案徵稿活動中提供投稿者教案上傳的機制，操作介面如圖 4-11。

線上報名機制 教案徵選，線上上傳功能(.NET Framework 2.0)

圖 4-11 線上報名及後端資料庫管理介面

（三）線上視訊串流展示

為了讓使用者有較優異的使用環境，本網站在串流技術上使用了許多較底層 的視訊技術支援。

z SMPTE-VC1 視訊壓縮技術，壓縮效能較 MPEG-2 提升 50%以上，即於相同 頻寬服務下可以提供多一倍的人同時觀看。

z 快速啟動與支援：不降低伺服端與使用者端串流緩衝的前提下支援快速啟動 功能，讓使用者在最短的點選等待期間啟動視訊播放，於後續的播放仍保有 緩衝暫存區的支援，避免停格現象產生，讓使用只有較佳的使用經驗。

z 斷線恢復：使用者因網路臨時斷線恢復後，系統會立即重新連線，影像繼續 播出。

z 防火牆突破技術：由於網路病毒日益猖獗，防毒軟體功能也隨之日益強大，

複雜性也越來越難以掌握，公司有專屬的防火牆，ISP 也有其專用的防火牆，

微軟 XP 作業系統在 SP2 之後的版本將防火牆預設為開啟的狀態。以上情況 卻經常造成視訊多媒體被擋於防火牆外，而無法觀賞的主要因素。

本網站採單一伺服器雙 IP 的運作模式，網站與串流媒體皆擁有各自的 80 連 接埠，串流視訊經由與網頁相同的通訊協定傳輸，可以穿透種種的防火牆設定，

可讓使用者輕易選取視訊自在地瀏覽。

本網站使用即時串流技術運用於：紀錄片展示、教育研習營、美術藝術論 壇、青少年兒童圖像應用營與教案徵稿等活動紀錄以及授權影片播放。如圖 4-12。

青少年兒童數位典藏圖像應用營線上影 像紀錄

數位藝術教育與典藏教育研習營線上 影像紀錄

廣電基金版權紀錄片—王船 新聞局版權紀錄片—年 圖 4-12 線上視訊串流

4. 即時互動功能

z 視訊會議系統：為增加本研究案師生的互動與聯繫，除於每週擇定一日進行 會議之外，並增設線上即時多方互動視訊會議功能，可隨時可進行面對面的 直接溝通。

z 即時語音互動服務：與視訊會議不同的是，本功能僅以麥克風進行溝通，

類似網路電話的方式，亦可多方同時進行，無須透過 Web Cam 等外加裝置。

z 即時文字互動：以純文字為溝通方式，所有過程都會在伺服器中記錄起來，

可供日後查詢或其他參考之用途。本網站上並將此功能運用於記錄片欣賞，

流覽者可以隨時發表個人意見，可即時與他人互動，亦可留下訊息作為個人 建議事項之發表。上述即時互動功能如圖 4-13。

數位福爾摩莎即時視訊會議系統 數位福爾摩莎即時語音互動系統

數位福爾摩莎即時意見交流版

以記錄片為主題的互動意見交流

圖 4-13 即時互動介面

5. 線上遊戲

線上遊戲為增加其趣味性，以本網站所蒐集之音樂、舞蹈、繪畫、文學、

電影與雕刻為素材，將其設計成相關問題，再結合圖文與賞析之文章內容，問題 以資料庫隨機產生，所以每次遊戲均會產生不同的題目及排列順序生，讓挑戰者 每次都有新的挑戰經驗。

為加深使用者的記憶，在題目設計中也加入了與題目相關的多媒體內容。

每道題目回答後，系統會立即公佈答案與結果，讓挑戰者可以立即知道結果，同 時啟動回饋機制，讓試用者有即時互動的感覺。如完成所有六大主題的題目後，

程式會將所有答題結果與成績公佈，也會做立即的評等，並透過線上陳現所獲等 級之獎狀以資鼓勵如圖 4-14。

遊戲選項分六大主題項目 問題選項呈現

問題答對後的即時回饋 完成所有問題的總評

圖 4-14 線上遊戲介面

6. 影音字幕呈現

限於網路影音頻寬與解析度的限制，一般播出之影像解析度多為 320 x 240，是一般電視播出正常畫面的 1/4 而已，對於字幕的成現是一件非常困難的 事；而聲音檔案也必需經過大量的壓縮。在不確定使用者端的聲音播放條件下，

加入字幕可以確保使用者完全掌握資訊，同時也有利於聽障者的使用。

然而，在低解析度的視訊環境下，如果在將字幕直接合成於影像內，不但破 壞原始畫面，與呈現的影像相衝突，同時也無法避免因解析度所產生的嚴重的鋸 齒現象。字幕的清晰度也無法令使用者滿意，利用網路特有的互動特性，將字幕 與影像分離的方式播出，使影像與字幕的清晰度令流覽者更能接受。

透過字幕同步技術，可將影片之旁白字幕繕打完成後，再以簡單的文字編輯 軟體（如 notepad 等）進行編輯，使影片與字幕兩者同時播出。

串流視訊於資料傳送時，由於需要大量頻寬，因此在播出時無法保證其他傳 送資料是否可以達到與串流視訊一般及時傳送的目的，因此在處理上，將字幕資 料以 notepad 編輯並加上相對時間碼資訊後，以專為字幕所設計純文字的 XML 標籤—SAMI，先行傳送到使用者的電腦，由使用者端的電腦負責同步的播出。

由於純文字檔案所佔的傳輸頻寬非常的小，使用者端電腦於影像播出時才控制同 步，因此可以非常精確地掌控字幕的順暢播出，讓使用者無需面對字幕與影像不 同步時的不良經驗。本系統於實際測試時，亦不曾發生過任何字幕與影像不同步 的情形。

圖 4-15 線上影音字幕介面

7. 著作權保護機制

網站中所有相關的藝術作品呈現之影像、聲音、圖片、符號與標誌等，皆經 過相關著作權所有人的同意公佈於本網站。為了強化對於著作權的尊重，除了僅 可能的加強版權的宣導外，亦同時啟動了相當多的安全防護技術，如右鍵失效、

網址隱藏、網頁原始碼封鎖、媒體伺服器下載儲存管制、網站與多媒體伺服器 IP 分離等措施。

z 右鍵失效：

網頁與串流視訊進行時禁止使用滑鼠右鍵，防止另存新檔或原始檔與 Javascript 程式被破解。

z 網址隱藏：

本網站對於影音檔案的呈現是採直接嵌入於網頁上，不同於傳統網頁點選 後直接跳出 Media Player，不會因為彈跳顯示功能而擋住到原閱覽網頁，減 少使用者閱讀上的困擾，同時對於另存新檔等行為可以有效防治。

z 網頁原始碼封鎖：

禁止使用者原始檔檢視功能，以防止原始碼中多媒體相關儲存位置被破解。

z 媒體伺服器下載儲存管制：

除了管制使用端下載儲存外，同時也採用了媒體伺服器端管制下載的功 能，使屬於比較主動的防制方式。由源頭直接管制，可以更有效的防治侵 權行為。

z 網站與多媒體伺服器 IP 分離：

視訊影音呈現，於單一伺服器加入雙 IP，讓媒體伺服器擁有獨立的 IP，並 經由網址隱藏技術，可以讓不當使用者無法因掌握網站 IP，同時破解媒體 伺服器進行不當下載之行為。