DriveLoader Documentation
Welcome to the official documentation for @driveloader/react — the complete Google Drive Media CDN for React applications.
What is DriveLoader?
DriveLoader translates raw Google Drive viewing links into direct, high-performance binary CDN streams for images, videos, and public folders.
- Supports any Google Drive URL format or raw File ID
- First-class YouTube Video embedding via <YouTubeVideo /> and <DriveMedia />
- First-class Google Drive Video streaming & poster thumbnails
- Automatic candidate endpoint failover & in-memory caching
- Request coalescing to deduplicate concurrent network fetches
Quick Example
App.tsx
| 1 | import { DriveImage, DriveVideo, DriveMedia } from '@driveloader/react'; |
| 2 | |
| 3 | export function MediaComponent() { |
| 4 | return ( |
| 5 | <> |
| 6 | <DriveImage src="https://drive.google.com/file/d/IMAGE_ID/view" alt="Drive Image" /> |
| 7 | <DriveVideo src="https://drive.google.com/file/d/VIDEO_ID/view?type=video" controls /> |
| 8 | <DriveMedia src="https://youtu.be/dQw4w9WgXcQ" /> |
| 9 | </> |
| 10 | ); |
| 11 | } |