feat: add looping prop to IVSPlayer (#142)

aws · Jul 13, 2023 · e41bfb3 · e41bfb3
1 parent febe3ac
commit e41bfb3
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 0 deletions.
diff --git a/android/src/main/java/com/amazonaws/ivs/reactnative/player/AmazonIvsView.kt b/android/src/main/java/com/amazonaws/ivs/reactnative/player/AmazonIvsView.kt
@@ -130,6 +130,10 @@ class AmazonIvsView(private val context: ThemedReactContext) : FrameLayout(conte
     player?.isMuted = muted
   }
 
+  fun setLooping(shouldLoop: Boolean) {
+    player?.setLooping(shouldLoop)
+  }
+
   fun setVolume(volume: Double) {
     player?.setVolume(volume.toFloat())
   }

diff --git a/android/src/main/java/com/amazonaws/ivs/reactnative/player/AmazonIvsViewManager.kt b/android/src/main/java/com/amazonaws/ivs/reactnative/player/AmazonIvsViewManager.kt
@@ -67,6 +67,11 @@ class AmazonIvsViewManager : SimpleViewManager<AmazonIvsView>() {
     view.setStreamUrl(streamUrl);
   }
 
+  @ReactProp(name = "loop")
+  fun setLooping(view: AmazonIvsView, shouldLoop: Boolean){
+    view.setLooping(shouldLoop);
+  }
+
   @ReactProp(name = "resizeMode")
   fun setResizeMode(view: AmazonIvsView, mode: String) {
     view.setResizeMode(mode);

diff --git a/example/src/screens/AdvancedExample.tsx b/example/src/screens/AdvancedExample.tsx
@@ -81,6 +81,7 @@ export default function AdvancedExample() {
         <IVSPlayer
           ref={mediaPlayerRef}
           autoplay={false}
+          loop
           paused={paused}
           streamUrl={URL}
           onDurationChange={setDuration}

diff --git a/ios/AmazonIvsManager.m b/ios/AmazonIvsManager.m
@@ -4,6 +4,7 @@
 @interface RCT_EXTERN_MODULE(AmazonIvsManager, RCTViewManager)
 RCT_EXPORT_VIEW_PROPERTY(resizeMode, NSString)
 RCT_EXPORT_VIEW_PROPERTY(muted, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(loop, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(liveLowLatency, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(quality, NSDictionary)
 RCT_EXPORT_VIEW_PROPERTY(initialBufferDuration, double)

diff --git a/ios/AmazonIvsView.swift b/ios/AmazonIvsView.swift
@@ -51,6 +51,7 @@ class AmazonIvsView: UIView, IVSPlayer.Delegate {
 
     override init(frame: CGRect) {
         self.muted = player.muted
+        self.loop = player.looping
         self.liveLowLatency = player.isLiveLowLatency
         self.autoQualityMode = player.autoQualityMode
         self.playbackRate = Double(player.playbackRate)
@@ -100,6 +101,12 @@ class AmazonIvsView: UIView, IVSPlayer.Delegate {
             self.addProgressObserver()
         }
     }
+
+    @objc var loop: Bool {
+        didSet {
+            player.looping = loop
+        }
+    }
 
     @objc var muted: Bool {
         didSet {

diff --git a/src/IVSPlayer.js.flow b/src/IVSPlayer.js.flow
@@ -22,6 +22,7 @@ declare type Props = {|
   style?: ViewStyleProp,
   paused?: boolean,
   muted?: boolean,
+  loop?: boolean,
   autoplay?: boolean,
   streamUrl?: string,
   resizeMode?: ResizeMode,

diff --git a/src/IVSPlayer.tsx b/src/IVSPlayer.tsx
@@ -30,6 +30,7 @@ type IVSPlayerProps = {
   testID?: string;
   ref: any;
   muted?: boolean;
+  loop?: boolean;
   liveLowLatency?: boolean;
   playbackRate?: number;
   streamUrl?: string;
@@ -79,6 +80,7 @@ type Props = {
   testID?: string;
   paused?: boolean;
   muted?: boolean;
+  loop?: boolean;
   autoplay?: boolean;
   streamUrl?: string;
   liveLowLatency?: boolean;
@@ -125,6 +127,7 @@ const IVSPlayerContainer = React.forwardRef<IVSPlayerRef, Props>(
       streamUrl,
       paused,
       muted,
+      loop = false,
       resizeMode,
       autoplay = true,
       liveLowLatency,
@@ -333,6 +336,7 @@ const IVSPlayerContainer = React.forwardRef<IVSPlayerRef, Props>(
         <IVSPlayer
           testID="IVSPlayer"
           muted={muted}
+          loop={loop}
           liveLowLatency={liveLowLatency}
           style={styles.mediaPlayer}
           ref={mediaPlayerRef}