feat: Major Upgrade to Video.js v8 — Chapters Functionality, Fixes and Improvements

This commit is contained in:
Yiannis Christodoulou
2025-10-20 15:30:00 +03:00
committed by GitHub
parent b39072c8ae
commit a5e6e7b9ca
362 changed files with 62326 additions and 238721 deletions

View File

@@ -56,11 +56,12 @@ export const EmbedPage: React.FC = () => {
</div>
</div>
)}
{loadedVideo && (
<SiteConsumer>
{(site) => (
{(site) => (
<VideoViewer data={MediaPageStore.get('media-data')} siteUrl={site.url} containerStyles={containerStyles} />
)}
)}
</SiteConsumer>
)}
</div>

View File

@@ -1,13 +0,0 @@
import React from 'react';
import AudioViewer from '../components/media-viewer/AudioViewer';
import { _MediaPage } from './_MediaPage';
export class MediaAudioPage extends _MediaPage {
viewerContainerContent() {
return <AudioViewer />;
}
mediaType() {
return 'audio';
}
}

View File

@@ -2,7 +2,7 @@ import React from 'react';
import { SiteConsumer } from '../utils/contexts/';
import { MediaPageStore } from '../utils/stores/';
import AttachmentViewer from '../components/media-viewer/AttachmentViewer';
import AudioViewer from '../components/media-viewer/AudioViewer';
// import AudioViewer from '../components/media-viewer/AudioViewer';
import ImageViewer from '../components/media-viewer/ImageViewer';
import PdfViewer from '../components/media-viewer/PdfViewer';
import VideoViewer from '../components/media-viewer/VideoViewer';
@@ -46,11 +46,10 @@ export class MediaPage extends _VideoMediaPage {
viewerContainerContent(mediaData) {
switch (MediaPageStore.get('media-type')) {
case 'video':
case 'audio':
return (
<SiteConsumer>{(site) => <VideoViewer data={mediaData} siteUrl={site.url} inEmbed={!1} />}</SiteConsumer>
);
case 'audio':
return <AudioViewer />;
case 'image':
return <ImageViewer />;
case 'pdf':

View File

@@ -5,6 +5,7 @@ import { _VideoMediaPage } from './_VideoMediaPage';
export class MediaVideoPage extends _VideoMediaPage {
viewerContainerContent(mediaData) {
return <>Not working anymore?</>; // TODO: check this if this page not working anymore as MediaPage.js do the same work
return <SiteConsumer>{(site) => <VideoViewer data={mediaData} siteUrl={site.url} inEmbed={!1} />}</SiteConsumer>;
}

View File

@@ -54,7 +54,7 @@ export class _VideoMediaPage extends Page {
}
onMediaLoad() {
const isVideoMedia = 'video' === MediaPageStore.get('media-type');
const isVideoMedia = 'video' === MediaPageStore.get('media-type') || 'audio' === MediaPageStore.get('media-type');
if (isVideoMedia) {
this.onViewerModeChange = this.onViewerModeChange.bind(this);