Merge pull request #96 from DeveloperAcademy-POSTECH/feat/#85-InputKo…

…reanInVideoPlayView [��Feat] #85 - 비디오 플레이 뷰에 한글 대사 표시하기
DeveloperAcademy-POSTECH · Nov 30, 2024 · 71e2a80 · 71e2a80
2 parents cf25839 + bd83b08
commit 71e2a80
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/PepperoniV2/Presentation/Game/VideoPlayView.swift b/PepperoniV2/Presentation/Game/VideoPlayView.swift
@@ -45,15 +45,26 @@ struct VideoPlayView: View {
                 }
                 .padding(.init(top: 0, leading: 36, bottom: 28, trailing: 36))
 
-            if let selectedQuote = gameViewModel.selectedQuote{
-                YouTubePlayerView(
-                    videoID: selectedQuote.youtubeID,
-                    startTime: Int(selectedQuote.youtubeStartTime),
-                    endTime: Int(selectedQuote.youtubeEndTime),
-                    replayTrigger: replayTrigger
-                )
-                .frame(height: 218)
-                .padding(.bottom, 24)
+            VStack(spacing: 0){
+                Rectangle()
+                    .frame(height: 52)
+                    .foregroundStyle(Color.ppDarkGray_03)
+                    .overlay{
+                        Text("\"\(gameViewModel.selectedQuote?.korean.joined(separator: " ") ?? "")\"")
+                            .hakgyoansim(size: 18)
+                            .foregroundStyle(Color.ppMint_00)
+                    }
+
+                if let selectedQuote = gameViewModel.selectedQuote{
+                    YouTubePlayerView(
+                        videoID: selectedQuote.youtubeID,
+                        startTime: Int(selectedQuote.youtubeStartTime),
+                        endTime: Int(selectedQuote.youtubeEndTime),
+                        replayTrigger: replayTrigger
+                    )
+                    .frame(height: 218)
+                    .padding(.bottom, 24)
+                }
             }
 
             RoundedRectangle(cornerRadius: 10)