@livepeer-frameworks/player-react 0.1.0 → 0.1.2

package/src/components/players/MistWebRTCPlayer/index.tsx

@@ -1,59 +0,0 @@
-/**
- * MistWebRTC Player - React Wrapper
- *
- * MistServer native WebRTC with signaling for DVR support.
- * The implementation is in @livepeer-frameworks/player-core.
- */
-
-import React, { useRef, useEffect } from 'react';
-import { MistWebRTCPlayerImpl } from '@livepeer-frameworks/player-core';
-
-// Re-export the implementation from core for backwards compatibility
-export { MistWebRTCPlayerImpl };
-
-interface Props {
-  src: string;
-  autoPlay?: boolean;
-  muted?: boolean;
-  controls?: boolean;
-  poster?: string;
-  onReady?: (video: HTMLVideoElement) => void;
-  onError?: (error: Error) => void;
-}
-
-export const MistWebRTCPlayer: React.FC<Props> = ({
-  src,
-  autoPlay = true,
-  muted = true,
-  controls = true,
-  poster,
-  onReady,
-  onError,
-}) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const playerRef = useRef<MistWebRTCPlayerImpl | null>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const player = new MistWebRTCPlayerImpl();
-    playerRef.current = player;
-
-    player.initialize(
-      containerRef.current,
-      { url: src, type: 'webrtc' },
-      { autoplay: autoPlay, muted, controls, poster, onReady, onError: (e) => onError?.(typeof e === 'string' ? new Error(e) : e) }
-    ).catch((e) => {
-      onError?.(e instanceof Error ? e : new Error(String(e)));
-    });
-
-    return () => {
-      player.destroy();
-      playerRef.current = null;
-    };
-  }, [src, autoPlay, muted, controls, poster, onReady, onError]);
-
-  return <div ref={containerRef} style={{ width: '100%', height: '100%' }} />;
-};
-
-export default MistWebRTCPlayerImpl;

package/src/components/players/NativePlayer.tsx

@@ -1,58 +0,0 @@
-/**
- * Native Player - React Wrapper
- *
- * HTML5 video and WHEP WebRTC playback.
- * The implementation is in @livepeer-frameworks/player-core.
- */
-
-import React, { useEffect, useRef } from 'react';
-import { NativePlayerImpl, DirectPlaybackPlayerImpl } from '@livepeer-frameworks/player-core';
-
-// Re-export the implementations from core for backwards compatibility
-export { NativePlayerImpl, DirectPlaybackPlayerImpl };
-
-type Props = {
-  src: string;
-  type?: string;
-  muted?: boolean;
-  autoPlay?: boolean;
-  controls?: boolean;
-  onError?: (e: Error) => void;
-};
-
-// React component wrapper
-const NativePlayer: React.FC<Props> = ({
-  src,
-  type = 'html5/video/mp4',
-  muted = true,
-  autoPlay = true,
-  controls = true,
-  onError
-}) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const playerRef = useRef<NativePlayerImpl | null>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const player = new NativePlayerImpl();
-    playerRef.current = player;
-
-    player.initialize(
-      containerRef.current,
-      { url: src, type },
-      { autoplay: autoPlay, muted, controls }
-    ).catch((e) => {
-      onError?.(e instanceof Error ? e : new Error(String(e)));
-    });
-
-    return () => {
-      player.destroy();
-      playerRef.current = null;
-    };
-  }, [src, type, muted, autoPlay, controls, onError]);
-
-  return <div ref={containerRef} style={{ width: '100%', height: '100%' }} />;
-};
-
-export default NativePlayer;

package/src/components/players/VideoJsPlayer.tsx

@@ -1,56 +0,0 @@
-/**
- * Video.js Player - React Wrapper
- *
- * HLS streaming via Video.js with VHS (videojs-http-streaming).
- * The implementation is in @livepeer-frameworks/player-core.
- */
-
-import React, { useEffect, useRef } from 'react';
-import { VideoJsPlayerImpl } from '@livepeer-frameworks/player-core';
-
-// Re-export the implementation from core for backwards compatibility
-export { VideoJsPlayerImpl };
-
-type Props = {
-  src: string;
-  muted?: boolean;
-  autoPlay?: boolean;
-  controls?: boolean;
-  onError?: (e: Error) => void;
-};
-
-// React component wrapper
-const VideoJsPlayer: React.FC<Props> = ({
-  src,
-  muted = true,
-  autoPlay = true,
-  controls = true,
-  onError
-}) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const playerRef = useRef<VideoJsPlayerImpl | null>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const player = new VideoJsPlayerImpl();
-    playerRef.current = player;
-
-    player.initialize(
-      containerRef.current,
-      { url: src, type: 'html5/application/vnd.apple.mpegurl' },
-      { autoplay: autoPlay, muted, controls }
-    ).catch((e) => {
-      onError?.(e instanceof Error ? e : new Error(String(e)));
-    });
-
-    return () => {
-      player.destroy();
-      playerRef.current = null;
-    };
-  }, [src, muted, autoPlay, controls, onError]);
-
-  return <div ref={containerRef} style={{ width: '100%', height: '100%' }} />;
-};
-
-export default VideoJsPlayer;