From 78100ad2db3c1d1b7bc97fa343a1da1887895b67 Mon Sep 17 00:00:00 2001 From: tigeren Date: Sat, 23 Aug 2025 17:00:27 +0000 Subject: [PATCH] fix: downgrade react-player to version 2.16.1 and update import statement - Changed the react-player dependency version in package.json from 3.3.1 to 2.16.1. - Updated the import statement in App.jsx from VideoPlayer to ReactPlayer. - Added onReady and onError event handlers to the ReactPlayer component for better error handling and logging. --- README.md | 15 ++ backend/uvicorn.log | 94 ++++++++ frontend/package-lock.json | 482 +++---------------------------------- frontend/package.json | 2 +- frontend/src/App.jsx | 12 +- 5 files changed, 155 insertions(+), 450 deletions(-) diff --git a/README.md b/README.md index 5225f68..ceefd8d 100644 --- a/README.md +++ b/README.md @@ -56,6 +56,21 @@ The frontend is a React application built with Vite. ``` The frontend development server will typically run on `http://localhost:5173` (or another available port). +### Rebuild and Restart Frontend + +If you make changes to the frontend code and need to ensure a clean rebuild, or if you encounter caching issues, follow these steps: + +1. **Stop the frontend development server** (if running). You might need to find and kill the process manually if it's running in the background. +2. **Clear cache and reinstall dependencies:** + ```bash + rm -rf frontend/node_modules frontend/.vite + npm install --prefix frontend + ``` +3. **Restart the frontend development server:** + ```bash + npm run dev --prefix frontend & + ``` + ## Project Structure * `backend/`: Contains the FastAPI backend application. diff --git a/backend/uvicorn.log b/backend/uvicorn.log index be3cfa5..f800c44 100644 --- a/backend/uvicorn.log +++ b/backend/uvicorn.log @@ -47,3 +47,97 @@ INFO: 192.168.2.244:54513 - "GET /videos/?search= HTTP/1.1" 200 OK INFO: 192.168.2.244:54512 - "GET /video-paths/ HTTP/1.1" 200 OK INFO: 192.168.2.244:54513 - "GET /videos/?search= HTTP/1.1" 200 OK INFO: 192.168.2.244:54513 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:57131 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:57132 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:57131 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:57133 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:57133 - "GET /videos/?search= HTTP/1.1" 200 OK +Attempting to stream video with ID: 2 +Streaming video from path: /mnt/data1/Porn/twitter/我艹girl/我艹girl （完整版已放推文评论区） (@minimimm2006) - X_10.mp4 +INFO: 192.168.2.244:57308 - "GET /videos/2/stream HTTP/1.1" 200 OK +INFO: 192.168.2.244:57313 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:57313 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:57350 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:57350 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:58522 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:58523 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:58522 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:58523 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:58526 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:59275 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:59276 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:59275 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:59277 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:59277 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:60135 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:60136 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:60135 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:60137 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:60137 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:61752 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:61753 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:61752 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:61754 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:61754 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:63608 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:63607 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:63608 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:63607 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:63607 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64389 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64390 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64389 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64390 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64390 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64448 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64449 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64448 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64450 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64450 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64686 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64687 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64686 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64688 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64689 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64833 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64834 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64833 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:64834 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:64834 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49672 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49672 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:49672 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49674 - "GET /video-paths/ HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49673 - "GET /videos/?search= HTTP/1.1" 200 OK +INFO: 192.168.2.244:49703 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49703 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49703 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49723 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49737 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49737 - "HEAD /videos/2/stream HTTP/1.1" 405 Method Not Allowed +Attempting to stream video with ID: 3 +Streaming video from path: /mnt/data1/Porn/twitter/我艹girl/我艹girl （完整版已放推文评论区） (@minimimm2006) - X_12.mp4 +INFO: 192.168.2.244:49748 - "GET /videos/3/stream HTTP/1.1" 200 OK +INFO: 192.168.2.244:49751 - "HEAD /videos/3/stream HTTP/1.1" 405 Method Not Allowed +Attempting to stream video with ID: 11 +Streaming video from path: /mnt/data1/Porn/twitter/我艹girl/我艹girl （完整版已放推文评论区） (@minimimm2006) - X_7.mp4 +INFO: 192.168.2.244:49758 - "GET /videos/11/stream HTTP/1.1" 200 OK +INFO: 192.168.2.244:49772 - "GET /videos/?search=X HTTP/1.1" 200 OK +INFO: 192.168.2.244:49772 - "GET /videos/?search=X_ HTTP/1.1" 200 OK +INFO: 192.168.2.244:49772 - "GET /videos/?search=X_21 HTTP/1.1" 200 OK +Attempting to stream video with ID: 6 +Streaming video from path: /mnt/data1/Porn/twitter/我艹girl/我艹girl （完整版已放推文评论区） (@minimimm2006) - X_21.mp4 +INFO: 192.168.2.244:49777 - "GET /videos/6/stream HTTP/1.1" 200 OK +INFO: 192.168.2.244:49778 - "HEAD /videos/6/stream HTTP/1.1" 405 Method Not Allowed +INFO: 192.168.2.244:49778 - "HEAD /videos/6/stream HTTP/1.1" 405 Method Not Allowed diff --git a/frontend/package-lock.json b/frontend/package-lock.json index a37c8d2..db70cd5 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -12,7 +12,7 @@ "react": "^19.1.1", "react-dom": "^19.1.1", "react-icons": "^5.5.0", - "react-player": "^3.3.1", + "react-player": "2.16.1", "react-pro-sidebar": "^1.1.0" }, "devDependencies": { @@ -1171,74 +1171,6 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, - "node_modules/@mux/mux-data-google-ima": { - "version": "0.2.8", - "resolved": "https://registry.npmjs.org/@mux/mux-data-google-ima/-/mux-data-google-ima-0.2.8.tgz", - "integrity": "sha512-0ZEkHdcZ6bS8QtcjFcoJeZxJTpX7qRIledf4q1trMWPznugvtajCjCM2kieK/pzkZj1JM6liDRFs1PJSfVUs2A==", - "license": "MIT", - "dependencies": { - "mux-embed": "5.9.0" - } - }, - "node_modules/@mux/mux-player": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-3.5.3.tgz", - "integrity": "sha512-uXKFXbdtioAi+clSVfD60Rw4r7OvA62u2jV6aar9loW9qMsmKv8LU+8uaIaWQjyAORp6E0S37GOVjo72T6O2eQ==", - "license": "MIT", - "dependencies": { - "@mux/mux-video": "0.26.1", - "@mux/playback-core": "0.30.1", - "media-chrome": "~4.11.1", - "player.style": "^0.1.9" - } - }, - "node_modules/@mux/mux-player-react": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/@mux/mux-player-react/-/mux-player-react-3.5.3.tgz", - "integrity": "sha512-f0McZbIXYDkzecFwhhkf0JgEInPnsOClgBqBhkdhRlLRdrAzMATib+D3Di3rPkRHNH7rc/WWORvSxgJz6m6zkA==", - "license": "MIT", - "dependencies": { - "@mux/mux-player": "3.5.3", - "@mux/playback-core": "0.30.1", - "prop-types": "^15.8.1" - }, - "peerDependencies": { - "@types/react": "^17.0.0 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0", - "react": "^17.0.2 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0", - "react-dom": "^17.0.2 || ^17.0.2-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0" - }, - "peerDependenciesMeta": { - "@types/react": { - "optional": true - }, - "@types/react-dom": { - "optional": true - } - } - }, - "node_modules/@mux/mux-video": { - "version": "0.26.1", - "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.26.1.tgz", - "integrity": "sha512-gkMdBAgNlB4+krANZHkQFzYWjWeNsJz69y1/hnPtmNQnpvW+O7oc71OffcZrbblyibSxWMQ6MQpYmBVjXlp6sA==", - "license": "MIT", - "dependencies": { - "@mux/mux-data-google-ima": "0.2.8", - "@mux/playback-core": "0.30.1", - "castable-video": "~1.1.10", - "custom-media-element": "~1.4.5", - "media-tracks": "~0.3.3" - } - }, - "node_modules/@mux/playback-core": { - "version": "0.30.1", - "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.30.1.tgz", - "integrity": "sha512-rnO1NE9xHDyzbAkmE6ygJYcD7cyyMt7xXqWTykxlceaoSXLjUqgp42HDio7Lcidto4x/O4FIa7ztjV2aCBCXgQ==", - "license": "MIT", - "dependencies": { - "hls.js": "~1.6.6", - "mux-embed": "^5.8.3" - } - }, "node_modules/@popperjs/core": { "version": "2.11.8", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", @@ -1536,12 +1468,6 @@ "win32" ] }, - "node_modules/@svta/common-media-library": { - "version": "0.12.4", - "resolved": "https://registry.npmjs.org/@svta/common-media-library/-/common-media-library-0.12.4.tgz", - "integrity": "sha512-9EuOoaNmz7JrfGwjsrD9SxF9otU5TNMnbLu1yU4BeLK0W5cDxVXXR58Z89q9u2AnHjIctscjMTYdlqQ1gojTuw==", - "license": "Apache-2.0" - }, "node_modules/@types/babel__core": { "version": "7.20.5", "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", @@ -1611,6 +1537,7 @@ "version": "19.1.11", "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.11.tgz", "integrity": "sha512-lr3jdBw/BGj49Eps7EvqlUaoeA0xpj3pc0RoJkHpYaCHkVK7i28dKyImLQb3JVlqs3aYSXf7qYuWOW/fgZnTXQ==", + "dev": true, "license": "MIT", "dependencies": { "csstype": "^3.0.2" @@ -1626,22 +1553,6 @@ "@types/react": "^19.0.0" } }, - "node_modules/@vercel/edge": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@vercel/edge/-/edge-1.2.2.tgz", - "integrity": "sha512-1+y+f6rk0Yc9ss9bRDgz/gdpLimwoRteKHhrcgHvEpjbP1nyT3ByqEMWm2BTcpIO5UtDmIFXc8zdq4LR190PDA==", - "license": "Apache-2.0" - }, - "node_modules/@vimeo/player": { - "version": "2.29.0", - "resolved": "https://registry.npmjs.org/@vimeo/player/-/player-2.29.0.tgz", - "integrity": "sha512-9JjvjeqUndb9otCCFd0/+2ESsLk7VkDE6sxOBy9iy2ukezuQbplVRi+g9g59yAurKofbmTi/KcKxBGO/22zWRw==", - "license": "MIT", - "dependencies": { - "native-promise-only": "0.8.1", - "weakmap-polyfill": "2.0.4" - } - }, "node_modules/@vitejs/plugin-react": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.0.1.tgz", @@ -1765,45 +1676,6 @@ "dev": true, "license": "MIT" }, - "node_modules/bcp-47": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/bcp-47/-/bcp-47-2.1.0.tgz", - "integrity": "sha512-9IIS3UPrvIa1Ej+lVDdDwO7zLehjqsaByECw0bu2RRGP73jALm6FYbzI5gWbgHLvNdkvfXB5YrSbocZdOS0c0w==", - "license": "MIT", - "dependencies": { - "is-alphabetical": "^2.0.0", - "is-alphanumerical": "^2.0.0", - "is-decimal": "^2.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/bcp-47-match": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-2.0.3.tgz", - "integrity": "sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==", - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/bcp-47-normalize": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/bcp-47-normalize/-/bcp-47-normalize-2.3.0.tgz", - "integrity": "sha512-8I/wfzqQvttUFz7HVJgIZ7+dj3vUaIyIxYXaTRP1YWoSDfzt6TUmxaKZeuXR62qBmYr+nvuWINFRl6pZ5DlN4Q==", - "license": "MIT", - "dependencies": { - "bcp-47": "^2.0.0", - "bcp-47-match": "^2.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", @@ -1891,24 +1763,6 @@ ], "license": "CC-BY-4.0" }, - "node_modules/castable-video": { - "version": "1.1.10", - "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.1.10.tgz", - "integrity": "sha512-/T1I0A4VG769wTEZ8gWuy1Crn9saAfRTd1UYTb8xbOPlN78+zOi/1nU2dD5koNkfE5VWvgabkIqrGKmyNXOjSQ==", - "license": "MIT", - "dependencies": { - "custom-media-element": "~1.4.5" - } - }, - "node_modules/ce-la-react": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/ce-la-react/-/ce-la-react-0.3.1.tgz", - "integrity": "sha512-g0YwpZDPIwTwFumGTzNHcgJA6VhFfFCJkSNdUdC04br2UfU+56JDrJrJva3FZ7MToB4NDHAFBiPE/PZdNl1mQA==", - "license": "BSD-3-Clause", - "peerDependencies": { - "react": ">=17.0.0" - } - }, "node_modules/chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", @@ -1932,18 +1786,6 @@ "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", "license": "MIT" }, - "node_modules/cloudflare-video-element": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/cloudflare-video-element/-/cloudflare-video-element-1.3.4.tgz", - "integrity": "sha512-F9g+tXzGEXI6v6L48qXxr8vnR8+L6yy7IhpJxK++lpzuVekMHTixxH7/dzLuq6OacVGziU4RB5pzZYJ7/LYtJg==", - "license": "MIT" - }, - "node_modules/codem-isoboxer": { - "version": "0.3.10", - "resolved": "https://registry.npmjs.org/codem-isoboxer/-/codem-isoboxer-0.3.10.tgz", - "integrity": "sha512-eNk3TRV+xQMJ1PEj0FQGY8KD4m0GPxT487XJ+Iftm7mVa9WpPFDMWqPt+46buiP5j5Wzqe5oMIhqBcAeKfygSA==", - "license": "MIT" - }, "node_modules/color-convert": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", @@ -2036,40 +1878,6 @@ "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", "license": "MIT" }, - "node_modules/custom-media-element": { - "version": "1.4.5", - "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.4.5.tgz", - "integrity": "sha512-cjrsQufETwxjvwZbYbKBCJNvmQ2++G9AvT45zDi7NXL9k2PdVcs2h0jQz96J6G4TMKRCcEsoJ+QTgQD00Igtjw==", - "license": "MIT" - }, - "node_modules/dash-video-element": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/dash-video-element/-/dash-video-element-0.1.6.tgz", - "integrity": "sha512-4gHShaQjcFv6diX5EzB6qAdUGKlIUGGZY8J8yp2pQkWqR0jX4c6plYy0cFraN7mr0DZINe8ujDN1fssDYxJjcg==", - "license": "MIT", - "dependencies": { - "custom-media-element": "^1.4.5", - "dashjs": "^5.0.3" - } - }, - "node_modules/dashjs": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/dashjs/-/dashjs-5.0.3.tgz", - "integrity": "sha512-TXndNnCUjFjF2nYBxDVba+hWRpVkadkQ8flLp7kHkem+5+wZTfRShJCnVkPUosmjS0YPE9fVNLbYPJxHBeQZvA==", - "license": "BSD-3-Clause", - "dependencies": { - "@svta/common-media-library": "^0.12.4", - "bcp-47-match": "^2.0.3", - "bcp-47-normalize": "^2.3.0", - "codem-isoboxer": "0.3.10", - "fast-deep-equal": "3.1.3", - "html-entities": "^2.5.2", - "imsc": "^1.1.5", - "localforage": "^1.10.0", - "path-browserify": "^1.0.1", - "ua-parser-js": "^1.0.37" - } - }, "node_modules/debug": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz", @@ -2094,6 +1902,15 @@ "dev": true, "license": "MIT" }, + "node_modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/delayed-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", @@ -2424,6 +2241,7 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, "license": "MIT" }, "node_modules/fast-json-stable-stringify": { @@ -2709,23 +2527,6 @@ "node": ">= 0.4" } }, - "node_modules/hls-video-element": { - "version": "1.5.7", - "resolved": "https://registry.npmjs.org/hls-video-element/-/hls-video-element-1.5.7.tgz", - "integrity": "sha512-R+uYimNZQndT2iqBgW7Gm0KiHT6pmlt5tnT63rYIcqOEcKD59M6pmdwqtX2vKPfHo+1ACM14Fy9JF1YMwlrLdQ==", - "license": "MIT", - "dependencies": { - "custom-media-element": "^1.4.5", - "hls.js": "^1.6.5", - "media-tracks": "^0.3.3" - } - }, - "node_modules/hls.js": { - "version": "1.6.10", - "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.6.10.tgz", - "integrity": "sha512-16XHorwFNh+hYazYxDNXBLEm5aRoU+oxMX6qVnkbGH3hJil4xLav3/M6NH92VkD1qSOGKXeSm+5unuawPXK6OQ==", - "license": "Apache-2.0" - }, "node_modules/hoist-non-react-statics": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", @@ -2735,22 +2536,6 @@ "react-is": "^16.7.0" } }, - "node_modules/html-entities": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz", - "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/mdevils" - }, - { - "type": "patreon", - "url": "https://patreon.com/mdevils" - } - ], - "license": "MIT" - }, "node_modules/ignore": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", @@ -2761,12 +2546,6 @@ "node": ">= 4" } }, - "node_modules/immediate": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", - "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==", - "license": "MIT" - }, "node_modules/import-fresh": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", @@ -2783,15 +2562,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/imsc": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/imsc/-/imsc-1.1.5.tgz", - "integrity": "sha512-V8je+CGkcvGhgl2C1GlhqFFiUOIEdwXbXLiu1Fcubvvbo+g9inauqT3l0pNYXGoLPBj3jxtZz9t+wCopMkwadQ==", - "license": "BSD-2-Clause", - "dependencies": { - "sax": "1.2.1" - } - }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -2802,30 +2572,6 @@ "node": ">=0.8.19" } }, - "node_modules/is-alphabetical": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz", - "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==", - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/is-alphanumerical": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz", - "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==", - "license": "MIT", - "dependencies": { - "is-alphabetical": "^2.0.0", - "is-decimal": "^2.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -2847,16 +2593,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-decimal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz", - "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==", - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -2982,29 +2718,17 @@ "node": ">= 0.8.0" } }, - "node_modules/lie": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz", - "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==", - "license": "MIT", - "dependencies": { - "immediate": "~3.0.5" - } - }, "node_modules/lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", "license": "MIT" }, - "node_modules/localforage": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz", - "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==", - "license": "Apache-2.0", - "dependencies": { - "lie": "3.1.1" - } + "node_modules/load-script": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz", + "integrity": "sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==", + "license": "MIT" }, "node_modules/locate-path": { "version": "6.0.0", @@ -3060,20 +2784,10 @@ "node": ">= 0.4" } }, - "node_modules/media-chrome": { - "version": "4.11.1", - "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-4.11.1.tgz", - "integrity": "sha512-+2niDc4qOwlpFAjwxg1OaizK/zKV6y7QqGm4nBFEVlSaG0ZBgOmfc4IXAPiirZqAlZGaFFUaMqCl1SpGU0/naA==", - "license": "MIT", - "dependencies": { - "@vercel/edge": "^1.2.1", - "ce-la-react": "^0.3.0" - } - }, - "node_modules/media-tracks": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.3.tgz", - "integrity": "sha512-9P2FuUHnZZ3iji+2RQk7Zkh5AmZTnOG5fODACnjhCVveX1McY3jmCRHofIEI+yTBqplz7LXy48c7fQ3Uigp88w==", + "node_modules/memoize-one": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz", + "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==", "license": "MIT" }, "node_modules/mime-db": { @@ -3116,12 +2830,6 @@ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", "license": "MIT" }, - "node_modules/mux-embed": { - "version": "5.9.0", - "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.9.0.tgz", - "integrity": "sha512-wmunL3uoPhma/tWy8PrDPZkvJpXvSFBwbD3KkC4PG8Ztjfb1X3hRJwGUAQyRz7z99b/ovLm2UTTitrkvStjH4w==", - "license": "MIT" - }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", @@ -3141,12 +2849,6 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, - "node_modules/native-promise-only": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/native-promise-only/-/native-promise-only-0.8.1.tgz", - "integrity": "sha512-zkVhZUA3y8mbz652WrL5x0fB0ehrBkulWT3TomAQ9iDtyXZvzKeEA6GPxAItBYeNYl5yngKRX612qHOhvMkDeg==", - "license": "MIT" - }, "node_modules/natural-compare": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", @@ -3250,12 +2952,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/path-browserify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", - "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "license": "MIT" - }, "node_modules/path-exists": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", @@ -3310,22 +3006,6 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, - "node_modules/player.style": { - "version": "0.1.10", - "resolved": "https://registry.npmjs.org/player.style/-/player.style-0.1.10.tgz", - "integrity": "sha512-Jxv7tlaQ3SFCddsN35jzoGnCHB3/xMTbJOgn4zcsmF0lcZvRPq5UkRRAD5tZm8CvzKndUvtoDlG6GSPL/N/SrA==", - "license": "MIT", - "workspaces": [ - ".", - "site", - "examples/*", - "scripts/*", - "themes/*" - ], - "dependencies": { - "media-chrome": "~4.11.0" - } - }, "node_modules/postcss": { "version": "8.5.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", @@ -3413,6 +3093,12 @@ "react": "^19.1.1" } }, + "node_modules/react-fast-compare": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz", + "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==", + "license": "MIT" + }, "node_modules/react-icons": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz", @@ -3429,26 +3115,19 @@ "license": "MIT" }, "node_modules/react-player": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/react-player/-/react-player-3.3.1.tgz", - "integrity": "sha512-wE/xLloneXZ1keelFCaNeIFVNUp4/7YoUjfHjwF945aQzsbDKiIB0LQuCchGL+la0Y1IybxnR0R6Cm3AiqInMw==", + "version": "2.16.1", + "resolved": "https://registry.npmjs.org/react-player/-/react-player-2.16.1.tgz", + "integrity": "sha512-mxP6CqjSWjidtyDoMOSHVPdhX0pY16aSvw5fVr44EMaT7X5Xz46uQ4b/YBm1v2x+3hHkB9PmjEEkmbHb9PXQ4w==", "license": "MIT", "dependencies": { - "@mux/mux-player-react": "^3.5.1", - "cloudflare-video-element": "^1.3.3", - "dash-video-element": "^0.1.6", - "hls-video-element": "^1.5.6", - "spotify-audio-element": "^1.0.2", - "tiktok-video-element": "^0.1.0", - "twitch-video-element": "^0.1.2", - "vimeo-video-element": "^1.5.3", - "wistia-video-element": "^1.3.3", - "youtube-video-element": "^1.6.1" + "deepmerge": "^4.0.0", + "load-script": "^1.0.0", + "memoize-one": "^5.1.1", + "prop-types": "^15.7.2", + "react-fast-compare": "^3.0.1" }, "peerDependencies": { - "@types/react": "^17.0.0 || ^18 || ^19", - "react": "^17.0.2 || ^18 || ^19", - "react-dom": "^17.0.2 || ^18 || ^19" + "react": ">=16.6.0" } }, "node_modules/react-pro-sidebar": { @@ -3546,12 +3225,6 @@ "fsevents": "~2.3.2" } }, - "node_modules/sax": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz", - "integrity": "sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA==", - "license": "ISC" - }, "node_modules/scheduler": { "version": "0.26.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz", @@ -3610,12 +3283,6 @@ "node": ">=0.10.0" } }, - "node_modules/spotify-audio-element": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/spotify-audio-element/-/spotify-audio-element-1.0.3.tgz", - "integrity": "sha512-I1/qD8cg/UnTlCIMiKSdZUJTyYfYhaqFK7LIVElc48eOqUUbVCaw1bqL8I6mJzdMJTh3eoNyF/ewvB7NoS/g9A==", - "license": "MIT" - }, "node_modules/strip-json-comments": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", @@ -3635,12 +3302,6 @@ "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", "license": "MIT" }, - "node_modules/super-media-element": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/super-media-element/-/super-media-element-1.4.2.tgz", - "integrity": "sha512-9pP/CVNp4NF2MNlRzLwQkjiTgKKe9WYXrLh9+8QokWmMxz+zt2mf1utkWLco26IuA3AfVcTb//qtlTIjY3VHxA==", - "license": "MIT" - }, "node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -3666,12 +3327,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/tiktok-video-element": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/tiktok-video-element/-/tiktok-video-element-0.1.1.tgz", - "integrity": "sha512-BaiVzvNz2UXDKTdSrXzrNf4q6Ecc+/utYUh7zdEu2jzYcJVDoqYbVfUl0bCfMoOeeAqg28vD/yN63Y3E9jOrlA==", - "license": "MIT" - }, "node_modules/tinyglobby": { "version": "0.2.14", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", @@ -3689,12 +3344,6 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, - "node_modules/twitch-video-element": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/twitch-video-element/-/twitch-video-element-0.1.4.tgz", - "integrity": "sha512-SDpZ4f7sZmwHF6XG5PF0KWuP18pH/kNG04MhTcpqJby7Lk/D3TS/lCYd+RSg0rIAAVi1LDgSIo1yJs9kmHlhgw==", - "license": "MIT" - }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -3708,32 +3357,6 @@ "node": ">= 0.8.0" } }, - "node_modules/ua-parser-js": { - "version": "1.0.41", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.41.tgz", - "integrity": "sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==", - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/ua-parser-js" - }, - { - "type": "paypal", - "url": "https://paypal.me/faisalman" - }, - { - "type": "github", - "url": "https://github.com/sponsors/faisalman" - } - ], - "license": "MIT", - "bin": { - "ua-parser-js": "script/cli.js" - }, - "engines": { - "node": "*" - } - }, "node_modules/update-browserslist-db": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz", @@ -3775,15 +3398,6 @@ "punycode": "^2.1.0" } }, - "node_modules/vimeo-video-element": { - "version": "1.5.4", - "resolved": "https://registry.npmjs.org/vimeo-video-element/-/vimeo-video-element-1.5.4.tgz", - "integrity": "sha512-4C9+Gnac7gOVNNu3tWQgzuwG4mFVaiCmUz8RtV1l+xkirgcZ0kEJOSIblXx/Y7DIfM+BbeepptxL9SP/ZrskJA==", - "license": "MIT", - "dependencies": { - "@vimeo/player": "2.29.0" - } - }, "node_modules/vite": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.3.tgz", @@ -3859,15 +3473,6 @@ } } }, - "node_modules/weakmap-polyfill": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/weakmap-polyfill/-/weakmap-polyfill-2.0.4.tgz", - "integrity": "sha512-ZzxBf288iALJseijWelmECm/1x7ZwQn3sMYIkDr2VvZp7r6SEKuT8D0O9Wiq6L9Nl5mazrOMcmiZE/2NCenaxw==", - "license": "MIT", - "engines": { - "node": ">=8.10.0" - } - }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -3884,15 +3489,6 @@ "node": ">= 8" } }, - "node_modules/wistia-video-element": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/wistia-video-element/-/wistia-video-element-1.3.4.tgz", - "integrity": "sha512-2l22oaQe4jUfi3yvsh2m2oCEgvbqTzaSYx6aJnZAvV5hlMUJlyZheFUnaj0JU2wGlHdVGV7xNY+5KpKu+ruLYA==", - "license": "MIT", - "dependencies": { - "super-media-element": "~1.4.2" - } - }, "node_modules/word-wrap": { "version": "1.2.5", "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", @@ -3922,12 +3518,6 @@ "funding": { "url": "https://github.com/sponsors/sindresorhus" } - }, - "node_modules/youtube-video-element": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/youtube-video-element/-/youtube-video-element-1.6.2.tgz", - "integrity": "sha512-YHDIOAqgRpfl1Ois9HcB8UFtWOxK8KJrV5TXpImj4BKYP1rWT04f/fMM9tQ9SYZlBKukT7NR+9wcI3UpB5BMDQ==", - "license": "MIT" } } } diff --git a/frontend/package.json b/frontend/package.json index 92d26b0..faf014f 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -14,7 +14,7 @@ "react": "^19.1.1", "react-dom": "^19.1.1", "react-icons": "^5.5.0", - "react-player": "^3.3.1", + "react-player": "2.16.1", "react-pro-sidebar": "^1.1.0" }, "devDependencies": { diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 4c39155..4fd16d3 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'; import axios from 'axios'; import { Sidebar, Menu, MenuItem, SubMenu } from 'react-pro-sidebar'; import { FaBars, FaHome, FaFolder, FaVideo, FaPlus, FaList, FaTrash } from 'react-icons/fa'; -import VideoPlayer from 'react-player'; +import ReactPlayer from 'react-player'; import './App.css'; const API_BASE_URL = 'http://192.168.2.220:8000'; @@ -203,14 +203,20 @@ function App() {

{selectedVideo.title}

{selectedVideo && ( - { + console.log('react-player ready:', `${API_BASE_URL}/videos/${selectedVideo.id}/stream`); + }} + onError={(e) => { + console.error('react-player error:', e, 'URL:', `${API_BASE_URL}/videos/${selectedVideo.id}/stream`); + alert('Video player error. See console for details.'); + }} /> )}