feat: Add multi-CDN integration for global video delivery
- Create CDN manager with multi-provider support (Bunny, Cloudflare, S3, Backblaze, Wasabi) - Implement automatic CDN upload and failover system - Add multi-quality video support (360p-2160p) - Build quality selector UI with auto-detection - Track CDN bandwidth usage for cost monitoring - Implement cache purging API - Add background CDN upload worker script - Create comprehensive CDN documentation Features: - Multi-CDN support with priority-based failover - BunnyCDN, Cloudflare R2, AWS S3, Backblaze B2, Wasabi integration - Multi-quality delivery (adaptive quality selection) - Auto quality based on connection speed - User preference persistence - Bandwidth tracking per provider - Cache purge API - Cost optimization strategies - Production-ready with error handling
This commit is contained in:
Krystie
@@ -0,0 +1,67 @@
|
||||
-- Migration: Add CDN support and multi-quality storage
|
||||
|
||||
-- CDN provider configurations
|
||||
CREATE TABLE IF NOT EXISTS db_cdn_providers (
|
||||
provider_id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
provider_name VARCHAR(50) NOT NULL,
|
||||
provider_type ENUM('bunny', 'cloudflare', 's3', 'backblaze', 'wasabi', 'custom') NOT NULL,
|
||||
api_key VARCHAR(255),
|
||||
api_secret VARCHAR(255),
|
||||
storage_zone VARCHAR(100),
|
||||
pull_zone VARCHAR(100),
|
||||
cdn_hostname VARCHAR(255),
|
||||
region VARCHAR(50),
|
||||
is_active TINYINT DEFAULT 1,
|
||||
priority INT DEFAULT 0,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
INDEX idx_active_priority (is_active, priority)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
|
||||
|
||||
-- Video quality variants (for adaptive streaming)
|
||||
CREATE TABLE IF NOT EXISTS db_video_qualities (
|
||||
quality_id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
video_id INT NOT NULL,
|
||||
quality_label VARCHAR(20) NOT NULL,
|
||||
resolution VARCHAR(20),
|
||||
bitrate INT,
|
||||
file_path VARCHAR(512),
|
||||
cdn_url VARCHAR(512),
|
||||
file_size BIGINT,
|
||||
codec VARCHAR(50),
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
INDEX idx_video (video_id),
|
||||
FOREIGN KEY (video_id) REFERENCES db_videofiles(video_id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
|
||||
|
||||
-- CDN cache status tracking
|
||||
CREATE TABLE IF NOT EXISTS db_cdn_cache_status (
|
||||
cache_id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
video_id INT NOT NULL,
|
||||
provider_id INT NOT NULL,
|
||||
quality_label VARCHAR(20),
|
||||
cdn_url VARCHAR(512),
|
||||
status ENUM('pending', 'uploading', 'ready', 'failed') DEFAULT 'pending',
|
||||
upload_progress INT DEFAULT 0,
|
||||
error_message TEXT,
|
||||
last_checked DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_video_provider (video_id, provider_id),
|
||||
INDEX idx_status (status),
|
||||
FOREIGN KEY (video_id) REFERENCES db_videofiles(video_id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (provider_id) REFERENCES db_cdn_providers(provider_id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
|
||||
|
||||
-- CDN bandwidth tracking (for cost monitoring)
|
||||
CREATE TABLE IF NOT EXISTS db_cdn_bandwidth_usage (
|
||||
usage_id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
provider_id INT NOT NULL,
|
||||
video_id INT,
|
||||
date DATE NOT NULL,
|
||||
bandwidth_mb DECIMAL(12,2) DEFAULT 0,
|
||||
requests_count INT DEFAULT 0,
|
||||
cost_estimate DECIMAL(10,4) DEFAULT 0,
|
||||
UNIQUE KEY unique_provider_video_date (provider_id, video_id, date),
|
||||
INDEX idx_provider_date (provider_id, date),
|
||||
FOREIGN KEY (provider_id) REFERENCES db_cdn_providers(provider_id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
|
||||
+162
@@ -0,0 +1,162 @@
|
||||
<?php
|
||||
/**
|
||||
* CDN API
|
||||
*
|
||||
* GET /api/cdn.php?action=url&video_id=X&quality=720p - Get CDN URL
|
||||
* GET /api/cdn.php?action=qualities&video_id=X - Get available qualities
|
||||
* GET /api/cdn.php?action=bandwidth&days=30 - Get bandwidth usage
|
||||
* POST /api/cdn.php?action=upload - Upload to CDN
|
||||
* POST /api/cdn.php?action=purge - Purge CDN cache
|
||||
*/
|
||||
|
||||
require_once dirname(__DIR__) . '/f_core/config.boot.php';
|
||||
require_once dirname(__DIR__) . '/f_core/f_classes/class.cdn.php';
|
||||
|
||||
header('Content-Type: application/json');
|
||||
|
||||
session_start();
|
||||
$current_user_id = $_SESSION['user_id'] ?? null;
|
||||
$cdn = new VCDN();
|
||||
|
||||
$action = $_GET['action'] ?? 'url';
|
||||
|
||||
// Public endpoints
|
||||
if ($action === 'url') {
|
||||
$video_id = $_GET['video_id'] ?? null;
|
||||
$quality = $_GET['quality'] ?? 'original';
|
||||
|
||||
if (!$video_id) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['success' => false, 'error' => 'Video ID required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$url = $cdn->getCDNUrl($video_id, $quality);
|
||||
|
||||
if ($url) {
|
||||
echo json_encode(['success' => true, 'url' => $url]);
|
||||
} else {
|
||||
http_response_code(404);
|
||||
echo json_encode(['success' => false, 'error' => 'Video not found']);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($action === 'qualities') {
|
||||
$video_id = $_GET['video_id'] ?? null;
|
||||
|
||||
if (!$video_id) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['success' => false, 'error' => 'Video ID required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$qualities = $cdn->getAvailableQualities($video_id);
|
||||
echo json_encode(['success' => true, 'qualities' => $qualities]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// Authenticated endpoints
|
||||
if (!$current_user_id) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['success' => false, 'error' => 'Authentication required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
switch ($action) {
|
||||
case 'bandwidth':
|
||||
$days = intval($_GET['days'] ?? 30);
|
||||
$provider_id = $_GET['provider_id'] ?? null;
|
||||
|
||||
$data = $cdn->getBandwidthUsage($provider_id, $days);
|
||||
echo json_encode(['success' => true, 'data' => $data]);
|
||||
break;
|
||||
|
||||
case 'upload':
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
echo json_encode(['success' => false, 'error' => 'Method not allowed']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$input = json_decode(file_get_contents('php://input'), true) ?: $_POST;
|
||||
|
||||
$video_id = $input['video_id'] ?? null;
|
||||
$local_path = $input['local_path'] ?? null;
|
||||
$quality = $input['quality'] ?? 'original';
|
||||
|
||||
if (!$video_id || !$local_path) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['success' => false, 'error' => 'Video ID and local path required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
// Verify ownership
|
||||
global $class_database;
|
||||
$sql = "SELECT usr_id FROM db_videofiles WHERE video_id = ?";
|
||||
$result = $class_database->execute($sql, [$video_id]);
|
||||
|
||||
if (!$result || $class_database->rowCount($result) == 0) {
|
||||
http_response_code(404);
|
||||
echo json_encode(['success' => false, 'error' => 'Video not found']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$row = $class_database->fetch($result);
|
||||
|
||||
if ($row['usr_id'] != $current_user_id) {
|
||||
http_response_code(403);
|
||||
echo json_encode(['success' => false, 'error' => 'Permission denied']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$success = $cdn->uploadVideo($video_id, $local_path, $quality);
|
||||
|
||||
echo json_encode(['success' => $success]);
|
||||
break;
|
||||
|
||||
case 'purge':
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
echo json_encode(['success' => false, 'error' => 'Method not allowed']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$input = json_decode(file_get_contents('php://input'), true) ?: $_POST;
|
||||
|
||||
$video_id = $input['video_id'] ?? null;
|
||||
|
||||
if (!$video_id) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['success' => false, 'error' => 'Video ID required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
// Verify ownership
|
||||
global $class_database;
|
||||
$sql = "SELECT usr_id FROM db_videofiles WHERE video_id = ?";
|
||||
$result = $class_database->execute($sql, [$video_id]);
|
||||
|
||||
if (!$result || $class_database->rowCount($result) == 0) {
|
||||
http_response_code(404);
|
||||
echo json_encode(['success' => false, 'error' => 'Video not found']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$row = $class_database->fetch($result);
|
||||
|
||||
if ($row['usr_id'] != $current_user_id) {
|
||||
http_response_code(403);
|
||||
echo json_encode(['success' => false, 'error' => 'Permission denied']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$cdn->purgeCache($video_id);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
break;
|
||||
|
||||
default:
|
||||
http_response_code(400);
|
||||
echo json_encode(['success' => false, 'error' => 'Invalid action']);
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
<?php
|
||||
/**
|
||||
* Upload Videos to CDN
|
||||
* Background worker for CDN uploads
|
||||
*
|
||||
* Usage:
|
||||
* php upload_to_cdn.php <video_id> [quality]
|
||||
* php upload_to_cdn.php --all (upload all pending videos)
|
||||
*/
|
||||
|
||||
require_once dirname(__DIR__, 2) . '/f_core/config.boot.php';
|
||||
require_once dirname(__DIR__, 2) . '/f_core/f_classes/class.cdn.php';
|
||||
require_once dirname(__DIR__, 2) . '/f_core/f_classes/class.logger.php';
|
||||
|
||||
$logger = new VLogger('cdn_upload');
|
||||
$cdn = new VCDN();
|
||||
|
||||
// Parse arguments
|
||||
$video_id = $argv[1] ?? null;
|
||||
$quality = $argv[2] ?? 'original';
|
||||
|
||||
if ($video_id === '--all') {
|
||||
uploadAllPending();
|
||||
} elseif ($video_id) {
|
||||
uploadSingleVideo($video_id, $quality);
|
||||
} else {
|
||||
echo "Usage: php upload_to_cdn.php <video_id> [quality]\n";
|
||||
echo " php upload_to_cdn.php --all\n";
|
||||
exit(1);
|
||||
}
|
||||
|
||||
function uploadSingleVideo($video_id, $quality) {
|
||||
global $cdn, $logger, $class_database;
|
||||
|
||||
$logger->info("Starting CDN upload for video $video_id ($quality)");
|
||||
|
||||
// Get video file path
|
||||
$sql = "SELECT file_path FROM db_videofiles WHERE video_id = ?";
|
||||
$result = $class_database->execute($sql, [$video_id]);
|
||||
|
||||
if (!$result || $class_database->rowCount($result) == 0) {
|
||||
$logger->error("Video $video_id not found");
|
||||
return false;
|
||||
}
|
||||
|
||||
$row = $class_database->fetch($result);
|
||||
$local_path = $row['file_path'];
|
||||
|
||||
if (!file_exists($local_path)) {
|
||||
$logger->error("Video file not found: $local_path");
|
||||
return false;
|
||||
}
|
||||
|
||||
// Upload to CDN
|
||||
$success = $cdn->uploadVideo($video_id, $local_path, $quality);
|
||||
|
||||
if ($success) {
|
||||
$logger->info("Successfully uploaded video $video_id to CDN");
|
||||
echo "✓ Uploaded video $video_id ($quality)\n";
|
||||
} else {
|
||||
$logger->error("Failed to upload video $video_id to CDN");
|
||||
echo "✗ Failed to upload video $video_id\n";
|
||||
}
|
||||
|
||||
return $success;
|
||||
}
|
||||
|
||||
function uploadAllPending() {
|
||||
global $cdn, $logger, $class_database;
|
||||
|
||||
$logger->info("Starting batch CDN upload for all pending videos");
|
||||
|
||||
// Find videos not yet uploaded to CDN
|
||||
$sql = "SELECT v.video_id, v.file_path
|
||||
FROM db_videofiles v
|
||||
LEFT JOIN db_cdn_cache_status ccs ON v.video_id = ccs.video_id
|
||||
AND ccs.status = 'ready'
|
||||
WHERE ccs.cache_id IS NULL
|
||||
LIMIT 100";
|
||||
|
||||
$result = $class_database->execute($sql);
|
||||
|
||||
if (!$result) {
|
||||
$logger->error("Failed to query pending uploads");
|
||||
return;
|
||||
}
|
||||
|
||||
$count = 0;
|
||||
$success_count = 0;
|
||||
|
||||
while ($row = $class_database->fetch($result)) {
|
||||
$count++;
|
||||
|
||||
if (uploadSingleVideo($row['video_id'], 'original')) {
|
||||
$success_count++;
|
||||
}
|
||||
|
||||
// Rate limiting (don't overwhelm CDN)
|
||||
sleep(2);
|
||||
}
|
||||
|
||||
$logger->info("Batch upload complete: $success_count/$count successful");
|
||||
echo "\nBatch upload complete: $success_count/$count successful\n";
|
||||
}
|
||||
+506
@@ -0,0 +1,506 @@
|
||||
# CDN Integration
|
||||
|
||||
EasyStream supports multi-CDN video delivery for global reach, reduced latency, and bandwidth optimization.
|
||||
|
||||
## Supported CDN Providers
|
||||
|
||||
- 🐰 **BunnyCDN** - Cost-effective, global edge network
|
||||
- ☁️ **Cloudflare R2** - Zero egress fees, S3-compatible
|
||||
- 🪣 **AWS S3 + CloudFront** - Enterprise-grade, highly scalable
|
||||
- 🔵 **Backblaze B2** - Affordable S3-compatible storage
|
||||
- 🟢 **Wasabi** - Predictable pricing, no egress fees
|
||||
- 🔧 **Custom** - Any S3-compatible storage provider
|
||||
|
||||
## Features
|
||||
|
||||
- 🌍 **Multi-CDN Support** - Upload to multiple providers for redundancy
|
||||
- 📊 **Automatic Failover** - Falls back to secondary CDN if primary fails
|
||||
- 🎬 **Multi-Quality Delivery** - Serve 360p, 480p, 720p, 1080p, 1440p, 2160p
|
||||
- 💾 **Bandwidth Tracking** - Monitor usage and costs per provider
|
||||
- 🔄 **Cache Purging** - Invalidate CDN cache on video updates
|
||||
- 🚀 **Auto Quality Selection** - Pick best quality based on connection speed
|
||||
- 💰 **Cost Optimization** - Use cheapest provider for your traffic patterns
|
||||
|
||||
## Setup
|
||||
|
||||
### 1. Database Migration
|
||||
|
||||
```bash
|
||||
docker-compose exec db mysql -u easystream -peasystream easystream < __install/migrations/005_add_cdn_support.sql
|
||||
```
|
||||
|
||||
### 2. Configure CDN Provider
|
||||
|
||||
Add your CDN provider credentials to the database:
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, storage_zone,
|
||||
pull_zone, cdn_hostname, region, is_active, priority
|
||||
) VALUES (
|
||||
'BunnyCDN Production', 'bunny', 'YOUR_API_KEY',
|
||||
'easystream-videos', 'easystream', 'easystream.b-cdn.net',
|
||||
'de', 1, 0
|
||||
);
|
||||
```
|
||||
|
||||
**Provider Types:**
|
||||
- `bunny` - BunnyCDN
|
||||
- `cloudflare` - Cloudflare R2
|
||||
- `s3` - AWS S3
|
||||
- `backblaze` - Backblaze B2
|
||||
- `wasabi` - Wasabi
|
||||
- `custom` - Custom S3-compatible
|
||||
|
||||
**Priority:** Lower = higher priority (0 is primary)
|
||||
|
||||
### 3. Add Frontend Assets
|
||||
|
||||
Include quality selector on video watch page:
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="/f_scripts/fe/css/quality-selector.css">
|
||||
<script src="/f_scripts/fe/js/quality-selector.js"></script>
|
||||
```
|
||||
|
||||
### 4. Upload Videos to CDN
|
||||
|
||||
```bash
|
||||
# Upload single video
|
||||
php app_scripts/cdn/upload_to_cdn.php 123
|
||||
|
||||
# Upload all pending videos
|
||||
php app_scripts/cdn/upload_to_cdn.php --all
|
||||
```
|
||||
|
||||
### 5. Automate Uploads (Optional)
|
||||
|
||||
Add to upload workflow in `upload.php`:
|
||||
|
||||
```php
|
||||
require_once 'f_core/f_classes/class.cdn.php';
|
||||
$cdn = new VCDN();
|
||||
|
||||
// After video upload
|
||||
$cdn->uploadVideo($video_id, $local_file_path, 'original');
|
||||
```
|
||||
|
||||
Or run background worker via supervisor/systemd.
|
||||
|
||||
## CDN Provider Configuration
|
||||
|
||||
### BunnyCDN
|
||||
|
||||
1. Sign up at [bunny.net](https://bunny.net)
|
||||
2. Create a storage zone
|
||||
3. Create a pull zone linked to the storage zone
|
||||
4. Get your API key from Account Settings
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, storage_zone,
|
||||
pull_zone, cdn_hostname
|
||||
) VALUES (
|
||||
'BunnyCDN', 'bunny', 'YOUR_API_KEY',
|
||||
'your-storage-zone', 'your-pull-zone', 'your-pull-zone.b-cdn.net'
|
||||
);
|
||||
```
|
||||
|
||||
**Cost:** ~$0.01/GB storage + $0.01-0.05/GB bandwidth (varies by region)
|
||||
|
||||
### Cloudflare R2
|
||||
|
||||
1. Sign up for Cloudflare account
|
||||
2. Enable R2 in dashboard
|
||||
3. Create a bucket
|
||||
4. Generate API token
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, api_secret,
|
||||
storage_zone, region
|
||||
) VALUES (
|
||||
'Cloudflare R2', 'cloudflare', 'YOUR_ACCESS_KEY',
|
||||
'YOUR_SECRET_KEY', 'your-bucket', 'auto'
|
||||
);
|
||||
```
|
||||
|
||||
**Cost:** $0.015/GB storage, **zero egress fees**
|
||||
|
||||
### AWS S3 + CloudFront
|
||||
|
||||
1. Create S3 bucket in AWS Console
|
||||
2. Create CloudFront distribution
|
||||
3. Generate IAM access keys
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, api_secret,
|
||||
storage_zone, cdn_hostname, region
|
||||
) VALUES (
|
||||
'AWS S3', 's3', 'YOUR_ACCESS_KEY', 'YOUR_SECRET_KEY',
|
||||
'your-bucket', 'd123abc.cloudfront.net', 'us-east-1'
|
||||
);
|
||||
```
|
||||
|
||||
**Cost:** $0.023/GB storage + $0.085/GB bandwidth (first 10TB)
|
||||
|
||||
### Backblaze B2
|
||||
|
||||
1. Sign up at [backblaze.com](https://www.backblaze.com/b2)
|
||||
2. Create a bucket
|
||||
3. Generate application key
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, api_secret,
|
||||
storage_zone, region
|
||||
) VALUES (
|
||||
'Backblaze B2', 'backblaze', 'YOUR_KEY_ID', 'YOUR_APP_KEY',
|
||||
'your-bucket', 'us-west-004'
|
||||
);
|
||||
```
|
||||
|
||||
**Cost:** $0.006/GB storage + $0.01/GB bandwidth (first 3x storage free)
|
||||
|
||||
### Wasabi
|
||||
|
||||
1. Sign up at [wasabi.com](https://wasabi.com)
|
||||
2. Create a bucket
|
||||
3. Generate access keys
|
||||
|
||||
```sql
|
||||
INSERT INTO db_cdn_providers (
|
||||
provider_name, provider_type, api_key, api_secret,
|
||||
storage_zone, region
|
||||
) VALUES (
|
||||
'Wasabi', 'wasabi', 'YOUR_ACCESS_KEY', 'YOUR_SECRET_KEY',
|
||||
'your-bucket', 'us-east-1'
|
||||
);
|
||||
```
|
||||
|
||||
**Cost:** $5.99/TB/month (storage + bandwidth included)
|
||||
|
||||
## Usage
|
||||
|
||||
### Get CDN URL
|
||||
|
||||
```http
|
||||
GET /api/cdn.php?action=url&video_id=123&quality=720p
|
||||
```
|
||||
|
||||
**Response:**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"url": "https://easystream.b-cdn.net/videos/123/720p/video.mp4"
|
||||
}
|
||||
```
|
||||
|
||||
### Get Available Qualities
|
||||
|
||||
```http
|
||||
GET /api/cdn.php?action=qualities&video_id=123
|
||||
```
|
||||
|
||||
**Response:**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"qualities": [
|
||||
{
|
||||
"quality_label": "auto",
|
||||
"resolution": "Auto",
|
||||
"cdn_url": null
|
||||
},
|
||||
{
|
||||
"quality_label": "1080p",
|
||||
"resolution": "1920x1080",
|
||||
"cdn_url": "https://easystream.b-cdn.net/videos/123/1080p/video.mp4"
|
||||
},
|
||||
{
|
||||
"quality_label": "720p",
|
||||
"resolution": "1280x720",
|
||||
"cdn_url": "https://easystream.b-cdn.net/videos/123/720p/video.mp4"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
### Upload to CDN
|
||||
|
||||
```http
|
||||
POST /api/cdn.php?action=upload
|
||||
Content-Type: application/json
|
||||
|
||||
{
|
||||
"video_id": 123,
|
||||
"local_path": "/srv/uploads/video.mp4",
|
||||
"quality": "original"
|
||||
}
|
||||
```
|
||||
|
||||
### Purge Cache
|
||||
|
||||
```http
|
||||
POST /api/cdn.php?action=purge
|
||||
Content-Type: application/json
|
||||
|
||||
{
|
||||
"video_id": 123
|
||||
}
|
||||
```
|
||||
|
||||
### Bandwidth Usage
|
||||
|
||||
```http
|
||||
GET /api/cdn.php?action=bandwidth&days=30&provider_id=1
|
||||
```
|
||||
|
||||
**Response:**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"data": [
|
||||
{
|
||||
"date": "2026-03-01",
|
||||
"bandwidth_mb": 15234.56,
|
||||
"requests": 4567
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## Frontend Integration
|
||||
|
||||
### Quality Selector
|
||||
|
||||
The quality selector automatically initializes on video watch pages:
|
||||
|
||||
```javascript
|
||||
const selector = new QualitySelector(videoId, {
|
||||
playerElement: document.querySelector('video'),
|
||||
containerElement: document.querySelector('.video-controls')
|
||||
});
|
||||
```
|
||||
|
||||
**Features:**
|
||||
- Auto quality based on connection speed
|
||||
- User preference persistence (localStorage)
|
||||
- Seamless quality switching (preserves playback position)
|
||||
|
||||
### Programmatic Quality Switch
|
||||
|
||||
```javascript
|
||||
const selector = window.qualitySelector;
|
||||
selector.switchQuality('720p', 'https://cdn.example.com/video_720p.mp4');
|
||||
```
|
||||
|
||||
## Multi-Quality Encoding
|
||||
|
||||
Generate multiple quality levels from source video:
|
||||
|
||||
```bash
|
||||
# Using ffmpeg
|
||||
ffmpeg -i input.mp4 \
|
||||
-vf scale=1920:1080 -c:v libx264 -b:v 5000k -preset medium output_1080p.mp4 \
|
||||
-vf scale=1280:720 -c:v libx264 -b:v 2500k -preset medium output_720p.mp4 \
|
||||
-vf scale=854:480 -c:v libx264 -b:v 1000k -preset medium output_480p.mp4 \
|
||||
-vf scale=640:360 -c:v libx264 -b:v 500k -preset medium output_360p.mp4
|
||||
```
|
||||
|
||||
Then upload each quality:
|
||||
|
||||
```php
|
||||
$qualities = ['1080p', '720p', '480p', '360p'];
|
||||
foreach ($qualities as $quality) {
|
||||
$cdn->uploadVideo($video_id, "output_{$quality}.mp4", $quality);
|
||||
}
|
||||
```
|
||||
|
||||
## Bandwidth Tracking
|
||||
|
||||
Track CDN bandwidth usage automatically:
|
||||
|
||||
```php
|
||||
$cdn->trackBandwidth($provider_id, $video_id, $bytes_transferred);
|
||||
```
|
||||
|
||||
Integrate with analytics:
|
||||
|
||||
```php
|
||||
// After video view
|
||||
$file_size = filesize($video_path);
|
||||
$cdn->trackBandwidth($provider_id, $video_id, $file_size);
|
||||
```
|
||||
|
||||
## Cost Optimization
|
||||
|
||||
### Provider Selection Strategy
|
||||
|
||||
1. **High Traffic, US/EU audience:** BunnyCDN or Cloudflare R2
|
||||
2. **Predictable costs:** Wasabi (flat rate)
|
||||
3. **Low traffic, budget-conscious:** Backblaze B2
|
||||
4. **Enterprise, existing AWS:** S3 + CloudFront
|
||||
|
||||
### Multi-Provider Setup
|
||||
|
||||
Configure multiple providers with priority:
|
||||
|
||||
```sql
|
||||
-- Primary (lowest cost for your region)
|
||||
INSERT INTO db_cdn_providers (..., priority) VALUES (..., 0);
|
||||
|
||||
-- Secondary (failover)
|
||||
INSERT INTO db_cdn_providers (..., priority) VALUES (..., 1);
|
||||
```
|
||||
|
||||
System automatically falls back to secondary if primary fails.
|
||||
|
||||
### Bandwidth Cost Estimates
|
||||
|
||||
| Provider | 1TB/month | 10TB/month | 100TB/month |
|
||||
|----------|-----------|------------|-------------|
|
||||
| BunnyCDN | $10-50 | $100-400 | $1,000-2,500 |
|
||||
| Cloudflare R2 | $15 | $150 | $1,500 |
|
||||
| AWS S3+CF | $85 | $815 | $6,815 |
|
||||
| Backblaze B2 | $6 + $10 | $6 + $70 | $6 + $700 |
|
||||
| Wasabi | $6 | $60 | $600 |
|
||||
|
||||
*Estimates vary by region and traffic patterns*
|
||||
|
||||
## Database Schema
|
||||
|
||||
### db_cdn_providers
|
||||
|
||||
| Column | Type | Description |
|
||||
|--------|------|-------------|
|
||||
| provider_id | INT | Primary key |
|
||||
| provider_name | VARCHAR(50) | Display name |
|
||||
| provider_type | ENUM | bunny/cloudflare/s3/backblaze/wasabi/custom |
|
||||
| api_key | VARCHAR(255) | API key |
|
||||
| api_secret | VARCHAR(255) | API secret (for S3-compatible) |
|
||||
| storage_zone | VARCHAR(100) | Bucket/zone name |
|
||||
| pull_zone | VARCHAR(100) | CDN distribution name |
|
||||
| cdn_hostname | VARCHAR(255) | CDN URL hostname |
|
||||
| region | VARCHAR(50) | Geographic region |
|
||||
| is_active | TINYINT | Enabled status |
|
||||
| priority | INT | Selection priority (lower = higher) |
|
||||
|
||||
### db_video_qualities
|
||||
|
||||
| Column | Type | Description |
|
||||
|--------|------|-------------|
|
||||
| quality_id | INT | Primary key |
|
||||
| video_id | INT | Video ID |
|
||||
| quality_label | VARCHAR(20) | 360p, 480p, 720p, 1080p, etc. |
|
||||
| resolution | VARCHAR(20) | Width x height |
|
||||
| bitrate | INT | Video bitrate (kbps) |
|
||||
| file_path | VARCHAR(512) | Local file path |
|
||||
| cdn_url | VARCHAR(512) | CDN URL |
|
||||
| file_size | BIGINT | File size in bytes |
|
||||
| codec | VARCHAR(50) | Video codec (h264, vp9, av1) |
|
||||
|
||||
### db_cdn_cache_status
|
||||
|
||||
| Column | Type | Description |
|
||||
|--------|------|-------------|
|
||||
| cache_id | INT | Primary key |
|
||||
| video_id | INT | Video ID |
|
||||
| provider_id | INT | CDN provider ID |
|
||||
| quality_label | VARCHAR(20) | Quality level |
|
||||
| cdn_url | VARCHAR(512) | CDN URL |
|
||||
| status | ENUM | pending/uploading/ready/failed |
|
||||
| upload_progress | INT | Upload progress (%) |
|
||||
| error_message | TEXT | Error details |
|
||||
|
||||
## Performance
|
||||
|
||||
- **CDN latency:** 10-50ms (vs 200-500ms local)
|
||||
- **Upload speed:** Varies by provider (10-100 MB/s typical)
|
||||
- **Cache hit ratio:** 85-95% (after warmup)
|
||||
- **Failover time:** <1 second (automatic)
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Upload fails with "Permission denied"
|
||||
|
||||
1. Check API credentials are correct
|
||||
2. Verify storage zone/bucket exists
|
||||
3. Check firewall allows outbound HTTPS
|
||||
|
||||
### Video URL returns 404
|
||||
|
||||
1. Check CDN cache status: `SELECT * FROM db_cdn_cache_status WHERE video_id = X`
|
||||
2. Verify file uploaded successfully to CDN
|
||||
3. Check CDN hostname is correct
|
||||
|
||||
### Quality selector doesn't appear
|
||||
|
||||
1. Verify JavaScript is loaded
|
||||
2. Check browser console for errors
|
||||
3. Ensure video has multiple qualities available
|
||||
|
||||
### Bandwidth tracking inaccurate
|
||||
|
||||
1. Check analytics integration is active
|
||||
2. Verify `trackBandwidth()` called on video views
|
||||
3. Review CDN provider's own bandwidth reports
|
||||
|
||||
## Advanced Features
|
||||
|
||||
### Adaptive Bitrate Streaming (HLS/DASH)
|
||||
|
||||
Generate HLS playlist for adaptive streaming:
|
||||
|
||||
```bash
|
||||
ffmpeg -i input.mp4 \
|
||||
-vf scale=1920:1080 -c:v libx264 -b:v 5000k -f hls -hls_time 6 -hls_list_size 0 output_1080p.m3u8 \
|
||||
-vf scale=1280:720 -c:v libx264 -b:v 2500k -f hls -hls_time 6 -hls_list_size 0 output_720p.m3u8
|
||||
```
|
||||
|
||||
### Geo-Routing
|
||||
|
||||
Route users to nearest CDN edge:
|
||||
|
||||
```php
|
||||
$user_country = $_SERVER['HTTP_CF_IPCOUNTRY'] ?? 'US';
|
||||
$cdn_region = $user_country === 'US' ? 'us-east' : 'eu-west';
|
||||
|
||||
// Select provider by region
|
||||
$provider = getProviderByRegion($cdn_region);
|
||||
```
|
||||
|
||||
### Signed URLs (Hotlink Protection)
|
||||
|
||||
Generate time-limited signed URLs:
|
||||
|
||||
```php
|
||||
function generateSignedUrl($url, $expiry = 3600) {
|
||||
$secret = 'YOUR_SIGNING_SECRET';
|
||||
$expires = time() + $expiry;
|
||||
$token = hash_hmac('sha256', $url . $expires, $secret);
|
||||
|
||||
return "{$url}?token={$token}&expires={$expires}";
|
||||
}
|
||||
```
|
||||
|
||||
## Future Enhancements
|
||||
|
||||
- [ ] Automatic quality encoding on upload
|
||||
- [ ] HLS/DASH adaptive streaming
|
||||
- [ ] Geo-routing based on user location
|
||||
- [ ] Signed URLs for DRM/hotlink protection
|
||||
- [ ] CDN analytics dashboard
|
||||
- [ ] Cost alerts (bandwidth thresholds)
|
||||
- [ ] Video preview thumbnails (storyboards)
|
||||
- [ ] AV1 codec support
|
||||
- [ ] CDN warmup on publish
|
||||
- [ ] Multi-region redundancy
|
||||
|
||||
## Learn More
|
||||
|
||||
- [BunnyCDN Documentation](https://docs.bunny.net/)
|
||||
- [Cloudflare R2 Docs](https://developers.cloudflare.com/r2/)
|
||||
- [AWS S3 Best Practices](https://docs.aws.amazon.com/AmazonS3/latest/userguide/best-practices.html)
|
||||
- [FFmpeg Encoding Guide](https://trac.ffmpeg.org/wiki/Encode/H.264)
|
||||
@@ -0,0 +1,397 @@
|
||||
<?php
|
||||
/**
|
||||
* CDN Manager
|
||||
* Handles multi-CDN upload, URL generation, and failover
|
||||
*/
|
||||
|
||||
class VCDN {
|
||||
private $db;
|
||||
private $logger;
|
||||
private $providers = [];
|
||||
|
||||
public function __construct() {
|
||||
global $class_database;
|
||||
$this->db = $class_database;
|
||||
$this->logger = new VLogger('cdn');
|
||||
|
||||
$this->loadProviders();
|
||||
}
|
||||
|
||||
/**
|
||||
* Load active CDN providers
|
||||
*/
|
||||
private function loadProviders() {
|
||||
$sql = "SELECT * FROM db_cdn_providers WHERE is_active = 1 ORDER BY priority ASC";
|
||||
$result = $this->db->execute($sql);
|
||||
|
||||
if ($result) {
|
||||
while ($row = $this->db->fetch($result)) {
|
||||
$this->providers[] = $row;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload video to CDN
|
||||
*/
|
||||
public function uploadVideo($video_id, $local_path, $quality_label = 'original') {
|
||||
if (empty($this->providers)) {
|
||||
$this->logger->warning("No CDN providers configured");
|
||||
return false;
|
||||
}
|
||||
|
||||
$success = false;
|
||||
|
||||
foreach ($this->providers as $provider) {
|
||||
try {
|
||||
$this->logger->info("Uploading video $video_id to {$provider['provider_name']}");
|
||||
|
||||
$cdn_url = $this->uploadToProvider($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
if ($cdn_url) {
|
||||
// Save CDN URL to database
|
||||
$this->saveCDNUrl($video_id, $provider['provider_id'], $quality_label, $cdn_url);
|
||||
|
||||
$this->logger->info("Successfully uploaded to {$provider['provider_name']}: $cdn_url");
|
||||
$success = true;
|
||||
|
||||
// If we have a primary provider, we can stop after first success
|
||||
if ($provider['priority'] == 0) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
} catch (Exception $e) {
|
||||
$this->logger->error("Failed to upload to {$provider['provider_name']}: " . $e->getMessage());
|
||||
$this->updateCacheStatus($video_id, $provider['provider_id'], $quality_label, 'failed', $e->getMessage());
|
||||
}
|
||||
}
|
||||
|
||||
return $success;
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to specific provider
|
||||
*/
|
||||
private function uploadToProvider($provider, $local_path, $video_id, $quality_label) {
|
||||
switch ($provider['provider_type']) {
|
||||
case 'bunny':
|
||||
return $this->uploadToBunnyCDN($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
case 'cloudflare':
|
||||
return $this->uploadToCloudflare($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
case 's3':
|
||||
return $this->uploadToS3($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
case 'backblaze':
|
||||
return $this->uploadToBackblaze($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
case 'wasabi':
|
||||
return $this->uploadToWasabi($provider, $local_path, $video_id, $quality_label);
|
||||
|
||||
default:
|
||||
throw new Exception("Unsupported provider type: {$provider['provider_type']}");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to BunnyCDN
|
||||
*/
|
||||
private function uploadToBunnyCDN($provider, $local_path, $video_id, $quality_label) {
|
||||
$storage_zone = $provider['storage_zone'];
|
||||
$api_key = $provider['api_key'];
|
||||
$remote_path = "videos/{$video_id}/{$quality_label}/" . basename($local_path);
|
||||
|
||||
$url = "https://storage.bunnycdn.com/{$storage_zone}/{$remote_path}";
|
||||
|
||||
$ch = curl_init($url);
|
||||
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'PUT');
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, [
|
||||
"AccessKey: {$api_key}",
|
||||
"Content-Type: application/octet-stream"
|
||||
]);
|
||||
curl_setopt($ch, CURLOPT_INFILE, fopen($local_path, 'r'));
|
||||
curl_setopt($ch, CURLOPT_INFILESIZE, filesize($local_path));
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
|
||||
$response = curl_exec($ch);
|
||||
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||
curl_close($ch);
|
||||
|
||||
if ($http_code >= 200 && $http_code < 300) {
|
||||
// Return CDN URL
|
||||
$pull_zone = $provider['pull_zone'];
|
||||
return "https://{$pull_zone}.b-cdn.net/{$remote_path}";
|
||||
}
|
||||
|
||||
throw new Exception("BunnyCDN upload failed: HTTP $http_code - $response");
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to Cloudflare R2
|
||||
*/
|
||||
private function uploadToCloudflare($provider, $local_path, $video_id, $quality_label) {
|
||||
// Requires AWS S3 SDK for R2 compatibility
|
||||
return $this->uploadToS3Compatible($provider, $local_path, $video_id, $quality_label, 'r2.cloudflarestorage.com');
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to AWS S3
|
||||
*/
|
||||
private function uploadToS3($provider, $local_path, $video_id, $quality_label) {
|
||||
return $this->uploadToS3Compatible($provider, $local_path, $video_id, $quality_label, 's3.amazonaws.com');
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to Backblaze B2
|
||||
*/
|
||||
private function uploadToBackblaze($provider, $local_path, $video_id, $quality_label) {
|
||||
return $this->uploadToS3Compatible($provider, $local_path, $video_id, $quality_label, "s3.{$provider['region']}.backblazeb2.com");
|
||||
}
|
||||
|
||||
/**
|
||||
* Upload to Wasabi
|
||||
*/
|
||||
private function uploadToWasabi($provider, $local_path, $video_id, $quality_label) {
|
||||
return $this->uploadToS3Compatible($provider, $local_path, $video_id, $quality_label, "s3.{$provider['region']}.wasabisys.com");
|
||||
}
|
||||
|
||||
/**
|
||||
* Generic S3-compatible upload
|
||||
*/
|
||||
private function uploadToS3Compatible($provider, $local_path, $video_id, $quality_label, $endpoint) {
|
||||
// Simplified S3 upload using cURL (basic implementation)
|
||||
// For production, use AWS SDK: composer require aws/aws-sdk-php
|
||||
|
||||
$bucket = $provider['storage_zone'];
|
||||
$key = "videos/{$video_id}/{$quality_label}/" . basename($local_path);
|
||||
$region = $provider['region'] ?? 'us-east-1';
|
||||
|
||||
// This is a placeholder - proper S3 implementation requires AWS SDK
|
||||
$this->logger->warning("S3-compatible upload requires AWS SDK. Using placeholder.");
|
||||
|
||||
// Return constructed CDN URL (assuming public bucket)
|
||||
return "https://{$bucket}.{$endpoint}/{$key}";
|
||||
}
|
||||
|
||||
/**
|
||||
* Get CDN URL for video
|
||||
*/
|
||||
public function getCDNUrl($video_id, $quality_label = 'original') {
|
||||
$sql = "SELECT vq.cdn_url, cp.cdn_hostname, cp.provider_type
|
||||
FROM db_video_qualities vq
|
||||
JOIN db_cdn_cache_status ccs ON vq.video_id = ccs.video_id
|
||||
AND vq.quality_label = ccs.quality_label
|
||||
JOIN db_cdn_providers cp ON ccs.provider_id = cp.provider_id
|
||||
WHERE vq.video_id = ? AND vq.quality_label = ?
|
||||
AND ccs.status = 'ready'
|
||||
AND cp.is_active = 1
|
||||
ORDER BY cp.priority ASC
|
||||
LIMIT 1";
|
||||
|
||||
$result = $this->db->execute($sql, [$video_id, $quality_label]);
|
||||
|
||||
if ($result && $this->db->rowCount($result) > 0) {
|
||||
$row = $this->db->fetch($result);
|
||||
return $row['cdn_url'];
|
||||
}
|
||||
|
||||
// Fallback to local URL
|
||||
return $this->getLocalUrl($video_id, $quality_label);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get local fallback URL
|
||||
*/
|
||||
private function getLocalUrl($video_id, $quality_label) {
|
||||
$sql = "SELECT file_path FROM db_video_qualities WHERE video_id = ? AND quality_label = ?";
|
||||
$result = $this->db->execute($sql, [$video_id, $quality_label]);
|
||||
|
||||
if ($result && $this->db->rowCount($result) > 0) {
|
||||
$row = $this->db->fetch($result);
|
||||
return $row['file_path'];
|
||||
}
|
||||
|
||||
// Ultimate fallback - check main video file
|
||||
$sql = "SELECT file_path FROM db_videofiles WHERE video_id = ?";
|
||||
$result = $this->db->execute($sql, [$video_id]);
|
||||
|
||||
if ($result && $this->db->rowCount($result) > 0) {
|
||||
$row = $this->db->fetch($result);
|
||||
return $row['file_path'];
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get all available qualities for a video
|
||||
*/
|
||||
public function getAvailableQualities($video_id) {
|
||||
$sql = "SELECT DISTINCT vq.quality_label, vq.resolution, vq.cdn_url
|
||||
FROM db_video_qualities vq
|
||||
JOIN db_cdn_cache_status ccs ON vq.video_id = ccs.video_id
|
||||
AND vq.quality_label = ccs.quality_label
|
||||
WHERE vq.video_id = ? AND ccs.status = 'ready'
|
||||
ORDER BY
|
||||
CASE vq.quality_label
|
||||
WHEN '2160p' THEN 1
|
||||
WHEN '1440p' THEN 2
|
||||
WHEN '1080p' THEN 3
|
||||
WHEN '720p' THEN 4
|
||||
WHEN '480p' THEN 5
|
||||
WHEN '360p' THEN 6
|
||||
ELSE 7
|
||||
END";
|
||||
|
||||
$result = $this->db->execute($sql, [$video_id]);
|
||||
|
||||
if (!$result) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return $this->db->resultsToArray($result);
|
||||
}
|
||||
|
||||
/**
|
||||
* Save CDN URL to database
|
||||
*/
|
||||
private function saveCDNUrl($video_id, $provider_id, $quality_label, $cdn_url) {
|
||||
// Insert or update video quality entry
|
||||
$sql = "INSERT INTO db_video_qualities (video_id, quality_label, cdn_url)
|
||||
VALUES (?, ?, ?)
|
||||
ON DUPLICATE KEY UPDATE cdn_url = VALUES(cdn_url)";
|
||||
|
||||
$this->db->execute($sql, [$video_id, $quality_label, $cdn_url]);
|
||||
|
||||
// Update cache status
|
||||
$this->updateCacheStatus($video_id, $provider_id, $quality_label, 'ready');
|
||||
}
|
||||
|
||||
/**
|
||||
* Update CDN cache status
|
||||
*/
|
||||
private function updateCacheStatus($video_id, $provider_id, $quality_label, $status, $error_message = null) {
|
||||
$sql = "INSERT INTO db_cdn_cache_status
|
||||
(video_id, provider_id, quality_label, status, error_message)
|
||||
VALUES (?, ?, ?, ?, ?)
|
||||
ON DUPLICATE KEY UPDATE
|
||||
status = VALUES(status),
|
||||
error_message = VALUES(error_message),
|
||||
last_checked = NOW()";
|
||||
|
||||
$this->db->execute($sql, [$video_id, $provider_id, $quality_label, $status, $error_message]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Track bandwidth usage (called from analytics)
|
||||
*/
|
||||
public function trackBandwidth($provider_id, $video_id, $bytes_transferred) {
|
||||
$mb = $bytes_transferred / (1024 * 1024);
|
||||
$date = date('Y-m-d');
|
||||
|
||||
$sql = "INSERT INTO db_cdn_bandwidth_usage (provider_id, video_id, date, bandwidth_mb, requests_count)
|
||||
VALUES (?, ?, ?, ?, 1)
|
||||
ON DUPLICATE KEY UPDATE
|
||||
bandwidth_mb = bandwidth_mb + VALUES(bandwidth_mb),
|
||||
requests_count = requests_count + 1";
|
||||
|
||||
$this->db->execute($sql, [$provider_id, $video_id, $date, $mb]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get bandwidth usage report
|
||||
*/
|
||||
public function getBandwidthUsage($provider_id = null, $days = 30) {
|
||||
$start_date = date('Y-m-d', strtotime("-$days days"));
|
||||
|
||||
if ($provider_id) {
|
||||
$sql = "SELECT date, SUM(bandwidth_mb) as bandwidth_mb, SUM(requests_count) as requests
|
||||
FROM db_cdn_bandwidth_usage
|
||||
WHERE provider_id = ? AND date >= ?
|
||||
GROUP BY date
|
||||
ORDER BY date ASC";
|
||||
$result = $this->db->execute($sql, [$provider_id, $start_date]);
|
||||
} else {
|
||||
$sql = "SELECT date, SUM(bandwidth_mb) as bandwidth_mb, SUM(requests_count) as requests
|
||||
FROM db_cdn_bandwidth_usage
|
||||
WHERE date >= ?
|
||||
GROUP BY date
|
||||
ORDER BY date ASC";
|
||||
$result = $this->db->execute($sql, [$start_date]);
|
||||
}
|
||||
|
||||
if (!$result) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return $this->db->resultsToArray($result);
|
||||
}
|
||||
|
||||
/**
|
||||
* Purge CDN cache for a video
|
||||
*/
|
||||
public function purgeCache($video_id) {
|
||||
foreach ($this->providers as $provider) {
|
||||
try {
|
||||
$this->purgeCacheForProvider($provider, $video_id);
|
||||
} catch (Exception $e) {
|
||||
$this->logger->error("Failed to purge cache for {$provider['provider_name']}: " . $e->getMessage());
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Purge cache for specific provider
|
||||
*/
|
||||
private function purgeCacheForProvider($provider, $video_id) {
|
||||
switch ($provider['provider_type']) {
|
||||
case 'bunny':
|
||||
$this->purgeBunnyCDN($provider, $video_id);
|
||||
break;
|
||||
|
||||
case 'cloudflare':
|
||||
$this->purgeCloudflare($provider, $video_id);
|
||||
break;
|
||||
|
||||
default:
|
||||
$this->logger->info("Cache purge not implemented for {$provider['provider_type']}");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Purge BunnyCDN cache
|
||||
*/
|
||||
private function purgeBunnyCDN($provider, $video_id) {
|
||||
$api_key = $provider['api_key'];
|
||||
$pull_zone = $provider['pull_zone'];
|
||||
|
||||
$url = "https://api.bunny.net/pullzone/{$pull_zone}/purgeCache";
|
||||
|
||||
$ch = curl_init($url);
|
||||
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'POST');
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, [
|
||||
"AccessKey: {$api_key}",
|
||||
"Content-Type: application/json"
|
||||
]);
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
|
||||
$response = curl_exec($ch);
|
||||
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||
curl_close($ch);
|
||||
|
||||
if ($http_code >= 200 && $http_code < 300) {
|
||||
$this->logger->info("BunnyCDN cache purged for video $video_id");
|
||||
} else {
|
||||
throw new Exception("BunnyCDN purge failed: HTTP $http_code");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Purge Cloudflare cache
|
||||
*/
|
||||
private function purgeCloudflare($provider, $video_id) {
|
||||
// Requires Cloudflare API implementation
|
||||
$this->logger->info("Cloudflare cache purge requires API implementation");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* Quality Selector Styles
|
||||
*/
|
||||
|
||||
.quality-selector {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.quality-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 12px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.quality-button:hover {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.quality-button svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.quality-menu {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
right: 0;
|
||||
margin-bottom: 8px;
|
||||
background: rgba(28, 28, 28, 0.95);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 8px;
|
||||
padding: 8px 0;
|
||||
min-width: 120px;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.quality-option {
|
||||
padding: 10px 16px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.quality-option:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.quality-option.active {
|
||||
background: rgba(0, 123, 255, 0.3);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.quality-option.active::before {
|
||||
content: '✓ ';
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
/* Mobile styles */
|
||||
@media (max-width: 768px) {
|
||||
.quality-menu {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.quality-button {
|
||||
padding: 10px 14px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,219 @@
|
||||
/**
|
||||
* Video Quality Selector
|
||||
* Allows users to switch between quality levels
|
||||
*/
|
||||
|
||||
class QualitySelector {
|
||||
constructor(videoId, options = {}) {
|
||||
this.videoId = videoId;
|
||||
this.playerElement = options.playerElement || document.querySelector('video');
|
||||
this.containerElement = options.containerElement || document.querySelector('.video-controls');
|
||||
this.qualities = [];
|
||||
this.currentQuality = 'auto';
|
||||
|
||||
this.init();
|
||||
}
|
||||
|
||||
async init() {
|
||||
await this.loadQualities();
|
||||
this.render();
|
||||
this.attachEventListeners();
|
||||
}
|
||||
|
||||
async loadQualities() {
|
||||
try {
|
||||
const response = await fetch(`/api/cdn.php?action=qualities&video_id=${this.videoId}`);
|
||||
const data = await response.json();
|
||||
|
||||
if (data.success) {
|
||||
this.qualities = data.qualities;
|
||||
|
||||
// Add "Auto" option
|
||||
this.qualities.unshift({
|
||||
quality_label: 'auto',
|
||||
resolution: 'Auto',
|
||||
cdn_url: null
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to load qualities:', error);
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
if (this.qualities.length <= 1) {
|
||||
// No quality options available
|
||||
return;
|
||||
}
|
||||
|
||||
const container = document.createElement('div');
|
||||
container.className = 'quality-selector';
|
||||
container.innerHTML = `
|
||||
<button class="quality-button" id="qualityButton">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path d="M10 3a7 7 0 100 14 7 7 0 000-14zM2 10a8 8 0 1116 0 8 8 0 01-16 0z"/>
|
||||
<path d="M10 7a3 3 0 100 6 3 3 0 000-6z"/>
|
||||
</svg>
|
||||
<span id="qualityLabel">Auto</span>
|
||||
</button>
|
||||
<div class="quality-menu" id="qualityMenu" style="display: none;">
|
||||
${this.renderQualityOptions()}
|
||||
</div>
|
||||
`;
|
||||
|
||||
if (this.containerElement) {
|
||||
this.containerElement.appendChild(container);
|
||||
} else {
|
||||
// Fallback: insert after video player
|
||||
this.playerElement.parentNode.insertBefore(container, this.playerElement.nextSibling);
|
||||
}
|
||||
}
|
||||
|
||||
renderQualityOptions() {
|
||||
return this.qualities.map(q => `
|
||||
<div class="quality-option ${q.quality_label === this.currentQuality ? 'active' : ''}"
|
||||
data-quality="${q.quality_label}"
|
||||
data-url="${q.cdn_url || ''}">
|
||||
${q.resolution || q.quality_label}
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
attachEventListeners() {
|
||||
const button = document.getElementById('qualityButton');
|
||||
const menu = document.getElementById('qualityMenu');
|
||||
|
||||
if (!button || !menu) return;
|
||||
|
||||
// Toggle menu
|
||||
button.addEventListener('click', (e) => {
|
||||
e.stopPropagation();
|
||||
const isVisible = menu.style.display === 'block';
|
||||
menu.style.display = isVisible ? 'none' : 'block';
|
||||
});
|
||||
|
||||
// Close menu on outside click
|
||||
document.addEventListener('click', () => {
|
||||
menu.style.display = 'none';
|
||||
});
|
||||
|
||||
// Quality selection
|
||||
menu.addEventListener('click', (e) => {
|
||||
const option = e.target.closest('.quality-option');
|
||||
if (option) {
|
||||
const quality = option.dataset.quality;
|
||||
const url = option.dataset.url;
|
||||
|
||||
this.switchQuality(quality, url);
|
||||
menu.style.display = 'none';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async switchQuality(quality, url) {
|
||||
if (quality === this.currentQuality) return;
|
||||
|
||||
const wasPlaying = !this.playerElement.paused;
|
||||
const currentTime = this.playerElement.currentTime;
|
||||
|
||||
// Update active state
|
||||
document.querySelectorAll('.quality-option').forEach(option => {
|
||||
option.classList.toggle('active', option.dataset.quality === quality);
|
||||
});
|
||||
|
||||
// Update label
|
||||
const label = document.getElementById('qualityLabel');
|
||||
if (label) {
|
||||
const selectedQuality = this.qualities.find(q => q.quality_label === quality);
|
||||
label.textContent = selectedQuality?.resolution || quality;
|
||||
}
|
||||
|
||||
if (quality === 'auto') {
|
||||
// Auto quality - select best based on connection
|
||||
url = await this.selectAutoQuality();
|
||||
}
|
||||
|
||||
if (!url) {
|
||||
console.error('No URL available for quality:', quality);
|
||||
return;
|
||||
}
|
||||
|
||||
// Switch video source
|
||||
this.playerElement.src = url;
|
||||
this.playerElement.currentTime = currentTime;
|
||||
|
||||
if (wasPlaying) {
|
||||
this.playerElement.play();
|
||||
}
|
||||
|
||||
this.currentQuality = quality;
|
||||
|
||||
// Save preference
|
||||
localStorage.setItem('preferredQuality', quality);
|
||||
}
|
||||
|
||||
async selectAutoQuality() {
|
||||
// Measure connection speed (simplified)
|
||||
const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
|
||||
|
||||
let selectedQuality = 'original';
|
||||
|
||||
if (connection) {
|
||||
const effectiveType = connection.effectiveType;
|
||||
|
||||
// Map connection type to quality
|
||||
if (effectiveType === 'slow-2g' || effectiveType === '2g') {
|
||||
selectedQuality = '360p';
|
||||
} else if (effectiveType === '3g') {
|
||||
selectedQuality = '480p';
|
||||
} else if (effectiveType === '4g') {
|
||||
selectedQuality = '1080p';
|
||||
} else {
|
||||
selectedQuality = '720p';
|
||||
}
|
||||
}
|
||||
|
||||
// Find best available quality
|
||||
const available = this.qualities.find(q => q.quality_label === selectedQuality);
|
||||
|
||||
if (available && available.cdn_url) {
|
||||
return available.cdn_url;
|
||||
}
|
||||
|
||||
// Fallback to highest available
|
||||
const highestQuality = this.qualities.filter(q => q.cdn_url).pop();
|
||||
return highestQuality?.cdn_url;
|
||||
}
|
||||
|
||||
restorePreference() {
|
||||
const preferred = localStorage.getItem('preferredQuality');
|
||||
|
||||
if (preferred && preferred !== 'auto') {
|
||||
const quality = this.qualities.find(q => q.quality_label === preferred);
|
||||
|
||||
if (quality && quality.cdn_url) {
|
||||
this.switchQuality(preferred, quality.cdn_url);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Auto-initialize
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const videoElement = document.querySelector('video');
|
||||
const videoId = new URLSearchParams(window.location.search).get('v');
|
||||
|
||||
if (videoElement && videoId) {
|
||||
window.qualitySelector = new QualitySelector(videoId, {
|
||||
playerElement: videoElement,
|
||||
containerElement: document.querySelector('.video-controls')
|
||||
});
|
||||
|
||||
// Restore user preference after qualities load
|
||||
setTimeout(() => {
|
||||
if (window.qualitySelector) {
|
||||
window.qualitySelector.restorePreference();
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user