大屏開場效果

1.1 版本

1.2 應用場景

參觀企業戰情室時，經常有這樣的需求：希望在查看報表頁面之前，可以播放公司的宣傳視頻或過渡動畫，以提升企業戰情室整體的視聽效果和瀏覽體驗。

擴展圖表插件 4.5 版本新增「開場效果」功能，可以給決策企業戰情室新增開場視頻，效果如下圖所示：

.

1.3 功能依賴

• 使用該功能需要先安裝 4.5 及其之後版本的 擴展圖表插件 ，已有插件直接更新版本即可。

• 該功能只支援決策報表。

• 使用者可以使用內建 2 種開場效果，也可以用自己的視頻自訂。

• 開場效果僅支援在 PC 端的 Chrome 瀏覽器展示，不支援行動端。

1.4 功能入口

安裝或更新擴展圖表插件後，決策報表的設計器菜單欄「範本」下新增「開場效果」功能，點選後勾選「使用開場效果」即可設定開場效果。如下圖所示：

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.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

查看視頻編解碼器類型的方法，請自行查閱相關資料。

點選下載範本：finereport.frm