阿美設計
  • 首頁
  • 商品
    • 壁掛式-數位看板-店鋪-牆面-megamenu

      壁掛式數位看板
      $31,300↗

      43″-85″ Wall Mount
      Digital Signage

      懸吊式-數位看板-室內-天花板-megamenu

      懸吊式數位看板
      $33,000↗

      43″-75″ Ceiling Mount
      Digital Signage

      鋼管式-數位看板-櫥窗-店鋪-megamenu

      鋼管式數位看板
      $38,500↗

      43″-75″ Pole Type
      Digital Signage

      移動式-數位看板-公司-會議-megamenu

      移動式數位看板
      $30,200↗

      43″-65″ Mobile Stand
      Digital Signage

      直立式-數位看板-超市-賣場-megamenu

      直立式數位看板
      $42,600↗

      43″-65″ myKiosk Stand
      Digital Signage

      多螢幕數位看板
      $99,000↗

      43″-65″ Multi-Screen
      Video Wall

  • 版型設計
  • 文章
  • 常見問題
  • 聯絡我們

Android CMS播放器-線上使用手冊

成熟歷練的雲端CMS方案

作者 Adam 2023 年 5 月 10 日
作者 Adam 2023 年 5 月 10 日
1.1K

目錄

  • 前言
  • 主要功能
  • 硬體需求
  • 連線需求
  • CMS簡介
  • 網路架構
    • 使用端(Console)
    • 伺服器(Server)
    • 播放端(Player)
  • 軟體安裝
    • CMS伺服器軟體安裝
  • 播放器設定
    • 終端畫面
    • 終端選單
    • 顯示設定
    • 網路設定
  • 設定範例
  • 軟體註冊(軟件註冊)
  • 節目製作
    • 佈局
      • 絕對佈局
      • 時間佈局
      • 連接節目(鏈接節目)
    • 製作範例
    • 操作介面
      • 命令列
      • 資源列表
      • 節目列表
      • 元素選單
      • 元素設定
    • 元素介紹
    • 互動按鈕
  • 發送及日程
  • 節目備份
    • 導出節目
    • 導入節目
  • 終端管理
  • 資源
  • 授權管理
    • 分組
    • 角色
    • 用戶
  • 桌面設定
  • 結語

前言

經歷十幾年的蓬勃發展的Android生態圈,從行動、穿戴、家用到車載設備等,在今日都可以看到成各種熟的應用,而來自平板電腦(Tablet)延伸的數位看板專用播放器(Player),也在Google TV清楚定義家庭使用的界線後,延續著HDMI規格的更新,結合雲端服務的優勢,「全心全意」的走向商業目的的專業用途,包括ARM架構的硬體、系統到專用的程式等,都是經歷規格演進、功能開發與市場淬鍊後,所完整造就的數位看板專用Android CMS-安卓版本內容管理系統。

主要功能

  • 透過網路管理播放器,並在螢幕上播放圖片、影片、跑馬燈字幕、日期、時間、天氣、網頁、音樂、嵌套及RSS資訊等等,各種多媒體展示或觸控互動節目內容。
  • 內容製作及管理。
  • 內容排程及統計。
  • 內容發送及審核。
  • 用戶權限管理。
  • USB離線更新。

硬體需求

  • 數位看板播放器設備。
  • X86架構intel/AMD電腦主機或筆電。
  • 運行Microsoft Windows 7版本以上作業系統。
  • 具備10/100/1000MB連線能力之網路環境。

連線需求

  • 本設備符合24/7全時運作規格,請保持網路連線及在線狀態。
  • 區域網路使用,需提供一個內部固定IP,做為伺服器端連線使用。
  • 廣域網路使用,需提供一個實體IP或透過網域NAT(網路位址轉譯)服務,做為遠端伺服器/播放器連線使用。
  • 網路頻寬將影響遠端管理及傳輸效率。

CMS簡介

CMS(Content Management System 內容管理系統)是網路時代的專有名詞,在廣泛定義上,可以理解為一種專門管理網站內容的系統(或稱網站管理後台),它的優點為不需要具備程式或語言基礎,即可透過視窗、圖形及直覺的操作介面,針對網站進行各項控制與管理。

網路架構

Android CMS所使用的內容管理系統,主要為透過網路傳輸,管理使用端(Console)、播放端(Player)與伺服器(Server)三方的資訊,實現各種雲端優勢及異地管控的功能。

  • 使用端(Console):透過網頁瀏覽器如Chrome或Edge等,連接伺服器後進行管理、設計與排程等操作,並上傳到伺服器及推送到播放端。
  • 播放端(Player):接受伺服器的指令與資訊,並輸出呈現在螢幕上,通常是由一台低功耗的微型電腦(SBC)來負責。

√ 延伸閱讀「從單機到雲端,那一款播放器適合我?」站內文章

  • 伺服器(Server):負責使用端及播放端之間的資訊交換、命令、設定及內容儲存等功能,此角色可以由本地電腦、區網內電腦或VPS(虛擬伺服器)來擔任。

√ 延伸閱讀「從荒島到王國,哪一種網路模式適合我?」站內文章

接著我們簡單說明CMS中,使用端、播放端與雲端(伺服器)的主要功能與職責:

使用端(Console)
伺服器(Server)

使用端(Console)

就是利用電腦或手機平板等裝置,透過瀏覽器或App連線到伺服器,進行CMS操作或協作的個人或多人使用者,其中多人的部分可藉由授權管理,給予不同帳號階層的CMS操作權限。

*不支援MacOS上傳功能,建議使用Windows版本電腦。

伺服器(Server)

提供使用端及播放端的資料傳輸、儲存、管理、系統與安全等功能,現今數位看板CMS所提供的雲端伺服器服務,亦分為公有雲(架設在如Amazon、Google及微軟等大型雲端供應商)及私有雲(架設在數位看板廠商自家機房或自備電腦替代伺服器(自架私有雲))二種架構。

