@viewlift/player-backup 1.0.1-lighteningjs → 1.0.1

package/src/player-ui/player-ui.ts

@@ -1,79 +0,0 @@
-import { Button } from '../player-components/player-buttons/playerButtons';
-import { PlayerSeekbar } from '../player-components/player-seekbar/playerSeekbar';
-import './player-ui.css';
-
-
-class VideoPlayerUI {
-  private player: { video: HTMLVideoElement; play: () => void; pause: () => void };
-  private container: HTMLDivElement;
-  private playPauseBtn?: Button;
-  private seekbar?: PlayerSeekbar;
-
-  constructor({ player }: { player: { video: HTMLVideoElement; play: () => void; pause: () => void } }) {
-    this.player = player;
-    this.container = document.createElement('div');
-    this.container.className = 'video-player-ui';
-    this.createControls();
-  }
-
-  private createControls() {
-
-    this.playPauseBtn = new Button({
-      imgSrc: '',
-      imgAltText: 'Play/Pause',
-      buttonText: 'Play',
-      width: 80,
-      height: 40,
-      klassname: 'play-pause-btn',
-      focused: false,
-      disabled: false,
-      handleClick: () => {
-        if (this.player.video.paused) {
-          this.player.play();
-          if (this.playPauseBtn && this.playPauseBtn.buttonElement) {
-            this.playPauseBtn.buttonElement.textContent = 'Pause';
-          }
-        } else {
-          this.player.pause();
-          if (this.playPauseBtn && this.playPauseBtn.buttonElement) {
-            this.playPauseBtn.buttonElement.textContent = 'Play';
-          }
-        }
-      }
-    });
-    this.playPauseBtn.mount(this.container);
-    // Attach the video element
-    this.container.appendChild(this.player.video);
-    // Add the seekbar below the video
-    this.seekbar = new PlayerSeekbar(this.player.video);
-    this.seekbar.mount(this.container);
-
-    if (this.playPauseBtn?.buttonElement && this.seekbar) {
-      // Down arrow from play button focuses seekbar
-      this.playPauseBtn.buttonElement.addEventListener('keydown', (e: KeyboardEvent) => {
-        if (e.key === 'ArrowDown') {
-          e.preventDefault();
-          this.seekbar?.focus();
-        }
-      });
-
-      // Up arrow from seekbar focuses play button
-      this.seekbar?.getElement()?.addEventListener('keydown', (e: KeyboardEvent) => {
-        if (e.key === 'ArrowUp') {
-          e.preventDefault();
-          this.playPauseBtn?.focus();
-        }
-      });
-    }
-  }
-
-  attachTo(parent: HTMLElement) {
-    parent.appendChild(this.container);
-  }
-
-  public getElement() {
-    return this.container;
-  }
-}
-
-export default VideoPlayerUI;

package/src/playerInitializer.ts

@@ -1,54 +0,0 @@
-import VideoPlayerUI from './player-ui/player-ui';
-
-// Declare Hls type for CDN usage
-declare global {
-  interface Window {
-    Hls: any;
-  }
-}
-
-export interface PlayerInstance {
-  video: HTMLVideoElement;
-  play: () => void;
-  pause: () => void;
-  ui: VideoPlayerUI;
-}
-
-export function createHlsPlayer(
-  mountPoint: HTMLElement,
-  streamUrl: string
-): PlayerInstance {
-  const video = document.createElement('video');
-  video.controls = false;
-  video.style.width = '100%';
-  video.style.height = '100%';
-
-  let hls: any = null;
-
-  if (window.Hls && window.Hls.isSupported()) {
-    hls = new window.Hls();
-    hls.loadSource(streamUrl);
-    hls.attachMedia(video);
-    hls.on(window.Hls.Events.MANIFEST_PARSED, function () {
-      video.play();
-    });
-  } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-    video.src = streamUrl;
-    video.addEventListener('loadedmetadata', function () {
-      video.play();
-    });
-  } else {
-    throw new Error('HLS is not supported in this browser.');
-  }
-
-  const player = {
-    video,
-    play: () => video.play(),
-    pause: () => video.pause(),
-  };
-
-  const ui = new VideoPlayerUI({ player });
-  ui.attachTo(mountPoint);
-
-  return { ...player, ui };
-}

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES5",
-    "module": "ESNext",
-    "declaration": true,
-    "outDir": "dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "lib": ["dom", "es2017"]
-  },
-  "include": ["src/**/*"]
-}