diff --git a/proto/main.proto b/proto/main.proto index 6e0489c..8731564 100644 --- a/proto/main.proto +++ b/proto/main.proto @@ -1330,6 +1330,7 @@ message ScreenState { string conclusion_video = 12; ScreenCommand command = 13; int32 volume = 14; + string background_image = 15; } message CreateScreenSessionReq {} diff --git a/src/api/generated/crabs/evening_detective_server/index.ts b/src/api/generated/crabs/evening_detective_server/index.ts index fcbc2d3..226ee4b 100644 --- a/src/api/generated/crabs/evening_detective_server/index.ts +++ b/src/api/generated/crabs/evening_detective_server/index.ts @@ -503,6 +503,7 @@ export type ScreenState = { conclusionVideo: string | undefined; command: ScreenCommand | undefined; volume: number | undefined; + backgroundImage: string | undefined; }; export type CreateScreenSessionReq = { diff --git a/src/components/ScreenPage.vue b/src/components/ScreenPage.vue index b7dc405..9c32b78 100644 --- a/src/components/ScreenPage.vue +++ b/src/components/ScreenPage.vue @@ -56,7 +56,7 @@ const gameOptions = computed(() => const screenMode = computed(() => state.value?.mode || 'SCREEN_MODE_COVER') const introAudio = computed(() => applicationFileURL(state.value?.introAudio)) const conclusionVideo = computed(() => applicationFileURL(state.value?.conclusionVideo)) -const screenBackground = computed(() => state.value?.coverImage ? { backgroundImage: `linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${state.value.coverImage}")` } : {}) +const screenBackground = computed(() => state.value?.backgroundImage ? { backgroundImage: `linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${state.value.backgroundImage}")` } : {}) function saveSession() { sessionStorage.setItem(sessionKey, JSON.stringify({ screenId: screenId.value, accessToken: accessToken.value })) @@ -273,7 +273,7 @@ onUnmounted(() => {
{{ mediaError }}