1. 概述
1.1 版本
報表伺服器版本 | 擴展圖表插件版本 |
---|---|
11.0 | 4.5 |
1.2 應用場景
參觀企業戰情室時,經常有這樣的需求:希望在查看報表頁面之前,可以播放公司的宣傳視頻或過渡動畫,以提升企業戰情室整體的視聽效果和瀏覽體驗。
擴展圖表插件 4.5 版本新增「開場效果」功能,可以給決策企業戰情室新增開場視頻,效果如下圖所示:
1.3 功能依賴
使用該功能需要先安裝 4.5 及其之後版本的 擴展圖表插件 ,已有插件直接更新版本即可。
該功能只支援決策報表。
使用者可以使用內建 2 種開場效果,也可以用自己的視頻自訂。
開場效果僅支援在 PC 端的 Chrome 瀏覽器展示,不支援行動端。
1.4 功能入口
安裝或更新擴展圖表插件後,決策報表的設計器菜單欄「範本」下新增「開場效果」功能,點選後勾選「使用開場效果」即可設定開場效果。如下圖所示:
2. 內建效果範例
2.1 開啟範本
開啟設計器內建範本:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\homepage\finereport.frm
點選此處可直接下載:finereport.frm
2.2 選擇內建效果
開啟菜單欄「範本>開場效果」,該功能內建了 2 種出場效果,使用者可以直接拿來用,其整體設定頁面如下圖所示:
2.3 設定視頻效果
這裏我們選擇第一種內建視頻,視頻比例有 2 種,寬屏對應的企業戰情室尺寸為 16:9,超寬屏對應的企業戰情室尺寸為 32:9,這裏我們選擇寬屏。
2.4 設定開場文字
內建視頻展示時其實是有 2 段的,分為背景視頻和過渡視頻,前後銜接,過渡視頻起到轉場的作用,讓背景視頻切換到報表頁面設時不會太突兀。
設定的開場文字會跟隨背景視頻播放,過渡視頻一旦出現,開場文字立刻消失。文字置中顯示在背景視頻的中央,如下圖所示:
這裏我們設定開場文字為:帆軟決策企業戰情室,文字樣式採用預設即可,如下圖所示:
2.5 設定背景
由於自適原因,可能出現開場視頻無法填充滿瀏覽器寬高的情況,此時需要設定開場效果的背景,防止 body 背景漏出,干擾整體效果。
背景支援顏色和圖片,同時可以設定不透明度,這裏我們採用預設設定即可,如下圖所示:
2.6 設定轉場
「跳出開場」選擇「自動跳出」時,背景視頻按照「跳出時間」的時長播放,播放完自動開始播放過渡視頻。
「跳出開場」選擇「點選跳出」時,只有滑鼠點選後,背景視頻才會停止播放並切換到過渡視頻,否則會一直播放背景視頻。
這裏我們設定為自動跳出,且跳出時間為 10秒,如下圖所示:
2.7 效果預覽
儲存該決策報表,PC 端預覽效果如 1.2節 所示。
注:不支援行動端預覽。
3. 自訂效果
3.1 新增視頻
自訂效果就是要使用者自己提供開場視頻,包括背景視頻和過渡視頻,其他設定同內建效果,整體設定頁面如下圖所示:
只支援%FR_HOME%\webapps\webroot\WEB-INF\reportlets\目錄及其子檔案下的視頻,也就是視頻需要先放到這個路徑下,如下圖所示:
放好視頻後,可以手動輸入視頻路徑或點選「選擇視頻路徑」按鈕,將視頻新增進來,如下圖所示:
注1:背景視頻是必選項,否則無開場效果。
注2:可以只新增背景視頻,不加過渡視頻。
3.2 格式支援
目前只支援 4 種視頻格式,分別為:mp4、mov、webm、ogg。
除了對視頻格式有要求外,還對視頻的編解碼器有要求,支援的編解碼器類型有:vp8、vp9、AV1、Theora、H.264、MPEG-4
查看視頻編解碼器類型的方法,請自行查閱相關資料。
4. 範本下載
點選下載範本:finereport.frm