通常除了利用自備電腦替代伺服器的方案,使用者不需支付服務或維護費,其餘方案都會有按月/年收取的雲端服務費用產生。

播放端(Player)

基本上播放器(Player)就是一台性能強悍,可以每天24小時運作且低耗電的小型/微型電腦(SBC),它主要任務就是處理來自伺服器的資訊、計畫或指令等,然後在螢幕上忠實完整的呈現及執行。

並且由於科技的進步與內容的追求,超高解析(如4K)、動態畫面、影片串流或即時資訊等,對於播放器硬體規格也是相當考驗,更何況還兼具備省電及穩定性的特點。

目前市場播放器規格以ARM核心架構,搭配Android或Linux系統為主,其中主流處理器像是Rockchip瑞芯微、Allwinner全志及Qualcomm高通等,都已是很普遍的規格,上市也都有相當時間,在效能、供耗及穩定度各方面的表現亦相當成熟,同時硬體價格卻只有Windows系統的一半不到。

播放端(Player)

軟體安裝

CMS伺服器軟體安裝

  1. 請準備一台電腦,做為數位看板的伺服器使用,並預先將Windows內建防火牆關閉。
  2. 解壓縮CMS.rar檔案後,進入CMS\安裝程式\CMS\ServerSoftware\資料夾中,並執行setup.bat安裝檔案。

按下OK按鈕後繼續。

點選Next下一步繼續。

選擇欲安裝的目錄後,繼續點選Next下一步進行安裝。

點選Close完成安裝。

接著程式將自動執行Microsoft vcredist_x86軟體更新,如果系統已經安裝過即會出現這個畫面,請直接點選關閉跳過。

至此CMS伺服器軟體已在電腦上完成安裝,請按任意鍵回到桌面。

執行桌面上名為Server的程式捷徑。

跳出本機電腦做為伺服器時,供播放端及使用端登入的區域網路IP位址,以及預設的登入帳號及密碼,可直接按複製網址或記下來,供後續登入使用,最後按下確定。

備註:如本機IP有重新變動,可再次開啟本程式捷徑更新IP資訊。

到此為止,CMS伺服器軟體已完成安裝,後續伺服器及伺服器監聽器這二支程式,將常駐在Windows背景執行,運作伺服器所需要的相關功能,如果需要可以從右下角工作列,雙擊左鍵呼叫出工作視窗。

播放器設定

終端畫面

將播放器連接螢幕並啟動電源,系統在經過約一分鐘的開機程序後,如果沒有預設節目或等待設定的話,將會停留在這藍底黑字的終端(Terminal)畫面。

終端選單

將USB滑鼠連與播放器連接後,在藍底黑字的終端(Terminal)畫面,連續按下滑鼠右鍵二下,即可進入Android CMS播放器的終端選單畫面,各選單功能簡介如下:

  • 設定:在此輸入伺服器的固定IP、實體IP或專屬網址,以及設定終端設備(播放器)名稱,輸入後播放器需重新開機才能生效。
  • 日誌:播放器設備的登入及使用相關紀錄
  • 高級:打開進階選項,在此可控制終端節目播放、暫停及停止(回到本藍底黑字的Terminal終端畫面)狀態,設定定時開關機或更改播放器通訊連接埠(預設TCP/UDP Port : 6100 不需變動)等功能。
  • 退出:退出終端選單畫面,進入Android CMS播放器的安卓系統桌面。

顯示設定

進入Android CMS播放器系統的安卓桌面,以滑鼠左鍵點擊「設定」的齒輪圖示,進行播放器系統相關設定,右邊倒數第二個Terminal App即為「終端」的應用程式,主要做為數位看板播放節目使用,擁有系統優先啟動及最上層權限。

備註:在此模式下,滑鼠左鍵為執行,滑鼠右鍵為退出,按住滑鼠左鍵移動,可模擬手指拖曳的動作。

在設定的選單中,點擊「螢幕」欄位,接著進到「HDMI」欄位,進行螢幕顯示相關設定。

點擊「Resolution」欄位,依照螢幕規格選擇適當的解析度,或是選擇「Auto」讓系統顯示最佳化解析度。

網路設定

在設定的選單中,點擊「網路和網際網路」欄位,接著進到「網際網路」欄位,進行無線上網相關設定。

在「網際網路」設定頁面,「開啟」WiFi無線網路功能後,選擇網域並輸入密碼連接上網。

設定範例

以下將以同在一個區域網路內的設備,進行CMS的設定與連接示範。

硬體

  • Windows電腦主機一台,同時做為使用端(Console)及伺服器(Server)使用。
  • Android CMS Player 安卓CMS播放器一台,並連接螢幕、網路及滑鼠。
  • FHD或4K解析螢幕一台。

軟體

  • CMS伺服器軟體
  • Chrome/Edge/FireFox瀏覽器

設定

在安裝完CMS軟體後,點擊桌面「Server」程式捷徑,看到桌面跳出的提示視窗中,記下紅框處伺服器IP資訊,方便稍後至播放器輸入。

並確認右下角工作列中,「伺服器」及「伺服器監聽」二個程式已完成常駐。

將Android CMS播放器透過HDMI與螢幕連接,並接上一支USB介面的滑鼠,開啟電源,在開機完成後的終端畫面,看到目前服務器(伺服器)IP尚未設定,同時,如紅框處顯示的「否」表示,目前終端尚未與伺服器連接。

接著,在畫面的任一位置,滑鼠右鍵二下,打開終端選單,並進入「設定」欄位。

在設定的第一個位址欄位,輸入剛剛所記下的伺服器IP位址,如範例為 192.168.31.250 完成後按下確定。

