6. 進階技巧與開發

6-1. 善用影音轉檔軟體

特別介紹第三方專業軟體 Freemake Video Converter協助您進行轉檔作業,完全免費不需註冊。它可以將你的影片、圖片、音樂轉成AVI、MP4、3GP、DVD、WMV 及 MP3 等格式,另也支援上下翻轉、左右轉翻、向左旋轉及向右旋轉等特效。請前往官方網站進行下載並嘗試自行安裝。本篇將僅指導您如何在產品播放上之問題進行轉檔處理。

在使用影片進行數位看板播放時,通常會有以下兩種可能無法正常播放:

將不順的影片重編

通常我們會建議所有使用者將所得之影片再次轉檔。廣告機不同於一般電腦擁有強大的應用程式與資源進行影片解析播放,若您的影片容量特別過大,甚至播放時出現不順暢的效果,我們會建議您進行轉檔作業優先。

  1. 將您的影片拖拉到主畫面,或透過『+視訊』來進行影片匯入。
  2. 點選下方轉為MP4做為輸出管理,MP4為目前最主流之多媒體檔案格式。
  3. 請保持設定為『與來源相同』,由Freemake自動幫你判斷原解析度避免失真,按下轉換。
  4. 最後等待影片輸出完成!檔案變小了,播放順暢不失真~


▲根據畫面進行轉檔步驟操作,輕鬆完成最佳化轉檔

將影片進行旋轉

當您的螢幕有進行所謂的直立式播放,您需要配合旋轉角度重新編譯影片旋轉,譬如當您的螢幕採用向左旋轉,則您的廣告機內容需同樣進行左旋轉。

  1. 將您的影片拖拉到主畫面,或透過『+視訊』來進行影片匯入。
  2. 在影片右側有特殊圖示選項,點選進入開始進行旋轉。
  3. 點選下方之Rotate將角度旋轉到指定期望方式,最後按下OK離開。
  4. 開始點選下方轉為MP4做為輸出管理,MP4為目前最主流之多媒體檔案格式。
  5. 請保持設定為『與來源相同』,由Freemake自動幫你判斷原解析度避免失真,按下轉換。
  6. 最後等待影片輸出完成!瞧瞧原本影片是否有整個旋轉呢?


▲透過畫面提示步驟,將影片旋轉到理想的角度

6-2. 直立式看板的設計

接著介紹直立式的數位看版呈現方式。在特殊場合中,若您決定是以直立式看版做為媒體呈現,一般市面做法99.9%為將螢幕做旋轉掛成直式,因此在視覺上的角度必須將畫面跟著做旋轉才能呈現出正確的角度觀看。


▲因為掛法的方向不同,媒體素材相對會所不同的配合角度

這種顯示旋轉概念,在一般的Windows電腦可以依賴顯示驅動程式幫你處理。然而因為成本反映(授權金)與穩定性考量,數位看版之中逐漸使用RISC的Linix做為播放器,不用負擔太昂貴的預算也能滿足看板的基本需求。因此使用RISC的播放器,則必須依賴將素材做手動旋轉處理。 如果您規畫了影片、圖片、文字在你的播放器,原則上這些素材你都必須先做旋轉過後,再將這些已經被旋轉過的素材放置到播放器內去,透過這種方式才能在掛直的螢幕上呈現正常。

然而,值得慶幸CaptivAD能夠幫忙處理掉圖片與文字旋轉的功能。這樣就能忽略所有要旋轉的問題。而唯一的問題存在於,影片不能被CaptivAD處理,困難於Video每秒有30fps的靜態,同時影片的編碼格式與壓縮技術各有不同,這一點無法已很專業的協助幫忙轉壓。因此唯獨影片是需要靠自己DIY先處理過! 而影片的旋轉方式,其實只要透過第三方的專業軟體就能很容易解決,相關的影片旋轉技術可以參考網路搜尋或本站討論做進一步了解。

示範舉例

我們用個簡單例子做示範,我們先準備好影片、圖片、背景這三種素材。只有影片是要透過DIY先處理旋轉,其他素材則不處理


▲先將所有素材上傳,而影片需另外自行轉檔處理(旋轉)


▲我們新增一個佈局,同時使用Vertical做直立式佈局(注意90度與270度)


▲示範中,選擇直立式的背景圖使用


▲接著將媒體櫃中已旋轉的影片匯入,調整好位置與比例


▲最後將宣傳用的圖片做匯入,為了比例美觀需調整好屬性值


▲派送出去的畫面,如果用順時鐘掛法來呈現,就是直立式的看板顯示了

6-3. 快訊播放的功能

快訊播放,指的是能夠協助您直接對正在播放的跑馬燈直接快速修改。這項功能允許您在短時間內直接更改跑馬燈內容。適合進行短時間內的文字修改之需求。行為相同於將『佈局修改→文字跑馬燈→更改內容→完成→節目單發佈』的操作過程簡化為一個介面直接處理。 

