From 106234fab384d103966890940831f5403ceeb236 Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Tue, 12 Mar 2024 15:18:18 +0900
Subject: [PATCH] =?UTF-8?q?[[Player]=20react-player=20=EB=B2=84=EC=A0=84?=
 =?UTF-8?q?=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. 최신 react-player 버전이 TV(3.0) 및 크롬 38에서 정상 동작하지 않음
> 2.15.1 -> 1.15.3 버전으로 변경
---
 com.twin.app.shoptime/package.json            | 110 +++++++++---------
 .../components/TVideoPlayer/TVideoPlayer.jsx  |  10 +-
 2 files changed, 61 insertions(+), 59 deletions(-)

diff --git a/com.twin.app.shoptime/package.json b/com.twin.app.shoptime/package.json
index a8ad62f2..bf172829 100644
--- a/com.twin.app.shoptime/package.json
+++ b/com.twin.app.shoptime/package.json
@@ -1,57 +1,57 @@
 {
-	"name": "shopping-app-2.0",
-	"version": "2.0.0",
-	"description": "ShopTime application for webOS TVs",
-	"author": "",
-	"main": "src/index.js",
-	"scripts": {
-		"serve": "enact serve",
-		"pack": "enact clean && enact pack",
-		"build": "enact pack --production --locales=tv --verbose",
-		"watch": "enact pack --watch",
-		"clean": "enact clean",
-		"lint": "enact lint .",
-		"license": "enact license",
-		"test": "enact test",
-		"test-watch": "enact test --watch"
-	},
-	"license": "UNLICENSED",
-	"private": true,
-	"repository": "",
-	"engines": {
-		"npm": ">=6.9.0"
-	},
-	"enact": {
-		"theme": "sandstone",
-		"ri": {
-			"baseSize": 24
-		}
-	},
-	"eslintIgnore": [
-		"node_modules/*",
-		"build/*",
-		"dist/*"
-	],
-	"dependencies": {
-		"@enact/core": "^3.3.0",
-		"@enact/i18n": "^3.3.0",
-		"@enact/sandstone": "^1.5.1",
-		"@enact/spotlight": "^3.3.0",
-		"@enact/ui": "^3.3.0",
-		"@enact/webos": "^3.3.0",
-		"axios": "^0.21.1",
-		"ilib": "^14.3.0",
-		"prop-types": "^15.6.2",
-		"qrcode": "^1.5.3",
-		"raw-loader": "^4.0.2",
-		"react": "^16.7.0",
-		"react-dom": "^16.7.0",
-		"react-player": "^2.15.1",
-		"react-redux": "^7.2.3",
-		"redux": "^3.7.2",
-		"redux-thunk": "^2.3.0"
-	},
-	"browserslist": [
-		"chrome 38"
-	]
+  "name": "shopping-app-2.0",
+  "version": "2.0.0",
+  "description": "ShopTime application for webOS TVs",
+  "author": "",
+  "main": "src/index.js",
+  "scripts": {
+    "serve": "enact serve",
+    "pack": "enact clean && enact pack",
+    "build": "enact pack --production --locales=tv --verbose",
+    "watch": "enact pack --watch",
+    "clean": "enact clean",
+    "lint": "enact lint .",
+    "license": "enact license",
+    "test": "enact test",
+    "test-watch": "enact test --watch"
+  },
+  "license": "UNLICENSED",
+  "private": true,
+  "repository": "",
+  "engines": {
+    "npm": ">=6.9.0"
+  },
+  "enact": {
+    "theme": "sandstone",
+    "ri": {
+      "baseSize": 24
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/*",
+    "build/*",
+    "dist/*"
+  ],
+  "dependencies": {
+    "@enact/core": "^3.3.0",
+    "@enact/i18n": "^3.3.0",
+    "@enact/sandstone": "^1.5.1",
+    "@enact/spotlight": "^3.3.0",
+    "@enact/ui": "^3.3.0",
+    "@enact/webos": "^3.3.0",
+    "axios": "^0.21.1",
+    "ilib": "^14.3.0",
+    "prop-types": "^15.6.2",
+    "qrcode": "^1.5.3",
+    "raw-loader": "^4.0.2",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "react-player": "^1.15.3",
+    "react-redux": "^7.2.3",
+    "redux": "^3.7.2",
+    "redux-thunk": "^2.3.0"
+  },
+  "browserslist": [
+    "chrome 38"
+  ]
 }
diff --git a/com.twin.app.shoptime/src/components/TVideoPlayer/TVideoPlayer.jsx b/com.twin.app.shoptime/src/components/TVideoPlayer/TVideoPlayer.jsx
index 66481087..8a3ac5e8 100644
--- a/com.twin.app.shoptime/src/components/TVideoPlayer/TVideoPlayer.jsx
+++ b/com.twin.app.shoptime/src/components/TVideoPlayer/TVideoPlayer.jsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 
 import classNames from "classnames";
-import HLSPlayer from "react-player/lazy";
+import HLSPlayer from "react-player";
 import { useDispatch } from "react-redux";
 
 import Spottable from "@enact/spotlight/Spottable";
@@ -65,15 +65,17 @@ export default function TVideoPlayer({
       ) : (
         <HLSPlayer
           className={""}
-          url={url} // 플레이어 url
-          playing={autoPlay} // 자동 재생 on = true  off = false
+          url={
+            "https://qvc-amd-live.akamaized.net/hls/live/2034113/lsqvc1usott/master.m3u8"
+          } // 플레이어 url
+          playing={true} // 자동 재생 on = true  off = false
           muted={autoPlay} // 자동 재생 on = true  off = false
           width={width} // 플레이어 크기 (가로)
           height={height} // 플레이어 크기 (세로)
           controls={false} // 플레이어 컨트롤 노출 여부
           light={false} // 플레이어 모드
           pip={false} // pip 모드 설정 여부
-          poster={""} // 플레이어 초기 포스터 사진 (작동 안함 테스트 진행)
+          // poster={""} // 플레이어 초기 포스터 사진  작동 안함 테스트 진행
           onClick={onClick}
           //onEnded={() => handleVideo()} // 플레이어 끝났을 때 이벤트
         />