約過數十秒後,我們即可在終端畫面,看到服務器(伺服器)IP ,已經按照剛剛輸入的 192.168.31.250 正確顯示,同時連接狀態也改為「是」,代表終端與伺服器完成連接,至此Android CMS播放器設定已完成,可將USB滑鼠移除,並將播放器重新開機。

接著回到電腦前面,按照剛剛伺服器軟體提示視窗中,第一行的資訊(或按右邊複製網址按紐)。

在瀏覽器的網址列中輸入或貼上,即可進入頁籤標題為Digital Signage的CMS後台登入畫面。

同按按照伺服器軟體提示視窗中,第二行的預設帳號密碼輸入,即可進入CMS的後台桌面。

到此為止,整個數位看板的CMS內容管理系統架構,已成功設定完成。

補充:除了直接檢查終端畫面外,從CMS桌面打開「終端管理」這個程式,也可以看到終端(播放器)的詳細狀態(左列中安卓機器人綠色代表上線、黑色為離線),同時也可以進行遠端管理、畫面截圖或上線統計等。

軟體註冊(軟件註冊)

執行桌面「軟體註冊」程式,即可得知目前所屬Android CMS播放器的註冊狀態及試用階段。

節目製作

佈局

在開始製作節目之前,我們先說明「節目佈局」與「時間佈局」這二種主要的節目型態,以及利用「連接節目」的功能來製作出,各種變化多端或整合多元的節目類型,豐富我們的播放內容。

絕對佈局

可在節目背景上面,自由的設計編排各種元素,並加入動靜態素材,創作出內容豐富且風格獨具的節目。

直立的圖片元素(picture-0)在最前面

直立的圖片元素(picture-0)移到最後面

在編輯區域中,絕對佈局中的編排的元素,具有類似圖層前後位置的概念(排列越下面,在畫面越上面),意即後面製作的元素,如果與前面已完成的元素重疊,將會覆蓋掉前面的元素,如需改變前後位置,可按照備註的方式進行調整。

時間佈局

所有建立的元素,只會按照排列順序及設定時間,以「全螢幕」的模式進行滿版播放,適合用來連接各種節目及素材,將各種不同類型的節目,做成類似節目清單的方式,按照希望順序與時間來播放。

在時間佈局的編輯區域中,所有的元素區塊,將會以由左而右、從上而下的大小區塊,做為播放排列順序的「示意」呈現,所以無法調整位置及尺寸,每個元素區塊僅會按照設定的時間及順序,「全螢幕」的輪流播放,就像是數位相框一樣。

所以在時間佈局中,更需要注意播放的素材尺寸比例,如上圖中,左上角的圖片元素(picture-0)即為直立比例9:16的輪播圖片,卻放到比例為16:9,橫向螢幕圖片框的錯誤示範,如此將會擠壓或拉伸畫面,影響美感及觀看體驗。

連接節目(鏈接節目)

由於Android播放器一次只能播放一個節目,所以利用連接節目的功能,來製作一個由多個節目,組合而成的複合式節目(類似節目/播放清單)就非常實用,我們可以利用在時間佈局的節目中,所有的節目都是以全螢幕格式,按照「時間順序」進行滿版播放的特性,來進行節目連接製作。

在時間佈局的編輯區域中,將不同的節目,透過「連接節目」的功能,組成希望的節目清單,製作方式如下:

新增一個節目,並在右邊元素設定區,將佈局選為時間。

在節目編輯區域上點選滑鼠右鍵,選擇連接節目。

勾選希望加入的節目,點選確認鍵。

節目按照「時間佈局」的排列示意連接/加入完成,元素設定右下方可以按照每個節目的時間長度,個別進行調整(預設為每個節目播放3600秒/60分鐘),即可完成連接節目(節目清單)的製作。

製作範例

在了解絕對及時間佈局的概念後,以下將以一台直立擺放的螢幕做為範例,利用系統預設「絕對佈局」的版型,一步一步的製作一個直立的節目,讓初次接觸Android CMS的朋友,能對這款功能強大且應用成熟的後台系統,快速熟悉、立即上手。

首先,執行桌面「節目製作」程式,點選「⊕新增節目」,輸入希望的節目名稱、選擇解析度(分辨率)及分類後,按下確定,本範例將採用直立螢幕的配置(1080×1920),在絕對佈局的版面設計中,進行示範。

備註:在節目解析度中,有4個預設的數值,分別為FHD畫質:螢幕擺放橫向1920×1080、螢幕擺放直立1080×1920 ,以及4K UHD畫質:螢幕擺放橫向3840×2160、螢幕擺放直立2160×3840。另外,如果像是柱狀、條狀或矩型拼接螢幕,所需要的特殊解析度,可以在此用手動修改輸入,即可獲得相同對應的版型面積。

接著,一面採直立配置(1080×1920)的節目底圖,即出現在編輯區域。

我們首先要將準備好的素材,比如圖片、影片或PDF檔案等文件,上傳到伺服器的資料庫中。

先到視窗左邊的「資源列表」欄位,在根目錄「/」或任何資料夾處,按下滑鼠右鍵(或按下滑鼠左鍵後,點選紅框中的設定),即可開啟命令視窗。

選擇「新建資料夾」後輸入名稱,即完成新增資料夾。

在該資料夾上按滑鼠右鍵,利用命令視窗中「上傳素材」功能,選擇想要使用的圖片、影片或文件(可以同時按鍵盤Shift鍵多選),點擊開啟按鈕,開始進行上傳伺服器資料庫的程序,並且,請注意上傳的素材,單一檔案不可超過2GB的容量限制。

本範例中上傳的素材與種類,包含圖片、影片及PDF文件,僅做為示範用途;實際操作時,建議您可以自行按照需求,分類或分層建立資料夾,並分別上傳對應的素材,以方便管理及共用。

待自動跳出的「上傳列表」中,所有檔案均上傳成功後,即可點右上角「X」關閉,素材上傳階段即完成,後續素材也可以在「資源列表」中,雙擊滑鼠左鍵進行預覽。