操作時,您只可指定『含有文字跑馬燈的佈局』進行更改文字。更改後將直接影響廣告機的當下內容排程的指定佈局。若您的快訊播放操作與廣告機的排程佈局無關,並不會有任何影響出現。 當您完成此動作後,回到佈局檢視下會發現該佈局的文字跑馬燈已經變動。其實代表著經過快訊播放的協助理,快速完成對該佈局的文字修改以及要求廣告機進行內容更新的兩項行為。


▲即時插播能簡化對『佈局文字修改』以及『廣告機內容更新』之動作


▲每次即時插播,會影響原佈局的變動與廣告機同步,但不影響原排程

6-4. 即時插播的快速發布

本篇將直接介紹您另一個快速化的插播使用,能允許您在最短時間內完成即時插播。讀取本篇前,請先了解插播的功能,若您已了解CaptivAD的插播功能後,能幫助您更快理解整體插播的過程與即時性差異。 

我們提供了一個快速介面,這是一個能將插播的複雜步驟減到最低。過去的節目單→播放清單→插播排程→完成→傳送簡化為一個畫面完成所有程序。可真正符合那些需立刻並馬上暫時更換佈局的各種可能。相對的這只能解決當下的插播時效,並不能滿足行事曆的預約需求。

常見的適合例子很多,包含:某長官拜訪需要臨時性更換已存在的歡迎佈局;火災緊急逃難告知,透過插播佈局的逃脫路線;或者更改限定當下的其他佈局做即時插播。即時插播的過程很簡單,原則流程不變僅簡化為一個介面。但提醒整體功能依然屬於插播作用,您需要先準備好佈局才能選擇給插播使用。圖片示範如下: 


▲即時插播屬於簡化於短時間內的播放,無法滿足預約需求

6-5. Tag標籤的關聯性播放

Tag標籤是一種能夠協助在播放畫面時主區域與副區域的關聯性內容。這能滿足許多廣告商的進階關聯性需求使用。是一種當畫面中的影片區塊正播放某牌廣告時,能期盼其他的附屬圖片區域相對播送同樣的主題內容。藉由Tag的標籤判別過濾出符合影片的關聯性素材。 

您需要將影片與對應的關聯性圖片進行標籤命名,每當影片播放時,根據影片的標籤名稱篩選出其他區域的標籤素材。藉由以下圖片能清楚表達其功用。 


▲Tag是由影片來領導圖片區域,過濾出應播放的關聯性素材

Tag的使用方式很簡單,您必須在設計佈局時,需將影片區域的素材進行Tag命名,隨後將圖片區的素材也進行Tag命名,同時將Tag功能給開啟,儲存完畢後發佈即可看見Tag所帶來的關聯性效果。 


▲您必須將影片區域的素材打上Tag,好讓圖片區可以對應主人


▲圖片區的素材打上對應有效Tag之後,記得開啟『觸發Tag』

若覺得重新設計佈局需要重覆輸入一樣的Tag應用,您可以直接在媒體櫃先行輸入該素材的預設Tag為何。接著每次設計直接使用該素材時,Tag會以媒體櫃為預設值。這個先行輸入Tag的影響只在您開啟圖片區的『觸發Tag』才能發揮。


▲媒體櫃可以先行輸入Tag命名,佈局設計時自行帶入Tag名

若某些情況下,影片區與圖片區的部分素材則不願具備連播時,可保持該Tag為無。Tag的空白輸入的影響結果,舉例如下:

影片區內含有分別為TagA、TagB以及無Tag的三部影片,圖片區分別含有TagA、TagB、TagC以及無Tag的大量圖片素材。則播放時...

  • 畫面播送TagA的影片時,圖片區域只播放TagA的關聯性圖片 
  • 畫面播送TagB的影片時,圖片區域只播放TagB的關聯性圖片 
  • 畫面播送沒有Tag命名的影片時,圖片區域會播放出TagA、TagB、TagC以及無Tag的所有圖片 

6-6. 用USB代替網路更新

在數位看板市面,主流播放產品皆能透過網路來做更新動作,CaptivAD同時也能以USB外部卸載裝置來滿足無法使用網路的客戶應用。您可以透過自備的USB隨身碟(FAT32)做為一種暫時性的傳輸媒介,協助廣告機進行檔案下載更新。

廣告機會自動偵測並複製USB內的可讀檔案於自身儲存空間,更新完畢後即可取下USB隨身碟,捨去網路的替代方式。 這種應用可被使用在沒有網路的弱勢環境下使用,譬如當您的網路無法連線或者在有限與臨時空間內無法接合網路。藉由USB來手動取代網路的傳播行為。要進行USB的手動傳輸行為前,必須注意得在伺服器本地端進行(媒體位置因素),若使用異地電腦Console端將無法進行此USB手動更新行為。 

