lamacchinadesiderante/proxyraye-nextjs
lamacchinadesiderante
/
proxyraye-nextjs
0
0
Fork 0
Code Issues 20 Pull Requests Packages Projects 6 Releases 7 Wiki Activity

using Plyr.js for mp4 and Video.js for hls

This commit is contained in:
La macchina desiderante 2024-05-25 14:55:46 +02:00
parent 0c450ff019
commit 0b1f549354
7 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/[locale]/video/[platform]/[id]/page.tsx
View File

@ -24,7 +24,7 @@ export default async function VideoPage({ params }: { params: { platform: Platfo
const [data, related] = await new VideoAgent(platform).getVideo(decodedId)
if (!data.lowResUrl && (!data.srcSet || data.srcSet.length == 0)) {
if (!data.hlsUrl && (!data.srcSet || data.srcSet.length == 0)) {
redirect(`/${locale}/404`)
}

4
src/components/Layout/VideoJS/index.tsx
View File

@ -17,8 +17,8 @@ const VideoJS: React.FC<Props> = (props) => {
const { data } = props;
const videoSrc = data.hlsUrl ?? data.lowResUrl
const videoType = data.hlsUrl ? 'application/x-mpegURL' : 'video/mp4'
const videoSrc = data.hlsUrl
const videoType = 'application/x-mpegURL'
const playerRef = React.useRef(null);

3
src/components/Pages/Video/index.tsx
View File

@ -11,7 +11,6 @@ import Results from '@/components/Layout/Results';
import { GalleryData, VideoData } from '@/meta/data';
import { Platforms } from '@/meta/settings';
import Disclaimer from '@/components/Layout/Header/Disclaimer';
import { platform } from 'os';
interface Props {
@ -29,7 +28,7 @@ const Video: React.FC<Props> = (props) => {
<>
<Header />
<Disclaimer platform={platform} />
{data.srcSet ? <PlyrJS data={data} /> : <VideoJS data={data} />}
{data.hlsUrl ? <VideoJS data={data} /> : <PlyrJS data={data} />}
<SearchBar />
{related && <Results data={related} />}
</>

2
src/meta/data.ts
View File

@ -19,8 +19,6 @@ export interface VideoSourceItem {
}
export interface VideoData {
lowResUrl?: string,
hiResUrl?: string,
hlsUrl?: string
srcSet?: VideoSourceItem[]
}

2
src/utils/scrape/pornhub/video.ts
View File

@ -13,7 +13,7 @@ import { getPornHubMediaUrlList, getPornHubRelatedVideoData } from "./url";
export const fetchPornHubVideoData = async (videoId: string, params?: FetchParams): Promise<[VideoData, GalleryData[]]> => {
let data: VideoData = {
lowResUrl: '',
hlsUrl: '',
srcSet: []
}

15
src/utils/scrape/xnxx/video.ts
View File

@ -14,7 +14,8 @@ import { getDataFromRedis, storeDataIntoRedis } from '@/redis/client';
export const fetchXNXXVideoData = async (videoId: string, params?: FetchParams): Promise<[VideoData, GalleryData[]]> => {
let data: VideoData = {
lowResUrl: ''
hlsUrl: '',
srcSet: []
}
let related: GalleryData[] = [];
@ -50,11 +51,19 @@ export const fetchXNXXVideoData = async (videoId: string, params?: FetchParams):
const hlsUrl = findVideoUrlInsideTagStringByFunctionNameAndExtension($(elem).toString(), 'setVideoHLS', '.m3u8')
if (lowResUrl) {
data.lowResUrl = lowResUrl;
data.srcSet?.push({
src: lowResUrl,
type: 'video/mp4',
size: "480"
})
}
if (hiResUrl) {
data.hiResUrl = hiResUrl
data.srcSet?.push({
src: hiResUrl,
type: 'video/mp4',
size: "720"
})
}
if (hlsUrl) {

15
src/utils/scrape/xvideos/video.ts
View File

@ -14,7 +14,8 @@ import { DEFAULT_RELATED_VIDEO_KEY_PATH, DEFAULT_XVIDEOS_CONTENT_EXPIRY } from '
export const fetchXvideosVideoData = async (videoId: string, params?: FetchParams): Promise<[VideoData, GalleryData[]]> => {
let data: VideoData = {
lowResUrl: ''
hlsUrl: '',
srcSet: []
}
let related: GalleryData[] = [];
@ -50,11 +51,19 @@ export const fetchXvideosVideoData = async (videoId: string, params?: FetchParam
const hlsUrl = findVideoUrlInsideTagStringByFunctionNameAndExtension($(elem).toString(), 'setVideoHLS', '.m3u8')
if (lowResUrl) {
data.lowResUrl = lowResUrl;
data.srcSet?.push({
src: lowResUrl,
type: 'video/mp4',
size: "480"
})
}
if (hiResUrl) {
data.hiResUrl = hiResUrl
data.srcSet?.push({
src: hiResUrl,
type: 'video/mp4',
size: "720"
})
}
if (hlsUrl) {