由於目前的節目是沒有背景的(編輯畫面中的深藍底只是示意),所以,在開始製作節目之前,通常我們會先進行「鋪底」的動作,以避免後面各種元素堆疊上去之後,卻沒有背景的問題,這邊建議背景可以選擇單純的底色或底圖,以避免太強烈或複雜的背景,反而干擾前方的元素主題。

在前面的上傳素材時,我們已經預先準備好,一張完全符合9:16比例與1080×1920解析度,構圖簡潔的圖片做為背景,以避免畫面被壓縮或拉伸,呈現最清晰的視覺效果。

操作方式很簡單,直接從「資源列表」中點選這張圖片,按住滑鼠左鍵,拖曳至編輯區域並放開左鍵,即可為節目建立背景。

接著,我們就開始利用元素選單中的各種元素,比如圖片、影片或字幕等,加入對應的各種素材,讓節目豐富起來。

首先點選上方元素選單中的「圖片」元素,接下來會出現一個可以調整位置及大小尺寸的元素框。

我們可以直接在該元素框上按住滑鼠左鍵,來放大縮小或拖曳定位,也可以在畫面右方的設定處,直接輸入該元素框的位置與尺寸數值,達到精確的調整與定位。

在本範例中,我們已經預先規劃好,在該位置會放入16:9的橫向圖片進行輪播,並與畫面等寬,所以我們這邊按照等比例縮小(1920×1080:1080×608),並直接輸入對應數值:寬度1080、高度608,完成一個等比的圖片框設定。

接著,我們即可將「資源列表」中的對應素材-圖片,拖曳到該元素框裡面(可同時按鍵盤Shift鍵多選),並且在右方設定中,針對個別圖片的播放屬性,比如播放順序(按住圖片上下搬移位置)、時間長度或轉場特效等,進行個別或統一設定,而上方紅框內的「透明度」,以及左邊的「顯示網格」,可以按照自己的操作習慣進行調整。

製作過程中,可以隨時按「保存」或「另存為」,將目前節目的製作進度儲存起來。下面我們將繼續新增,包含影片及字幕等不同素材類型的元素到節目裡來。

點選上方元素選單中的「影片」元素後,跟前面的程序一樣,我們可以利用拖曳拖曳或輸入數值,設定該元素框的大小及位置。

由於本範例準備的影片,一樣都是採用橫向FHD 1920×1080拍攝及製作,所以我們比照剛剛的圖片設定,將元素框的比例設定為 1080×608 的 1:1 等比(1920×1080:1080×608)大小,以避免破壞原始影片的畫面,保持最佳觀看體驗。

一樣從「資源列表」中,透過多選的方式(同時按鍵盤Shift鍵多選),將影片拖曳進對應的元素框中,並且重新設定播放順序及影片音量大小後,並再次保存節目。

備註:如果需要製作不同階段或分類節目,也可以利用「保存」鍵旁邊的「另存為」的功能,利用不同名稱來管理節目。

字幕(跑馬燈)也是電子/數位看板常用的功能,在某些臨時或重要的訊息傳遞,會動的文字,往往特別會吸引人們的注意,但是使用上仍須避免,訊息過多或壟長的字幕,造成干擾畫面或觀眾不耐。

在Android CMS中,字幕(跑馬燈)可以設定為靜態及動態二種,靜態的字幕(跑馬燈)也可以做為標題或抬頭使用,以下將針對這二種功能製作範例。

跟前面一樣,點選「字幕」的元素後,調整完元素框的大小尺寸並設定好位置後,後點擊紅框處的「⊕增加」新增字幕內容,請注意本字幕的方向為「靜止」。

備註:在本範例中,我們刻意將「字幕」與底下的「影片」元素框之間,留下30畫素的間距,目的是讓節目底圖的顏色露出,塑造成類似框架的呈現,避免素材邊緣黏合在一起,讓版面清楚且美觀。

在字幕(marquee-1)的內容編輯視窗中,可以按照需求選擇字體、顏色、大小及方向(包含靜止)等;建議在新增字幕之後,透過終端管理中的「遠端截圖」功能(左右調整視窗邊緣,可呈現當前比例),即時確認字幕(跑馬燈)的大小及位置等資訊。

然後,我們將繼續在節目底部,按照前面步驟,再新增一則從方向為「從右至左」移動的字幕(marquee-2),完成並保存節目。

在元素選單中,還有一些可以用來點綴畫面的工具類型元素,比如日期、時間及天氣等資訊,以下將利用節目畫面的空白位置,分別新增時間及天氣二個元素,做為本次節目製作範例的結尾。

分別點選元素選單中的「日期」及「時間」,按照前面的步驟,調整好尺寸、位置、格式及顏色等。

點選元素選單中的「天氣」,調整好元素框的尺寸及位置後,點擊「⊕增加」新增城市的即時天氣資訊。

備註:由於Android CMS的天氣資訊來源,主要為 OpenWeatherDataSource 及 H5DataSource 所提供的公開天氣數據,在搜尋城市時,建議以英文城市名稱,比如Taipei、Taichung等做為搜尋字詞,比較符合我們的使用習慣。

最後,整個製作節目的步驟到此完成,點擊上方的「發送」,再次確認節目名稱及分類後,按下確定按紐。

勾選希望播放本節目的上線終端設備(播放器),其中,綠色安卓機器人代表設備在線上,網路與連接狀態良好,而黑色安卓機器人代表設備離線,僅線上的設備可以進行更新、發送或監控等遠端作業。

這邊再次按下「發送」鍵,出現操作成功的通知訊息,即代表遠端的設備收到內容更新,很快的就會開始播放所發送的節目。

發送成功後,也可以透過「終端管理」中的遠端截圖,直接監看終端設備(播放器)目前的畫面。

