Enhance video streaming capabilities and UI integration

- Added support for streaming video files with proper MIME type handling in the media API.
- Implemented transcoding functionality for H.264 compatibility on-the-fly using FFmpeg.
- Updated VideoModal component to utilize Video.js for improved video playback experience.
- Enhanced user interface with download options and better error handling for video playback.
- Updated package.json and package-lock.json to include new dependencies for video.js and related types.
This commit is contained in:
salirezav
2025-10-31 18:29:05 -04:00
parent 00d4e5b275
commit 70f614e9ff
4 changed files with 666 additions and 24 deletions

View File

@@ -12,14 +12,17 @@
"dev:watch": "npm run build && (npm run build:watch &) && sleep 1 && npx http-server dist -p 3001 --cors -c-1"
},
"dependencies": {
"@videojs/themes": "^1.0.1",
"react": "^19.1.0",
"react-dom": "^19.1.0"
"react-dom": "^19.1.0",
"video.js": "^8.23.4"
},
"devDependencies": {
"@originjs/vite-plugin-federation": "^1.3.3",
"@tailwindcss/vite": "^4.1.11",
"@types/react": "^19.2.2",
"@types/react-dom": "^19.2.2",
"@types/video.js": "^7.3.58",
"@vitejs/plugin-react": "^4.6.0",
"http-server": "^14.1.1",
"serve": "^14.2.3",
@@ -27,4 +30,4 @@
"typescript": "~5.8.3",
"vite": "^7.0.4"
}
}
}