操作前請先成立一筆播放清單,並設計好節目單內容。再根據以下步驟圖解,指導您如何完成USB手動更新步驟: 


▲從伺服器本地端登入,透過『匯出排程至USB』來匯出播放清單


▲安裝USB到廣告機,並重新開機促使廣告機主動進行偵測

注意: 
廣告機只接受USB外部感應之偵測時間為開機30秒以內,當您安置USB無反應,請先重新確實插入安置後再重開機,依然無法偵測到時請嘗試更換別的USB使用並使用FAT32格式

6-7. EZ Console的簡易模式

到目前為止,若您以完整了解CaptivAD Classic的各種強大功能與介面感到驚嘆,相對於少數使用者來說直覺大部分的介面過於少用而繁雜。我們可推薦您另外安裝簡易模式軟體,進行EZ Console操作管理。

對於CaptivAD的管理介面,我們推出了完整模式的CaptivAD Console與簡易模式的CaptivAD EZ Console共兩種登入軟體提供選擇。而EZ Console與Console的介面最大差異分別如下 

  1. EZ Console主要縮減整體各項介面為一個主要介面,做為簡化操作者而設計
  2. 操作過程中,以快速處理 [設計→排程→傳輸] 為目的之核心主導操作
  3. 捨去不常用的系統設定、廣告機設定、日誌報表、帳號管理...等管理性質的功能 (避免誤觸)
  4. 保留原本帳號權限功能,登入後不影響各自允許權限
  5. 由管理員操作Console維運管理,並提供EZ Console給基層人員適合使用


若您很擔心複雜的系統介面無法讓一般登入者接受,可改EZ Console做為委託設計之主導介面,再搭配權限適時輔導進行操弄。如此一來,亦能保留管理員的設定值不被破壞,也能降低登入者的操作門檻。本篇將介紹如何安裝EZ Console以及主導介面說明: 

安裝CaptivAD EZ Console說明

預設安裝CaptivAD Classic之下並不包含EZ Console套件,您需要額外安裝EZ Console做為第二登入軟體。而原本的Console登入軟體則不影響原系統使用。請從隨附光碟取得或從本站進行EZ Console軟體下載即可。安裝完畢後,一樣透過網路或本機位置進行IP登入,登入的帳號與原Console的登入帳戶相同。 


▲需另外提供EZ Console套件,安裝過程下一步到底即可


▲安裝完畢後會多出一個新的登入軟體為CaptivAD EZ Console

當你安裝完畢後,請根據您的CaptivAD伺服器所在位置輸入IP,並且使用原管理員或使用者帳戶登入即可 (EZ Console是第二種登入介面,原先資料與帳戶可共用存取 )。 

EZ Console介面說明

登入完成後會發現全新卻熟識的介面服務,EZ Console是將您所常需要的設計排程功能給歸類在一個畫面加快使用。我們將一一介紹各功能選項,詳細應用方式可參考相關連結: 


▲EZ Console的登入較為簡潔,以常用的功能進行介面優化


▲根據不同的功能需求來進行操作使用 ,發揮更快的操作時間

媒體櫃 
與一般Console相同,點選[媒體櫃] 而提供上傳媒體櫃之操作

新增佈局 
與一般Console相同,點選[新增佈局] 而提供佈局的新增與設計動作

