feat(video-streaming): Implement video streaming feature with components, hooks, services, and utilities

- Added centralized exports for video streaming components and hooks.
- Implemented `useVideoInfo` hook for fetching and managing video metadata and streaming information.
- Developed `useVideoList` hook for managing video list state, fetching, filtering, and pagination.
- Created `useVideoPlayer` hook for managing video player state and controls.
- Established `videoApiService` for handling API interactions related to video streaming.
- Defined TypeScript types for video streaming feature, including video metadata, API responses, and component props.
- Added utility functions for video operations, formatting, and data processing.
- Created main entry point for the video streaming feature, exporting all public APIs.
This commit is contained in:
Alireza Vaezi
2025-08-04 15:02:48 -04:00
parent 97f22d239d
commit 551e5dc2e3
44 changed files with 3964 additions and 176 deletions

View File

@@ -40,7 +40,7 @@ The Vision System dashboard provides real-time monitoring and control of the USD
## API Integration
The dashboard connects to the Vision System API running on `http://localhost:8000` and provides:
The dashboard connects to the Vision System API running on `http://vision:8000` and provides:
### Endpoints Used
- `GET /system/status` - System overview and status
@@ -103,7 +103,7 @@ The dashboard includes comprehensive error handling:
### Common Issues
1. **"Failed to fetch vision system data"**
- Ensure the vision system API is running on localhost:8000
- Ensure the vision system API is running on vision:8000
- Check network connectivity
- Verify the vision system service is started
@@ -121,7 +121,7 @@ The dashboard includes comprehensive error handling:
The API base URL is configured in `src/lib/visionApi.ts`:
```typescript
const VISION_API_BASE_URL = 'http://localhost:8000'
const VISION_API_BASE_URL = 'http://vision:8000'
```
To change the API endpoint, modify this constant and rebuild the application.