mirror of
https://github.com/yusufipk/OpenFrame.git
synced 2026-09-11 09:36:08 +00:00
Yusuf İpek
20005f1a15
- Add Content-Length header check for early file size validation on audio upload - Add rate limiting (60 req/min) to public watch endpoint - Add 10-second timeout with AbortController for YouTube and Vimeo oEmbed requests - Add automatic rate limit cleanup interval for self-hosted servers - Fix null check for comment.replies in video page content - Add checkWorkspaceAccess helper for workspace authorization
105 lines
3.2 KiB
TypeScript
105 lines
3.2 KiB
TypeScript
import type { VideoProvider, VideoMetadata, EmbedOptions, ThumbnailSize } from './types';
|
|
import { getCachedMetadata, setCachedMetadata } from './metadata-cache';
|
|
|
|
// Vimeo URL patterns
|
|
const VIMEO_PATTERNS = [
|
|
/vimeo\.com\/(\d+)/,
|
|
/vimeo\.com\/video\/(\d+)/,
|
|
/player\.vimeo\.com\/video\/(\d+)/,
|
|
/vimeo\.com\/channels\/\w+\/(\d+)/,
|
|
/vimeo\.com\/groups\/\w+\/videos\/(\d+)/,
|
|
];
|
|
|
|
export const vimeoProvider: VideoProvider = {
|
|
id: 'vimeo',
|
|
name: 'Vimeo',
|
|
icon: 'Video', // Lucide doesn't have Vimeo icon
|
|
|
|
canHandle(url: string): boolean {
|
|
return VIMEO_PATTERNS.some(pattern => pattern.test(url));
|
|
},
|
|
|
|
extractVideoId(url: string): string | null {
|
|
for (const pattern of VIMEO_PATTERNS) {
|
|
const match = url.match(pattern);
|
|
if (match?.[1]) {
|
|
return match[1];
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
|
|
getEmbedUrl(videoId: string, options: EmbedOptions = {}): string {
|
|
const params = new URLSearchParams();
|
|
|
|
if (options.autoplay) params.set('autoplay', '1');
|
|
if (options.startTime) params.set('t', `${Math.floor(options.startTime)}s`);
|
|
if (options.loop) params.set('loop', '1');
|
|
if (options.muted) params.set('muted', '1');
|
|
|
|
// Better UX options
|
|
params.set('byline', '0');
|
|
params.set('portrait', '0');
|
|
params.set('title', '0');
|
|
|
|
const queryString = params.toString();
|
|
return `https://player.vimeo.com/video/${videoId}${queryString ? `?${queryString}` : ''}`;
|
|
},
|
|
|
|
getThumbnailUrl(videoId: string, size: ThumbnailSize = 'medium'): string {
|
|
// Vimeo requires API call to get thumbnail, return placeholder
|
|
// In production, cache these after fetching metadata
|
|
const sizeMap: Record<ThumbnailSize, number> = {
|
|
small: 200,
|
|
medium: 400,
|
|
large: 640,
|
|
maxres: 1280,
|
|
};
|
|
|
|
// This is a placeholder - actual thumbnail comes from metadata API
|
|
return `https://vumbnail.com/${videoId}_${sizeMap[size]}.jpg`;
|
|
},
|
|
|
|
async getMetadata(videoId: string): Promise<VideoMetadata> {
|
|
const cacheKey = `vimeo:${videoId}`;
|
|
const cached = getCachedMetadata(cacheKey);
|
|
if (cached) return cached;
|
|
try {
|
|
const controller = new AbortController();
|
|
const timeoutId = setTimeout(() => controller.abort(), 10000); // 10 second timeout
|
|
|
|
const response = await fetch(
|
|
`https://vimeo.com/api/oembed.json?url=https://vimeo.com/${videoId}`,
|
|
{ signal: controller.signal }
|
|
);
|
|
clearTimeout(timeoutId);
|
|
|
|
if (!response.ok) {
|
|
throw new Error('Failed to fetch video metadata');
|
|
}
|
|
|
|
const data = await response.json();
|
|
|
|
const metadata: VideoMetadata = {
|
|
title: data.title,
|
|
description: data.description,
|
|
thumbnailUrl: data.thumbnail_url,
|
|
duration: data.duration,
|
|
author: data.author_name,
|
|
authorUrl: data.author_url,
|
|
uploadDate: data.upload_date ? new Date(data.upload_date) : undefined,
|
|
};
|
|
|
|
setCachedMetadata(cacheKey, metadata);
|
|
return metadata;
|
|
} catch (error) {
|
|
const fallback: VideoMetadata = {
|
|
title: 'Vimeo Video',
|
|
thumbnailUrl: this.getThumbnailUrl(videoId, 'large'),
|
|
};
|
|
setCachedMetadata(cacheKey, fallback);
|
|
return fallback;
|
|
}
|
|
},
|
|
};
|