expo-av to expo-video and expo-audio (#1029)

* Migrate from expo-av

* test fix

* mocks to fix tests

Author: YoussefHenna

example/src/VideoPlayerExample.tsx

@@ -19,14 +19,15 @@ const VideoPlayerExample: React.FC = () => {
           resizeMode="cover"
         />
       </Section>
-      <Section style={{}} title="VideoPlayer (Silent mode)">
+      <Section style={{}} title="VideoPlayer (plays silent mode, low volume)">
         <VideoPlayer
           style={{ width: 350, height: 250 }}
           source={{
             uri: "http://static.draftbit.com/videos/intro-to-draftbit.mp4",
           }}
           useNativeControls
           resizeMode="cover"
+          volume={0.3}
           playsInSilentModeIOS={true}
         />
       </Section>
@@ -35,11 +36,11 @@ const VideoPlayerExample: React.FC = () => {
           ref={videoPlayerRef}
           style={{ width: 350, height: 250 }}
           source={{
-            uri: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
+            uri: "https://ia601903.us.archive.org/32/items/BigBuckBunny_328/BigBuckBunny_512kb.mp4",
           }}
           useNativeControls={false}
           posterSource={{
-            uri: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg",
+            uri: "https://upload.wikimedia.org/wikipedia/commons/7/70/Big.Buck.Bunny.-.Opening.Screen.png",
           }}
           usePoster
           onPlaybackStatusUpdate={(status) => setPlayerState(status)}

packages/core/jest-setup.js

@@ -30,3 +30,42 @@ jest.mock("expo-font", () => ({
   isLoaded: jest.fn(() => true),
   isLoading: jest.fn(() => false),
 }));
+
+jest.mock("expo-audio", () => ({
+  useAudioPlayer: jest.fn(() => ({
+    loop: false,
+    volume: 1.0,
+    playing: false,
+    paused: true,
+    muted: false,
+    isLoaded: false,
+    isBuffering: false,
+    currentTime: 0,
+    duration: 0,
+    play: jest.fn(),
+    pause: jest.fn(),
+    seekTo: jest.fn(),
+    replace: jest.fn(),
+    addListener: jest.fn(() => ({ remove: jest.fn() })),
+  })),
+  setAudioModeAsync: jest.fn(() => Promise.resolve()),
+}));
+
+jest.mock("expo-video", () => ({
+  useVideoPlayer: jest.fn(() => ({
+    loop: false,
+    muted: false,
+    volume: 1.0,
+    playbackRate: 1.0,
+    playing: false,
+    status: "idle",
+    currentTime: 0,
+    duration: 0,
+    bufferedPosition: 0,
+    play: jest.fn(),
+    pause: jest.fn(),
+    replace: jest.fn(),
+    addListener: jest.fn(() => ({ remove: jest.fn() })),
+  })),
+  VideoView: "VideoView",
+}));

packages/core/package.json

@@ -57,7 +57,8 @@
     "color": "^4.2.3",
     "date-fns": "^4.1.0",
     "dateformat": "^5.0.3",
-    "expo-av": "~16.0.8",
+    "expo-video": "~3.0.16",
+    "expo-audio": "~1.1.1",
     "expo-image": "~3.0.11",
     "lodash.isequal": "^4.5.0",
     "lodash.isnumber": "^3.0.3",