zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(packages)!: replace DelegateMixin & ProxyMixin with MediaHost base classes (#1292)

Browse Source
This commit is contained in:
Wesley Luyten
2026-04-14 00:18:11 -05:00
committed by GitHub
parent f609373cd7
commit 8f1653efcd
91 changed files with 2840 additions and 1816 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/html/src/index.ts
-1
View File
@@ -1,5 +1,4 @@
// Core
export { DelegateMixin } from '@videojs/core';
export * from '@videojs/core/dom';
// Store
packages/html/src/media/dash-video/index.ts
+3 -16
View File
@@ -1,18 +1,5 @@
import { DashCustomMedia, DashMediaDelegate } from '@videojs/core/dom/media/dash';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { DashMedia } from '@videojs/core/dom/media/dash';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class DashVideo extends MediaPropsMixin(MediaAttachMixin(DashCustomMedia), DashMediaDelegate) {
constructor() {
super();
this.attach(this.target);
}
disconnectedCallback(): void {
super.disconnectedCallback?.();
if (!this.hasAttribute('keep-alive')) {
this.destroy();
}
}
}
export class DashVideo extends MediaAttachMixin(CustomMediaElement('video', DashMedia)) {}
packages/html/src/media/hls-video/index.ts
+3 -20
View File
@@ -1,22 +1,5 @@
import { HlsCustomMedia, HlsMediaDelegate } from '@videojs/core/dom/media/hls';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { HlsMedia } from '@videojs/core/dom/media/hls';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class HlsVideo extends MediaPropsMixin(MediaAttachMixin(HlsCustomMedia), HlsMediaDelegate) {
constructor() {
super();
// TODO: If we like to support native media elements that
// are appended after the custom element is created, we need to
// attach the native element to the Media API after the native element
// is appended to the DOM. This is currently not supported.
this.attach(this.target);
}
disconnectedCallback(): void {
super.disconnectedCallback?.();
if (!this.hasAttribute('keep-alive')) {
this.destroy();
}
}
}
export class HlsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsMedia)) {}
packages/html/src/media/mux-audio/index.ts
+3 -16
View File
@@ -1,18 +1,5 @@
import { MuxCustomAudio, MuxMediaDelegate } from '@videojs/core/dom/media/mux';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { MuxAudioMedia } from '@videojs/core/dom/media/mux';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class MuxAudio extends MediaPropsMixin(MediaAttachMixin(MuxCustomAudio), MuxMediaDelegate) {
constructor() {
super();
this.attach(this.target);
}
disconnectedCallback(): void {
super.disconnectedCallback?.();
if (!this.hasAttribute('keep-alive')) {
this.destroy();
}
}
}
export class MuxAudio extends MediaAttachMixin(CustomMediaElement('audio', MuxAudioMedia)) {}
packages/html/src/media/mux-video/index.ts
+3 -16
View File
@@ -1,18 +1,5 @@
import { MuxCustomVideo, MuxMediaDelegate } from '@videojs/core/dom/media/mux';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { MuxVideoMedia } from '@videojs/core/dom/media/mux';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class MuxVideo extends MediaPropsMixin(MediaAttachMixin(MuxCustomVideo), MuxMediaDelegate) {
constructor() {
super();
this.attach(this.target);
}
disconnectedCallback(): void {
super.disconnectedCallback?.();
if (!this.hasAttribute('keep-alive')) {
this.destroy();
}
}
}
export class MuxVideo extends MediaAttachMixin(CustomMediaElement('video', MuxVideoMedia)) {}
packages/html/src/media/native-hls-video/index.ts
+3 -16
View File
@@ -1,18 +1,5 @@
import { NativeHlsCustomMedia, NativeHlsMediaDelegate } from '@videojs/core/dom/media/native-hls';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { NativeHlsMedia } from '@videojs/core/dom/media/native-hls';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class NativeHlsVideo extends MediaPropsMixin(MediaAttachMixin(NativeHlsCustomMedia), NativeHlsMediaDelegate) {
constructor() {
super();
this.attach(this.target);
}
disconnectedCallback(): void {
super.disconnectedCallback?.();
if (!this.hasAttribute('keep-alive')) {
this.destroy();
}
}
}
export class NativeHlsVideo extends MediaAttachMixin(CustomMediaElement('video', NativeHlsMedia)) {}
packages/html/src/media/simple-hls-video/index.ts
+3 -9
View File
@@ -1,11 +1,5 @@
import { SimpleHlsCustomMedia } from '@videojs/core/dom/media/simple-hls';
import { SpfMedia } from '@videojs/spf/dom';
import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';
import { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';
import { MediaAttachMixin } from '../../store/media-attach-mixin';
import { MediaPropsMixin } from '../../utils/media-props-mixin';
export class SimpleHlsVideo extends MediaPropsMixin(MediaAttachMixin(SimpleHlsCustomMedia), SpfMedia) {
constructor() {
super();
this.attach(this.target);
}
}
export class SimpleHlsVideo extends MediaAttachMixin(CustomMediaElement('video', SimpleHlsMedia)) {}