From a70276777d5a8dfca953c95f0bc8d81a7741addf Mon Sep 17 00:00:00 2001
From: Michele Pozzi <123.mpozzi@gmail.com>
Date: Wed, 6 Nov 2024 15:22:45 +0100
Subject: [PATCH] Remove media control sample since it is enabled by default

---
 example/src/App.tsx                   | 11 ----
 example/src/screens/MediaControls.tsx | 88 ---------------------------
 2 files changed, 99 deletions(-)
 delete mode 100644 example/src/screens/MediaControls.tsx

diff --git a/example/src/App.tsx b/example/src/App.tsx
index 29826188..a8b3ea33 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -20,7 +20,6 @@ import LandscapeFullscreenHandling from './screens/LandscapeFullscreenHandling';
 import SystemUI from './screens/SystemUi';
 import OfflinePlayback from './screens/OfflinePlayback';
 import Casting from './screens/Casting';
-import MediaControls from './screens/MediaControls';
 import BackgroundPlayback from './screens/BackgroundPlayback';
 
 export type RootStackParamsList = {
@@ -60,7 +59,6 @@ export type RootStackParamsList = {
   };
   Casting: undefined;
   SystemUI: undefined;
-  MediaControls: undefined;
   BackgroundPlayback: undefined;
 };
 
@@ -113,10 +111,6 @@ export default function App() {
         title: 'Programmatic Track Selection',
         routeName: 'ProgrammaticTrackSelection' as keyof RootStackParamsList,
       },
-      {
-        title: 'Media Controls',
-        routeName: 'MediaControls' as keyof RootStackParamsList,
-      },
       {
         title: 'Background Playback',
         routeName: 'BackgroundPlayback' as keyof RootStackParamsList,
@@ -274,11 +268,6 @@ export default function App() {
             options={{ title: 'Casting' }}
           />
         )}
-        <RootStack.Screen
-          name="MediaControls"
-          component={MediaControls}
-          options={{ title: 'Media Controls' }}
-        />
         <RootStack.Screen
           name="BackgroundPlayback"
           component={BackgroundPlayback}
diff --git a/example/src/screens/MediaControls.tsx b/example/src/screens/MediaControls.tsx
deleted file mode 100644
index 0a16e116..00000000
--- a/example/src/screens/MediaControls.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React, { useCallback } from 'react';
-import { View, Platform, StyleSheet } from 'react-native';
-import { useFocusEffect } from '@react-navigation/native';
-import {
-  Event,
-  usePlayer,
-  PlayerView,
-  SourceType,
-} from 'bitmovin-player-react-native';
-import { useTVGestures } from '../hooks';
-
-function prettyPrint(header: string, obj: any) {
-  console.log(header, JSON.stringify(obj, null, 2));
-}
-
-export default function MediaControls() {
-  useTVGestures();
-
-  const player = usePlayer({
-    nativeId: '123',
-    mediaControlConfig: {
-      isEnabled: true,
-    },
-    remoteControlConfig: {
-      isCastEnabled: false,
-    },
-  });
-
-  useFocusEffect(
-    useCallback(() => {
-      player.load({
-        url:
-          Platform.OS === 'ios'
-            ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
-            : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
-        type: Platform.OS === 'ios' ? SourceType.HLS : SourceType.DASH,
-        title: 'Art of Motion',
-        poster:
-          'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/poster.jpg',
-        thumbnailTrack:
-          'https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/thumbnails/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.vtt',
-        metadata: { platform: Platform.OS },
-      });
-      return () => {
-        player.destroy();
-      };
-    }, [player])
-  );
-
-  const onReady = useCallback((event: Event) => {
-    prettyPrint(`EVENT [${event.name}]`, event);
-  }, []);
-
-  const onEvent = useCallback((event: Event) => {
-    prettyPrint(`EVENT [${event.name}]`, event);
-  }, []);
-
-  return (
-    <View style={styles.container}>
-      <PlayerView
-        player={player}
-        style={styles.player}
-        onPlay={onEvent}
-        onPlaying={onEvent}
-        onPaused={onEvent}
-        onReady={onReady}
-        onSourceLoaded={onEvent}
-        onSeek={onEvent}
-        onSeeked={onEvent}
-        onStallStarted={onEvent}
-        onStallEnded={onEvent}
-        onVideoPlaybackQualityChanged={onEvent}
-      />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'black',
-  },
-  player: {
-    flex: 1,
-  },
-});