修改佈局 
與一般Console相同,提供佈局的修改與設計動作。(需注意,您需要先點選一個已存在佈局後,才能對該佈局進行[修改佈局]之動作。 


▲修改佈局之前,需要先選擇欲更改的佈局後才可修改

檢視佈局與搜尋 
這裡簡化了佈局的檢視效果,直接點選佈局名稱後即可直接呈現出來。同時您可以調整檢視佈局的空間版面,透過右上角[一二三]進行調整排列數。另外當尋找某一佈局可透過搜索來尋找。 


▲您可以調整佈局列表的空間版面做最佳檢視介面

節目單規劃 
可透過左方的播放清單列表選擇一筆存在的播放清單對其編輯節目排程,而EZ Console無法進行新增/刪除播放清單之動作。同時注意進入節目單時,需先進行解除鎖定才可使用(避免誤觸)。 


▲點選節目單後,修改前需點選右上角的解鎖動作

選擇廣告機 
與一般Console相同,您需要將廣告機對象指定到該播放清單內,或者在該節目單規劃時選擇[選擇廣告機]。

派送播放清單 
當您完成播放清單的設定以及廣告機對象,勾選該播放清單後進行直接派送,或者在該節目單規劃時選擇[儲存與派送]。 


▲直接在畫面上勾選[播放清單]做再進行派送動作

廣告機狀況 
這裡您可以看到各廣告機目前正在播放什麼,同時查看廣告機目前是否正在連線。但您無法對廣告機進行新增、修改與管理之行為(EZ Console已簡化)


▲您僅可以對廣告機做狀態查詢以及目前播放什麼

快訊播放 
與一般Console相同,捨去多餘步驟直接對該佈局之跑馬燈區域修改。您只能對含有此顯示項目(文字跑馬燈/圖聞跑馬燈)之佈局做處理。修改完畢後,請自行手動點選該播放清單做[派送播放清單]行為。 


▲這裡的快訊播放只是簡化修改的程序,請再次點選[派送]動作

即時插播 
EZ Console命名更改為派送插播,捨去多餘步驟直接對播放清單做調整,可進行『快改頻道1之預設佈局』以及『快寫目前的插播排程』。完成此選項行為,系統會自動幫你同步派送該播放清單。 


▲派送插播可以對某一播放清單做快速調整(預設佈局或是目前插播)

6-8. 新增網頁快照模組

在整個佈局當中,使用快照模組需自行指定並規劃要擷取的網頁框架,本篇將示範並指導您如何指定網頁的框頁做為截取快照來源供給CaptivAD做截圖成為網頁模組使用。 

注意:您需本身了解XML與HTML的技術知識

快照選項的調整位置 

您需要在系統安裝目錄底下,對主檔案進行編輯追加才能供給CaptivAD的下拉選單使用。同時將擴增的子檔案進行撰寫。在檔案路徑之應用程式路徑之下,找到名為SnapTemplate的資料夾,編輯檔案分別為主檔案與子檔案

主檔案:SnapTemplates.xml 
→每個快照定義須用此標籤方式<Template …………./>寫入在此 

子檔案:XSLT格式檔 
→在此定義截取URL的網頁框架 
→編輯內容:1. HTML格式的Table語法 2. 相對路徑或絕對路徑的層級元素 

改參數方式與解釋 

主檔案:修改此檔案做新增項目動作 

  • Name : 顯示在CaptivAD選項中的模組名稱
  • TemplateFile : XSLT的檔案名稱 (子檔案)
  • Filter :擷取的網頁URL來源
  • EqualFilter:設定為"true"
  • Width:指定所生成的顯示寬度
  • Height:指定所生成的顯示高度
  • Delay : 設定延遲時間(毫秒)於讀取該網頁的等待,建議3000以上
  • ByRuntime : 預設為"true",設定"false"則代表所見即所得之內容

子檔案:新增並指定以下動作做為截取內容參數 
  • HTML格式Table語法:若要定義快照的寬度、高度、標題...,將在這裡表示其元素
  • 截取區域的路徑:可以用Google chrome開發人員工具,來得知該網頁的相對路徑或絕對路徑


▲可利用Google Chrome遊覽器的開發人員工具,來解析來源網頁框架的路徑

當你安裝完畢後,請根據您的CaptivAD伺服器所在位置輸入IP,並且使用原管理員或使用者帳戶登入即可 (EZ Console是第二種登入介面,原先資料與帳戶可共用存取 )。 


示範做法

取自來源網站http://www.rbc.ru/


▲擷取該網頁右邊的匯率表,做為網頁快照定時提供為圖片給廣告機

Step1. 對SnapTemplates.xml修改,增加以下Tag項目

<Template Name="rbc.ru Exchange Rates" TemplateFile="ru_exchange_rate.xsl" Filter="http://www.rbc.ru/"EqualFilter="true" Width="200" Height="300" Delay="3000" ByRuntime="false"/>

Step2. 新增一個XSLT檔案,命名為ru_exchange_rate.xsl 

<?xml version='1.0'?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
<xsl:template match="/"> 
<table style="background-color: #FFFFFF;"> 
<tbody> 
<tr class="tab" title="rateContainer" style="font-size: x-small"> 
<xsl:copy-of select="//div[@class='rateContainer']//table"/> 
</tr> 
<tr id="title" class="tab" title="S&amp;P 500" style="font-size: x-small"> 
<xsl:copy-of select="//div[@class='small greenBg saveData']//b"/> 
</tr> 
</tbody> 
</table> 
</xsl:template> 
</xsl:stylesheet> 

路徑之寫法

相對路徑:在以上的情況,可用相對路徑以""的引號表示: 

<xsl:copy-of select="//div[@class='rateContainer']//table"/>

絕對路徑:或者可以用絕對路徑來表達: 

<xsl:copy-of select= "/html/body[1]/div[1]/div[1]/table[1]/tbody[1]/tr[1]/td[3]/div[1]/div[1]/div[3]/table"/>


▲您可以調整佈局列表的空間版面做最佳檢視介面