CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-06 07:28:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update mock media data for VideoJSPlayer

Browse Source 
Replaces the mock video, poster, and related URLs in the development fallback data with new assets for user 'markos'. Updates encoding and HLS info to match the new video, and disables development mode by setting isDevMode to false.
This commit is contained in:
Yiannis Christodoulou 2025-10-02 14:44:07 +03:00
parent 7356531c07
commit 94d8a70d59
1 changed files with 72 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
View File

@ -34,7 +34,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
}, []); }, []);
// Environment-based development mode configuration // Environment-based development mode configuration
const isDevMode = import.meta.env.VITE_DEV_MODE === 'true' || window.location.hostname.includes('vercel.app'); const isDevMode = false; // import.meta.env.VITE_DEV_MODE === 'true' || window.location.hostname.includes('vercel.app');
// Safely access window.MEDIA_DATA with fallback using useMemo // Safely access window.MEDIA_DATA with fallback using useMemo
const mediaData = useMemo( const mediaData = useMemo(
() => () =>
@ -47,10 +47,11 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
author_name: 'Markos Gogoulos', author_name: 'Markos Gogoulos',
author_profile: '/user/markos/', author_profile: '/user/markos/',
author_thumbnail: '/media/userlogos/user.jpg', author_thumbnail: '/media/userlogos/user.jpg',
url: 'https://demo.mediacms.io/view?m=zK2nirNLC', url: 'https://videojs.mediacms.io/view?m=meivs1H3R',
poster_url: poster_url:
'/media/original/thumbnails/user/thorkild/2ca18fadeef8475eae513c12cc0830d3_8hguMHx.19990812hd_1920_1080_30fps.mp4.jpg', '/media/original/thumbnails/user/markos/d6ae9093cb1648529432f38ee1198200_6BfyhyM.video.mp4.jpg',
chapter_data: [ chapter_data: [],
__chapter_data: [
{ {
startTime: '00:00:00.000', startTime: '00:00:00.000',
endTime: '00:00:08.295', endTime: '00:00:08.295',
@ -969,75 +970,85 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
// VIDEO // VIDEO
media_type: 'video', media_type: 'video',
original_media_url: original_media_url: '/media/original/user/markos/d6ae9093cb1648529432f38ee1198200.video.mp4',
'/media/original/user/thorkild/2ca18fadeef8475eae513c12cc0830d3.19990812hd_1920_1080_30fps.mp4',
hls_info: { hls_info: {
master_file: '/media/hls/2ca18fadeef8475eae513c12cc0830d3/master.m3u8', master_file: '/media/hls/d6ae9093cb1648529432f38ee1198200/master.m3u8',
'1080_iframe': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-1/iframes.m3u8', '144_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-1/iframes.m3u8',
'720_iframe': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-2/iframes.m3u8', '240_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-2/iframes.m3u8',
'480_iframe': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-3/iframes.m3u8', '360_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-3/iframes.m3u8',
'360_iframe': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-4/iframes.m3u8', '480_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-4/iframes.m3u8',
'240_iframe': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-5/iframes.m3u8', '720_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-5/iframes.m3u8',
'1080_playlist': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-1/stream.m3u8', '1080_iframe': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-6/iframes.m3u8',
'720_playlist': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-2/stream.m3u8', '144_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-1/stream.m3u8',
'480_playlist': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-3/stream.m3u8', '240_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-2/stream.m3u8',
'360_playlist': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-4/stream.m3u8', '360_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-3/stream.m3u8',
'240_playlist': '/media/hls/2ca18fadeef8475eae513c12cc0830d3/media-5/stream.m3u8', '480_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-4/stream.m3u8',
'720_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-5/stream.m3u8',
'1080_playlist': '/media/hls/d6ae9093cb1648529432f38ee1198200/media-6/stream.m3u8',
}, },
encodings_info: { encodings_info: {
2160: {}, 144: {
1440: {},
1080: {
h264: { h264: {
title: 'h264-1080', title: 'h264-144',
url: '/media/encoded/7/markos/6497e960081b4b8abddcf4cbdf2bf4eb.6497e960081b4b8abddcf4cbdf2bf4eb.20250604_080632.mp4.mp4', url: '/media/encoded/23/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100, progress: 100,
size: '16.1MB', size: '0.3MB',
encoding_id: 4682, encoding_id: 1,
status: 'success',
},
},
720: {
h264: {
title: 'h264-720',
url: '/media/encoded/10/markos/6497e960081b4b8abddcf4cbdf2bf4eb.6497e960081b4b8abddcf4cbdf2bf4eb.20250604_080632.mp4.mp4',
progress: 100,
size: '7.8MB',
encoding_id: 4681,
status: 'success',
},
},
480: {
h264: {
title: 'h264-480',
url: '/media/encoded/13/markos/6497e960081b4b8abddcf4cbdf2bf4eb.6497e960081b4b8abddcf4cbdf2bf4eb.20250604_080632.mp4.mp4',
progress: 100,
size: '4.5MB',
encoding_id: 4680,
status: 'success',
},
},
360: {
h264: {
title: 'h264-360',
url: '/media/encoded/3/markos/6497e960081b4b8abddcf4cbdf2bf4eb.6497e960081b4b8abddcf4cbdf2bf4eb.20250604_080632.mp4.mp4',
progress: 100,
size: '2.9MB',
encoding_id: 4679,
status: 'success', status: 'success',
}, },
}, },
240: { 240: {
h264: { h264: {
title: 'h264-240', title: 'h264-240',
url: '/media/encoded/2/markos/6497e960081b4b8abddcf4cbdf2bf4eb.6497e960081b4b8abddcf4cbdf2bf4eb.20250604_080632.mp4.mp4', url: '/media/encoded/2/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100, progress: 100,
size: '1.7MB', size: '0.6MB',
encoding_id: 4678, encoding_id: 2,
status: 'success', status: 'success',
}, },
}, },
144: {}, 360: {
h264: {
title: 'h264-360',
url: '/media/encoded/3/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100,
size: '0.8MB',
encoding_id: 3,
status: 'success',
},
},
480: {
h264: {
title: 'h264-480',
url: '/media/encoded/13/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100,
size: '1.5MB',
encoding_id: 4,
status: 'success',
},
},
720: {
h264: {
title: 'h264-720',
url: '/media/encoded/10/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100,
size: '3.5MB',
encoding_id: 5,
status: 'success',
},
},
1080: {
h264: {
title: 'h264-1080',
url: '/media/encoded/7/markos/d6ae9093cb1648529432f38ee1198200.d6ae9093cb1648529432f38ee1198200.video.mp4.mp4',
progress: 100,
size: '6.4MB',
encoding_id: 6,
status: 'success',
},
},
1440: {},
2160: {},
}, },
// AUDIO // AUDIO
@ -1052,11 +1063,11 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
useRoundedCorners: false, useRoundedCorners: false,
isPlayList: false, isPlayList: false,
previewSprite: { previewSprite: {
url: 'https://deic.mediacms.io/media/original/thumbnails/user/thorkild/2ca18fadeef8475eae513c12cc0830d3.19990812hd_1920_1080_30fps.mp4sprites.jpg', url: 'https://videojs.mediacms.io/media/original/thumbnails/user/markos/d6ae9093cb1648529432f38ee1198200.video.mp4sprites.jpg',
frame: { width: 160, height: 90, seconds: 10 }, frame: { width: 160, height: 90, seconds: 10 },
}, },
siteUrl: 'https://deic.mediacms.io', siteUrl: 'https://videojs.mediacms.io',
nextLink: 'https://deic.mediacms.io/view?m=YjGJafibO', nextLink: 'https://videojs.mediacms.io/view?m=YjGJafibO',
urlAutoplay: true, urlAutoplay: true,
urlMuted: false, urlMuted: false,
}, },