節目製作製作完成之後,下次如果需要重新編輯,可以在「節目列表」中雙擊滑鼠左鍵重新叫出該節目。

操作介面

  • 命令列:在此新增、儲存、預覽及發送節目,同時可以設定製作節目時,編輯區域的畫面比例、網格及元素顯示的透明度。
  • 資源列表與節目列表:資源列表用來管理製作節目所需的媒體素材,節目列表為管理現有節目及導入導出功能。
  • 元素選單:製作節目的各種元素(Elements)選單,元素有可能是媒體、工具或功能。
  • 編輯區域:節目製作時用來編排元素的區域,可透過命令列上「放大鏡」的拉桿,放大縮小呈現的比例。
  • 元素區塊:每個放入邊輯區域的元素,都擁有自己獨立的區塊,可以調整位置、尺寸及前後順序(在絕對佈局下支援)。
  • 元素設定:在此進行元素的相關設定,可設定選項依照編輯區域所選元素而定。

命令列

  • 新增節目:新增一個全新空白的節目並開始製作。
  • 刪除已選:刪除所選擇的元素。
  • 保存:保存當前的節目。
  • 另存為:將當前節目另存為一個新節目。
  • 預覽:新增一個瀏覽器分頁預覽當前節目(部分元素不支援預覽效果)。
  • 發送:發送當前的節目至終端設備(播放器)。
  • 放大縮小:調整編輯區域的比例大小以方便製作。
  • 顯示網格:顯示格線以方便將元素對齊。
  • 透明度:調整元素在編輯區域的透明度。

新增節目設定:

  • 節目名稱:自訂節目的名稱。
  • 節目解析度:配合螢幕的擺設方向及原生解析度,選擇節目的解析度(設定後可依需求更換),目前內建FHD 1920×1080/1080×1920及4K UHD 3840×2160/2160×3840 這四種高解析度,如果需要特定解析度可以直接手動輸入。
  • 節目分類:設定保存位置,可直接輸入名稱產生新的節目分類夾。

資源列表

放置及管理所有的媒體素材,在任一樹狀目錄資料上按滑鼠右鍵,即可叫出命令視窗,進行上傳、刪除或重新命名等功能;要加入元素時,只要在素材上按住滑鼠左鍵,即可直接拖曳至對應的元素框內使用。

節目列表

  • 發送:將勾選的節目發送至終端設備(播放器)播放。
  • 預覽:在瀏覽器新增分頁來預覽當前節目,由於部分元素及瀏覽器支援問題,建議利用「終端管理」的「遠端截圖」功能,做為節目預覽標準及實際畫面參考。
  • 刪除:將勾選的節目刪除。
  • 節目分類:用來新增或刪除節目類別。
  • 導出:匯出勾選節目成壓縮檔案。
  • 導入:匯入節目的壓縮檔案。
  • 刷新:重新整理節目列表。

元素選單

製作節目的各種元素(Elements)選單,元素有可能是媒體、工具或功能,操作元素的方法基本雷同,都是透過點選該元素,新增至編輯區域後,並調整元素區塊的位置及尺寸,再加入素材或進行設定,即完成元素的建立。

另外,點選元素列表右邊的「設定」,也可以自訂元素選單中各個元素的可見及隱藏。

元素設定

  • ID:系統自動產生的該元素ID號碼。
  • 名稱:元素的名稱可自行更改。
  • 類型:元素區塊的類型。
  • 佈局*:分為「絕對佈局」與「時間佈局」二種。
  • 左:元素區塊左上的X座標位置。
  • 上:元素區塊左上的Y座標位置。
  • 寬度:元素區塊的橫向解析度。
  • 高度:元素區塊的縱向解析度。

備註:在元素設定下方的列表素材,均可以按住滑鼠左鍵後,上下拖曳改變排列位置(播放順序)。

元素介紹

接下來,我們將以橫向的節目做為範例,在「時間佈局」的版面下,介紹各個元素的操作及設定。

圖片

在節目中播放圖片,將左邊資源列表中的圖片素材,拉進圖片元素區塊內即可,支援PNG、JPG、JPEG、 GIF及BMP等常用圖片格式,另外,如需利用PNG的透明背景時,需使用「互動按鈕」元素。

  • 刪除:將勾選的圖片素材刪除。
  • 清除:將所有的圖片素材清除。
  • 預覽:預覽此元素區塊的圖片素材。
  • 模式(普通/同步):普通模式需透過「發送」動作,才能對播放器(螢幕)的內容進行更新;而選擇同步模式時,終端播放器將同時顯示該元素的內容。
  • 設定所有時長:統一調整所有圖片素材的播放時間。
  • 設定所有特效:統一調整所有圖片素材的播放特效。
  • NO.:圖片素材的編號(播放順序),可上下拖曳重新排列。
  • 時長:圖片素材的播放時間。
  • 特效:圖片素材切換時的轉場特效。
  • 地址:圖片素材在資源列表中的路徑位置。

影片

在節目中播放影片,將左邊資源列表中的影片素材,拉進影片元素區塊內即可,支援MP4、AVI、MPEG及WMV等影片格式。

  • 刪除:將勾選的影片素材刪除。
  • 清除:將所有的影片素材清除。
  • 預覽:預覽此元素區塊的影片素材。
  • 模式(普通/同步):普通模式需透過「發送」動作,才能對播放器(螢幕)的內容進行更新;而選擇同步模式時,終端播放器將同時顯示該元素的內容。
  • NO.:影片素材的編號(播放順序),可上下拖曳重新排列。
  • 音量:調整影片素材的音量大小。
  • 地址:影片素材在資源列表中的路徑位置。

備註:建議影片採MP4做為播放格式,可兼顧影片畫質、檔案大小及編碼相容性的優點。

音樂(音頻)

