Implement abstract class MediaPlayerElementComponent

AudioComponent and VideoComponent inherit from
MediaPlayerElementComponent to avoid duplicate code

projects/common/element-components/audio.component.ts

-import { Component, EventEmitter, Output } from '@angular/core';
-import { ElementComponent } from '../element-component.directive';
+import { Component } from '@angular/core';
 import { AudioElement } from '../models/audio-element';
-import { ValueChangeElement } from '../models/uI-element';
+import { MediaPlayerElementComponent } from '../media-player-element-component.directive';
 
 @Component({
   selector: 'app-audio',
@@ -19,7 +18,6 @@ import { ValueChangeElement } from '../models/uI-element';
     </div>
   `
 })
-export class AudioComponent extends ElementComponent {
-  @Output() playbackTimeChanged = new EventEmitter<ValueChangeElement>();
+export class AudioComponent extends MediaPlayerElementComponent {
   elementModel!: AudioElement;
 }

projects/common/element-components/video.component.ts

-import { Component, EventEmitter, Output } from '@angular/core';
-import { ElementComponent } from '../element-component.directive';
+import { Component } from '@angular/core';
 import { VideoElement } from '../models/video-element';
-import { ValueChangeElement } from '../models/uI-element';
+import { MediaPlayerElementComponent } from '../media-player-element-component.directive';
 
 @Component({
   selector: 'app-video',
@@ -22,7 +21,6 @@ import { ValueChangeElement } from '../models/uI-element';
   `,
   styles: ['.correct-position{ display: block; margin-top: -4px; }']
 })
-export class VideoComponent extends ElementComponent {
-  @Output() playbackTimeChanged = new EventEmitter<ValueChangeElement>();
+export class VideoComponent extends MediaPlayerElementComponent {
   elementModel!: VideoElement;
 }

projects/common/media-player-element-component.directive.ts

+import { Directive, EventEmitter, Output } from '@angular/core';
+import { ValueChangeElement } from './models/uI-element';
+import { ElementComponent } from './element-component.directive';
+
+@Directive()
+export abstract class MediaPlayerElementComponent extends ElementComponent {
+  @Output() playbackTimeChanged = new EventEmitter<ValueChangeElement>();
+}