本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 自訂串流外觀
<a name="sdk-stream-appearance"></a>

## 載入畫面
<a name="sdk-loading-screen"></a>

當客戶開啟 Web 瀏覽器以檢視串流時，Web 用戶端會開始建立與 Amazon GameLift Streams 串流工作階段的連線。當串流工作階段載入時，您可以在客戶的螢幕上顯示自訂背景和標誌。

Amazon GameLift Streams Web SDK 範例用戶端在 `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/loadingscreen.js` 檔案中示範如何在前端 Web 用戶端中實作動畫標誌。預設載入畫面包含 2 個影像：背景和前景。前景影像位於中間，並具有脈衝動畫。動畫只會在串流工作階段連線時播放。

**啟用載入畫面**

1. 在 Amazon GameLift Streams Web SDK 範例用戶端中，導覽至 `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/` 資料夾。

1. 使用預設名稱 和 新增背景和前景影像`Background.png``LoadingLogo.png`。如果您想要重新命名它們或使用不同的映像格式，則必須更新 中的程式碼`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`。

1. （選用） 在 中`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`，更新 JavaScript 程式碼以實作不同的動畫。