在節目中播放音樂,將左邊資源列表中的音樂素材,拉進音樂元素區塊內即可,支援MP3、ARM、M4A、MP2、AAC、WAV及WMA等常見音樂格式。

  • 刪除:將勾選的音樂素材刪除。
  • 清除:將所有的音樂素材清除。
  • 設定所有聲音:統一調整所有音樂素材的音量。
  • NO.:音樂素材的編號(播放順序),可上下拖曳重新排列。
  • 音量:調整音樂素材的音量大小。
  • 地址:音樂素材在資源列表中的路徑位置。

字幕

在節目中顯示跑馬燈字幕。

  • 增加:新增一個字幕。
  • 編輯:編輯所勾選的字幕。
  • 刪除:將勾選的字幕刪除。
  • 清除:將所有的字幕清除。
  • NO.:字幕的編號(播放順序),可上下拖曳重新排列。
  • 內容:字幕的文字內容。

字幕編輯視窗設定:

  • 方向:可設定各種方向(包含靜止)的字幕播放。
  • 透明背景:勾選後字幕背景透明。
  • 速度:字幕的移動速度。
  • 次數:字幕的播放次數。

日期

在節目中顯示日期。

  • B:字體粗體。
  • /:字體斜體。
  • 字體顏色:字體顏色設定。
  • 背景色:背景顏色設定。
  • 透明背景:勾選後背景透明。
  • 格式:設定日期顯示的格式。
  • 字體:字體(字型)設定。
  • 字體大小:字體大小設定。

時間

在節目中顯示時間。

  • B:字體粗體。
  • /:字體斜體。
  • 字體顏色:字體顏色設定。
  • 背景色:背景顏色設定。
  • 透明背景:勾選後背景透明。
  • 格式:設定時間顯示的格式。
  • 字體:字體(字型)設定。
  • 字體大小:字體大小設定。

星期

在節目中顯示星期。

  • B:字體粗體。
  • /:字體斜體。
  • 字體顏色:字體顏色設定。
  • 背景色:背景顏色設定。
  • 透明背景:勾選後背景透明。
  • 格式:設定星期顯示的格式。
  • 字體:字體(字型)設定。
  • 字體大小:字體大小設定。

天氣

在節目中顯示天氣。

  • 增加:新增某個城市的天氣。
  • 刪除:將勾選的城市刪除。
  • 清除:將所有的城市刪除。
  • 樣式:內建三種天氣顯示樣式。
  • 單位:設定溫度顯示為攝氏或華氏。
  • NO.:該城市天氣的編號(播放順序),可上下拖曳重新排列。
  • 名稱:城市名稱。
  • 時長:該城市天氣的播放時間。
  • 特效:切換為不同城市的轉場特效。

網頁

在節目中顯示網頁。

  • 增加:新增網頁。
  • 刪除:將勾選的網頁刪除。
  • 清除:將所有的網頁刪除。
  • 預覽:預覽勾選的網頁。
  • 設定所有時長:統一調整所有網頁的播放時間。
  • 工具欄:顯示工具欄位。
  • 滾動條:顯示上下滾動條。
  • 手機版:勾選後如網頁支援RWD行動瀏覽將以適合的版本呈現。
  • NO.:網頁的編號(播放順序),可上下拖曳重新排列。
  • 時長:該網頁的播放時間。
  • 地址:該網頁的網址。

文件(文檔)

在節目中顯示文件,將左邊資源列表中的文件素材,拉進文件元素區塊內即可,支援PDF、WORD、EXCEL及 PPT等常用文件格式播放。

備註:如需要播放微軟Office系列,如Word、Excel及Power Point等格式文件,伺服器主機需預先安裝WPS程式,做為文件轉檔使用,否則將無法進行預覽及播放,建議直接將Office文件轉存為PDF格式播放。

  • 刪除:將勾選的文件刪除。
  • 清除:將所有的文件刪除。
  • 預覽:預覽勾選的文件。
  • 設定所有間隔:統一調整所有文件素材的間隔時間。
  • 設定所有特效:統一調整所有文件素材的間隔特效。
  • NO.:文件素材的編號(播放順序),可上下拖曳重新排列。
  • 間隔:文件素材的播放時間。
  • 特效:文件素材切換時的轉場特效。
  • 地址:文件素材在資源列表中的路徑位置。

混播

「混播」支援「圖片」與「影片」二種格式素材,按照排列順序,混合著播放,操作方式與「圖片」或「影片」元素相同,是相當常用的元素功能。

互動按鈕

在節目加入觸控互動功能。(本功能需搭配觸控螢幕)

圖片按鈕

  • 刪除:將勾選的圖片按鈕刪除。
  • 清除:將所有的圖片按鈕刪除。
  • 觸控互動:進階的互動功能設定。
  • 動作:內建空白、主頁及返回,三個針對「節目」的主要互動動作。
  • 設定所有時長:統一調整所有圖片按鈕的顯示時間。
  • 設定所有特效:統一調整所有圖片按鈕的顯示特效。
  • NO.:圖片按鈕的編號(播放順序),可上下拖曳重新排列。
  • 地址:圖片按鈕素材在資源列表中的路徑位置。

備註:互動按鈕中加入透明背景的PNG圖片,將會直接以去背顯示。

文字按鈕

內建空白、主頁及返回,三個針對「節目」的主要互動動作,以及四款按鈕樣式,可自訂顏色及文字。

觸控互動

設定進階的互動功能,在絕對佈局下使用。

  • 增加:增加新的互動。
  • 編輯:編輯現有互動。
  • 刪除:將勾選的互動刪除。
  • 清除:將所有的互動清除。
  • 設置所有超時:設定所有互動,自動返回原本狀態(按下互動按鈕之前)的時間。
  • 類型:互動的類型。
  • 超時:設定自動返回原本狀態(按下互動按鈕之前)的時間。
  • 互動連接目標:與互動按鈕發生關聯的元素或節目。
  • 內容:互動的內容。
  • 備註:互動的備註。
  • 目標顯示區域:選擇當按下互動按鈕時,要在那一個節目(>)或元素(-->)發生互動類型。
  • 互動類型:
    數據:在目標顯示區域,直接覆蓋播放所選的圖片、影片、文件、網頁內容或節目。
    條件:在目標顯示區域,直接覆蓋播放所選的圖片、影片、文件、網頁內容或節目。
    上一個:在目標顯示區域,跳到上一個內容。
    下一個:在目標顯示區域,跳到下一個內容。
    播放:播放目標顯示區域的影片。
    暫停:暫停目標顯示區域的影片。
    停止:停止目標顯示區域的影片。
  • 無觸控返回時間:設定返回原本狀態(按下互動按鈕之前)的時間。
  • 備註:該互動的備註。
  • 互動內容:當互動類型選擇「數據」或「條件」時,可以將圖片、影片、文件、網頁及節目,從左方素材列表加入,或是直接連結節目;當按下互動按鈕時,將會在目標顯示區域,直接覆蓋播放所加入的內容,後續若沒有再進行互動,待返回時間到後,即自動回到原本狀態。

發送及日程

發送(預約節目發送)

點擊Android CMS桌面左下角的「開始」,選擇「發送」這個應用程式,即可開啟。

可針對一台或多台在線上(安卓機器人為綠色)的終端設備(播放器),進行單一節目,立即或預約時間的發送,點選「插播」將會以最高權限執行,設定完成後請按「發送」按鈕,出現操作成功訊息,即代表預約發送完成,後續可至「日程」查詢。

可針對一台或多台在線上(安卓機器人為綠色)的終端設備(播放器),在螢幕畫面特定位置及方向,進行單一則字幕(跑馬燈),立即或預約時間的發送,點選「插播」將會以最高權限執行,設定完成後請按「發送」按鈕,出現操作成功訊息,即代表預約發送完成,後續可至「日程」查詢。。

日程

點擊Android CMS桌面左下角的「開始」,選擇「日程」這個應用程式,即可開啟。

選擇終端設備(播放器)及日期區間,即可查詢、預覽、取消或刪除,在「發送」應用程式中,已發送及預約發送的節目或字幕(跑馬燈)。

節目備份

基於節目的安全及保存考量,建議您定期進行節目備份。透過「節目列表」中導出節目的功能,即可完整複製出,該節目所有的設計及佈局參數,同時包含使用的素材壓縮檔,後續檔案除了留存歸檔外,亦可以導入另一台CMS伺服器中編輯,也可以透過USB隨身碟,直接導入終端設備(播放器)進行播放。

導出節目

在「節目製作」中的「節目列表」中,勾選想要導出的節目,點擊「導出」按鈕,確認名稱後,待後台任務視窗出現「下載」即可點選下載節目壓縮檔。

導入節目

將節目導入伺服器:在「節目製作」的節目列表中,點擊「導入」按鈕,瀏覽至本機選擇節目壓縮檔後,上傳節目即可完成。

將節目導入播放器:在終端設備(播放器)處在藍底黑字的終端(Terminal)畫面,且沒有網路的環境下,將一個節目壓縮檔,複製到USB隨身碟指定的資料夾中(隨身碟按照下面路徑新增資料夾:Android/data/com.howfor.player/files/),插入播放器的任一USB埠,系統會自動解壓縮節目檔案並複製到播放器,待匯入程序結束後,即可拔出USB隨身碟,終端設備(播放器)將自動播放節目。

阿美設計-安卓播放器-離線更新指南下載

終端管理

以下將介紹「終端管理」裡面的各個常用功能。

屬性

點擊視窗左邊的終端設備(播放器)後,即可查看該播放器的韌體、系統、容量及等相關規格,亦可重新命名播放器名稱及設定預約下載天數(預先下載節目到播放器的時間區間)。

遠端控制

在遠端控制這邊,可對播放器進行各種遠端遙控功能,比如遠端重啟(重新開機)、播放、停止及暫停節目等。

備註:「重置」功能,會將播放器所儲存在本機的節目,完全清除並回到藍底黑字的初始畫面,可以做為播放器定期維護或釋出儲存容量使用。

遠程截圖

遠程截圖可直接擷取,目前終端設備(播放器)的播放畫面,方便進行節目內容確認。

備註:可以在點選截圖後,左右調整視窗邊緣,來回復實際畫面比例。

下載

查看終端設備(播放器),從伺服器下載節目的進度,包含各個素材的下載百分比。

上線率統計

統計終端設備(播放器),一段區間的上線時間比率(本功能需先從伺服器的設定端開啟才生效)。

資源

點擊Android CMS桌面左下角的「開始」,選擇「資源」這個應用程式,即可開啟。

功能等同「節目製作」中的「資源列表」,可以進行素材及資料夾,新增、上傳、重新命名、預覽及刪除等管理作業。

授權管理

Android CMS內容管理系統,可透過私有雲的雲端服務架構,提供多帳號透過本機瀏覽器,從異地登入伺服器進行協同作業;因此,按照各帳號/部門提供適當的權限,以及導入審核的機制,提供更安全嚴謹的管控架構,適合多人組織或連鎖門市採用。

授權管理主要透過分組、角色、用戶及審核這四個程式來進行管理。

分組

點擊Android CMS桌面左下角的「開始」,選擇「分組」這個應用程式,即可開啟。

勾選資料夾目錄後,點選「⊕增加分組」即可按照規則或需求建立樹狀分組,並在「終端管理」中,將該終端設備(播放器)歸屬該組管理。

角色

點擊Android CMS桌面左下角的「開始」,選擇「角色」這個應用程式,即可開啟。

按照角色(職務)定位,授予不同的Android CMS功能權限,如上圖為節目審核員的角色(職務),即擁有節目審核相關的權限。

用戶

點擊Android CMS桌面左下角的「開始」,選擇「用戶」這個應用程式,即可開啟。

點選「增加」可將用戶(帳號),分配在不同的角色或分組,以授予該用戶(帳號)不同的Android CMS功能權限;如上圖範例中名稱「TEST」的帳號,即為一個僅能針對分組在「北區門市」的終端設備(播放器),進行節目「審核」權限的帳號。

以「TEST」的帳號登入的Android CMS後,僅可針對所屬分組的終端設備(播放器),使用「審核」節目的權限。

桌面設定

桌面圖示(桌面圖標)

點擊Android CMS桌面左下角的「開始」,選擇「桌面圖示」這個應用程式,即可自訂Android CMS桌面的捷徑圖示,可以將常用的應用程式,如「發送」及「日程」等發送至桌面,方便直接點選使用。

結語

對大部分使用單位而言,最多還是在Android CMS使用上,各種設定、功能及注意事項等技術性問題,而慶幸的是,這些問題通常僅都是一次性的提出就解決了,而且往往能通過問題解答,對於整個CMS的操作及概念上的熟悉度,都會有更進一步的提升。

畢竟,經過這麼多年的演進,這套Android CMS的功能性及穩定度,早已發展至非常完整齊備,甚至超過多數使用單位的需求,這也之所以說明了,在市場仍有極大比例,採用這套Android CMS做為核心,透過簡化安裝、美化UI及強化網路服務後,依舊穩健的推廣著。

所以,剔除比較繁雜的前期設定,以及不太友善的操作介面,我們在這套Android CMS看到了,所有市面管理系統的優點,包括架構紮實、功能完整且安全嚴謹等等,也難怪這套號稱CMS濫觴的內容管理系統,迄今依舊屹立不墜,從機關組織、學校醫院到百貨商場,包羅萬象的電子/數位看板/電視牆/廣告機/LED招牌等數位媒介,都依舊可以看到它活躍的足跡。

FacebookLINE
Adam

全是感情,沒有頭髮。

前一篇文章
台北某商務中心-55吋懸吊式數位看板安裝
下一篇文章
台北某商圈攝影棚-戶外65吋壁掛式數位看板安裝

相關文章

myKiosk 可客製化直立...

2025 年 10 月 17 日

三星商用顯示器 MagicI...

2024 年 5 月 20 日

每天1杯咖啡的花費,架設VU...

2024 年 2 月 22 日

從荒島到王國,哪一種網路模式...

2024 年 1 月 15 日

從家用到商用,那一款螢幕適合...

2023 年 12 月 4 日

從單機到雲端,那一款播放器適...

2023 年 7 月 26 日

USB單機版播放器-線上使用...

2023 年 4 月 24 日

阿美設計與鎧應科技成為好朋友

2023 年 3 月 28 日

組裝或品牌數位看板,我該選那...

2022 年 12 月 10 日

數位看板常見問題 Digit...

2022 年 11 月 11 日

搜尋文章

近期文章

  • 彰化地方檢察署-三星QM43C電子公告欄建置

  • 北埔姜阿新洋樓-myKiosk 直立式觸控電子看板安裝

  • myKiosk 可客製化直立式電子看板

  • 北市某社宅公共藝術-三星VM55B-U拼接電視牆安裝

  • 藍海淨水展售中心-55吋4K觸控壁掛式電子看板安裝

  • 北市某美式炸雞名店-AG Neovo NSD-4303懸吊式電子看板安裝

  • 臺大醫院-三星VM55B-U拼接電視牆安裝紀實

  • 北市某禮拜堂-三星QM65C防水壁掛式電子看板安裝

分類

  • 安裝範例 (64)
  • 硬體與系統 (14)
  • 設計 (3)
  • 隨筆 (4)

阿美設計-頁底-標誌

加入好友


立即加入LINE好友-透過專人諮詢,
取得優惠報價、量身規劃與專業支援。

網站資源

  • 關於我們
  • 聯絡我們
  • 常見問題
  • 隱私權聲明

外部連結

  • AG Neovo
  • SAMSUNG
  • CAYIN
  • Yodeck

業務資訊

吳先生 0931-552555

新北市林口區仁愛路二段502號809A

鄧小姐 0973-308700

陳先生 0958-368829

台中市西區日盛街20號2樓

阿美設計提供數位/電子看板及廣告機相關商品,使用者導向之免費估價、規劃諮詢、整合應用及內容設計等服務,營業行為遵守且符合現行公司、商業及稅務等相關法律規範。
阿美設計有限公司 統一編號: 90107165 台中市西區日盛街20號2樓 電話: 04-22019522 傳真: 04-22019520
Copyright © 2026 Amei Design. All Rights Reserved.


回到頂端
阿美設計
  • 首頁
  • 商品
    • 壁掛式-數位看板-店鋪-牆面-megamenu

      壁掛式數位看板
      $31,300↗

      43″-85″ Wall Mount
      Digital Signage

      懸吊式-數位看板-室內-天花板-megamenu

      懸吊式數位看板
      $33,000↗

      43″-75″ Ceiling Mount
      Digital Signage

      鋼管式-數位看板-櫥窗-店鋪-megamenu

      鋼管式數位看板
      $38,500↗

      43″-75″ Pole Type
      Digital Signage

      移動式-數位看板-公司-會議-megamenu

      移動式數位看板
      $30,200↗

      43″-65″ Mobile Stand
      Digital Signage

      直立式-數位看板-超市-賣場-megamenu

      直立式數位看板
      $42,600↗

      43″-65″ myKiosk Stand
      Digital Signage

      多螢幕數位看板
      $99,000↗

      43″-65″ Multi-Screen
      Video Wall

  • 版型設計
  • 文章
  • 常見問題
  • 聯絡我們