react-native-spalla-player 0.8.0 → 0.9.0

package/README.md

@@ -79,6 +79,16 @@ const [subtitle, setSubtitle] = React.useState<String | null>('pt-br');
         case 'subtitlesAvailable':
           console.log('subtitlesAvailable', nativeEvent.subtitles);
           break;
+        case 'playbackRateSelected':
+          setPlaybackRate(nativeEvent.rate);
+          break;
+        case 'metadataLoaded':
+          console.log(
+            'metadataLoaded',
+            nativeEvent.isLive,
+            nativeEvent.duration
+          );
+          break;
         default:
           console.log('event', nativeEvent.event);
       }
@@ -113,6 +123,7 @@ const [subtitle, setSubtitle] = React.useState<String | null>('pt-br');
 | **`startTime`**    | number  | time to start the video in seconds (defaults to 0 = start of the video)
 | **`onPlayerEvent`**| callback | Function that will be called with player events
 | **`subtitle`**     | string  | subtitle to enable. Null will hide subtitles
+| **`playbackRate`**     | number  | Playback speed. Allowed values are 0.5, 1.0, 1.5 and 2.0
 
 ## Imperative Methods
 

package/android/build.gradle

@@ -104,7 +104,7 @@ dependencies {
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
   implementation "androidx.mediarouter:mediarouter:1.2.0"
-  implementation "stream.spalla:spalla-android-sdk:1.7.0"
+  implementation "stream.spalla:spalla-android-sdk:1.8.0"
   implementation "com.google.android.gms:play-services-cast-framework:21.3.0"
 }
 

package/android/src/main/java/com/spallaplayer/SpallaPlayerModule.kt

@@ -39,8 +39,23 @@ class SpallaPlayerModule(reactContext: ReactApplicationContext) :
 
   @ReactMethod
   fun play(tag: Int) {
-    _reactContext.getNativeModule(UIManagerModule::class.java)!!
-      .prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      val uiManager = UIManagerHelper.getUIManager(_reactContext, UIManagerType.FABRIC)
+      if (uiManager is UIManager) {
+        uiManager.resolveView(tag)?.let { view ->
+          if (view is SpallaPlayerView) {
+            view.play()
+          } else {
+            throw ClassCastException(
+              "Cannot play: view with tag #$tag is not a SpallaPlayerView"
+            )
+          }
+        }
+      }
+    } else {
+      val uiManager: UIManagerModule? =
+        _reactContext.getNativeModule(UIManagerModule::class.java)
+      uiManager?.prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
         val playerView = nativeViewHierarchyManager.resolveView(tag)
         if (playerView is SpallaPlayerView) {
           playerView.play()
@@ -53,11 +68,11 @@ class SpallaPlayerModule(reactContext: ReactApplicationContext) :
           )
         }
       }
+    }
   }
 
   @ReactMethod
   fun pause(tag: Int) {
-
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
       val uiManager = UIManagerHelper.getUIManager(_reactContext, UIManagerType.FABRIC)
       if (uiManager is UIManager) {
@@ -128,6 +143,24 @@ class SpallaPlayerModule(reactContext: ReactApplicationContext) :
       }
   }
 
+  @ReactMethod
+  fun selectPlaybackRate(tag: Int, rate: Double) {
+    _reactContext.getNativeModule(UIManagerModule::class.java)!!
+      .prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
+        val playerView = nativeViewHierarchyManager.resolveView(tag)
+        if (playerView is SpallaPlayerView) {
+          playerView.selectPlaybackRate(rate)
+        } else {
+          throw ClassCastException(
+            String.format(
+              "Cannot play: view with tag #%d is not a SpallaPplayerView",
+              tag
+            )
+          )
+        }
+      }
+  }
+
   @ReactMethod
   fun initialize(token: String, applicationId: String?) {
     SpallaSDK.initialize(_reactContext, token)

package/android/src/main/java/com/spallaplayer/SpallaPlayerViewManager.kt

@@ -27,6 +27,7 @@ class RNSpallaPlayerManager() : SimpleViewManager<SpallaPlayerView>(), SpallaPla
   private var startTime: Double? = null
   private var subtitle: String? = null
   private var loadTimer: Timer? = null
+  private var playbackRate: Double = 1.0
 
   override fun getName() = "RNSpallaPlayer"
 
@@ -85,6 +86,14 @@ class RNSpallaPlayerManager() : SimpleViewManager<SpallaPlayerView>(), SpallaPla
     _playerView?.selectSubtitle(subtitle)
   }
 
+  @ReactProp(name = "playbackRate")
+  fun setPlaybackRate(view: SpallaPlayerView, playbackRate: Double) {
+    if(playbackRate > 0) {
+      this.playbackRate = playbackRate
+      _playerView?.selectPlaybackRate(playbackRate)
+    }
+  }
+
   private fun checkAndLoadPlayer(view: SpallaPlayerView) {
     if (contentId != null && startTime != null) {
         view.load(contentId!!, false, true, startTime!!)
@@ -141,6 +150,19 @@ class RNSpallaPlayerManager() : SimpleViewManager<SpallaPlayerView>(), SpallaPla
         map.putString("event", "subtitleSelected")
         map.putString("subtitle", spallaPlayerEvent.subtitle)
       }
+      is MetadataLoaded -> {
+        map.putString("event", "metadataLoaded")
+        map.putBoolean("isLive", spallaPlayerEvent.metadata.isLive)
+        map.putDouble("duration", spallaPlayerEvent.metadata.duration)
+
+        // make sure current playback rate is applied if set initially
+        _playerView?.selectPlaybackRate(playbackRate)
+      }
+      is PlaybackRateSelected -> {
+        map.putString("event", "playbackRateSelected")
+        map.putDouble("rate", spallaPlayerEvent.rate)
+      }
+
     }
     _playerView?.let { player ->
       _reactContext?.getJSModule(RCTEventEmitter::class.java)?.receiveEvent(
@@ -151,11 +173,4 @@ class RNSpallaPlayerManager() : SimpleViewManager<SpallaPlayerView>(), SpallaPla
     }
   }
 
-
-    // Expose a method to set the current subtitle track
-    fun setSubtitleTrack(view: SpallaPlayerView, trackId: String) {
-      //check if current trackId exists
-
-        //view.setSubtitleTrack(trackId)
-    }
 }

package/ios/RNSpallaPlayer.m

@@ -15,6 +15,8 @@ RCT_EXPORT_VIEW_PROPERTY(startTime, NSNumber)
 
 RCT_EXPORT_VIEW_PROPERTY(subtitle, NSString)
 
+RCT_EXPORT_VIEW_PROPERTY(playbackRate, NSNumber)
+
 RCT_EXPORT_METHOD(play: (nonnull NSNumber *) reactTag {
   
   [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
@@ -65,6 +67,18 @@ RCT_EXPORT_METHOD(selectSubtitle: (nonnull NSNumber *) reactTag subtitle:(NSStri
   }];
 }
 
+RCT_EXPORT_METHOD(selectPlaybackRate: (nonnull NSNumber *) reactTag rate:(NSNumber *)rate) {
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+          UIView *view = viewRegistry[reactTag];
+          if (!view || ![view isKindOfClass:[SpallaPlayerWrapper class]]) {
+              RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+              return;
+          } else {
+            [(SpallaPlayerWrapper *)view selectPlaybackRate: rate.doubleValue];
+          }
+  }];
+}
+
 RCT_EXPORT_METHOD(initialize: (nonnull NSString *) token: (NSString *) applicationId) {
   dispatch_async(dispatch_get_main_queue(), ^{
     [SpallaPlayerWrapper initializeWithToken: token applicationId: applicationId];

package/ios/SpallaPlayerWrapper.swift

@@ -49,6 +49,12 @@ import SpallaSDK
       viewController.selectSubtitle(subtitle: subtitle)
     }
   }
+
+  @objc var playbackRate: NSNumber = 1.0 {
+    didSet {
+      viewController.setPlaybackRate(rate: playbackRate.doubleValue)
+    }
+  }
   
   @objc var onPlayerEvent: RCTBubblingEventBlock?
   
@@ -104,6 +110,10 @@ import SpallaSDK
     viewController.selectSubtitle(subtitle: subtitle)
   }
   
+  @objc public func selectPlaybackRate(_ rate: Double) {
+    viewController.setPlaybackRate(rate: rate)
+  }
+  
   private func updateMutedState() {
     viewController.mute()
     if muted {
@@ -154,6 +164,10 @@ extension SpallaPlayerWrapper: SpallaPlayerListener {
       onPlayerEvent(["event": "subtitlesAvailable", "subtitles": subtitles])
     case .subtitleSelected(let subtitle):
       onPlayerEvent(["event": "subtitleSelected", "subtitle": subtitle != nil ? subtitle! : NSNull()])
+    case .metadataLoaded(let metadata):
+      onPlayerEvent(["event": "metadataLoaded", "isLive": metadata.isLive, "duration": metadata.duration])
+    case .playbackRateChanged(let rate):
+      onPlayerEvent(["event": "playbackRateSelected", "rate": rate])
     @unknown default:
       break
     }

package/lib/commonjs/index.js

@@ -42,13 +42,15 @@ class SpallaPlayer extends _react.default.Component {
   render() {
     const {
       style,
-      startTime
+      startTime,
+      playbackRate
     } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(RNSpallaPlayer, {
       ...this.props,
       ref: this._setRef,
       style: style,
       startTime: startTime ?? 0,
+      playbackRate: playbackRate ?? 1.0,
       children: this.props.children
     });
   }

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","_CastButton","e","__esModule","default","RNSpallaPlayer","requireNativeComponent","RNSpallaPlayerModule","NativeModules","play","ref","handle","findNodeHandle","exports","pause","seekTo","time","SpallaPlayer","React","Component","_player","_setRef","render","style","startTime","props","jsx","children","initialize","token","applicationId","_default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKsB,IAAAE,WAAA,GAAAF,OAAA;AAuHtB,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA7GtE,MAAMG,cAAc,GAClB,IAAAC,mCAAsB,EAAsB,gBAAgB,CAAC;AAE/D,MAAMC,oBAAoB,GAAGC,0BAAa,CAACH,cAAc;AAmDlD,MAAMI,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAACE,OAAA,CAAAJ,IAAA,GAAAA,IAAA;AAEK,MAAMK,KAAK,GAAIJ,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;AACpC,CAAC;AAACE,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEK,MAAMC,MAAM,GAAGA,CAACL,GAAQ,EAAEM,IAAY,KAAK;EAChD,MAAML,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACQ,MAAM,CAACJ,MAAM,EAAEK,IAAI,CAAC;AAC3C,CAAC;;AAED;AAAAH,OAAA,CAAAE,MAAA,GAAAA,MAAA;AAEA,MAAME,YAAY,SAASC,cAAK,CAACC,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIX,GAAQ,IAAK;IACtB,IAAI,CAACU,OAAO,GAAGV,GAAG;EACpB,CAAC;EAEDY,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACC,KAAK;IAEvC,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACrB,cAAc;MAAA,GACT,IAAI,CAACoB,KAAK;MACdf,GAAG,EAAE,IAAI,CAACW,OAAQ;MAClBE,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAS,IAAI,CAAE;MAAAG,QAAA,EAEzB,IAAI,CAACF,KAAK,CAACE;IAAQ,CACN,CAAC;EAErB;EAEAlB,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDG,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMH,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;EACpC,CAAC;AACH;AAEO,MAAMiB,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzEvB,oBAAoB,CAACqB,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAACjB,OAAA,CAAAe,UAAA,GAAAA,UAAA;AAAA,IAAAG,QAAA,GAAAlB,OAAA,CAAAT,OAAA,GAEaa,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","_CastButton","e","__esModule","default","RNSpallaPlayer","requireNativeComponent","RNSpallaPlayerModule","NativeModules","play","ref","handle","findNodeHandle","exports","pause","seekTo","time","SpallaPlayer","React","Component","_player","_setRef","render","style","startTime","playbackRate","props","jsx","children","initialize","token","applicationId","_default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKsB,IAAAE,WAAA,GAAAF,OAAA;AA0ItB,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA7HtE,MAAMG,cAAc,GAClB,IAAAC,mCAAsB,EAAsB,gBAAgB,CAAC;AAE/D,MAAMC,oBAAoB,GAAGC,0BAAa,CAACH,cAAc;AAkElD,MAAMI,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAACE,OAAA,CAAAJ,IAAA,GAAAA,IAAA;AAEK,MAAMK,KAAK,GAAIJ,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;AACpC,CAAC;AAACE,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEK,MAAMC,MAAM,GAAGA,CAACL,GAAQ,EAAEM,IAAY,KAAK;EAChD,MAAML,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACQ,MAAM,CAACJ,MAAM,EAAEK,IAAI,CAAC;AAC3C,CAAC;;AAED;AAAAH,OAAA,CAAAE,MAAA,GAAAA,MAAA;AAEA,MAAME,YAAY,SAASC,cAAK,CAACC,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIX,GAAQ,IAAK;IACtB,IAAI,CAACU,OAAO,GAAGV,GAAG;EACpB,CAAC;EAEDY,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IAErD,oBACE,IAAA1B,WAAA,CAAA2B,GAAA,EAACtB,cAAc;MAAA,GACT,IAAI,CAACqB,KAAK;MACdhB,GAAG,EAAE,IAAI,CAACW,OAAQ;MAClBE,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAS,IAAI,CAAE;MAC1BC,YAAY,EAAEA,YAAY,IAAI,GAAI;MAAAG,QAAA,EAEjC,IAAI,CAACF,KAAK,CAACE;IAAQ,CACN,CAAC;EAErB;EAEAnB,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDG,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMH,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;EACpC,CAAC;AACH;AAEO,MAAMkB,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzExB,oBAAoB,CAACsB,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAAClB,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAAA,IAAAG,QAAA,GAAAnB,OAAA,CAAAT,OAAA,GAEaa,YAAY","ignoreList":[]}

package/lib/module/index.js

@@ -28,13 +28,15 @@ class SpallaPlayer extends React.Component {
   render() {
     const {
       style,
-      startTime
+      startTime,
+      playbackRate
     } = this.props;
     return /*#__PURE__*/_jsx(RNSpallaPlayer, {
       ...this.props,
       ref: this._setRef,
       style: style,
       startTime: startTime ?? 0,
+      playbackRate: playbackRate ?? 1.0,
       children: this.props.children
     });
   }

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","NativeModules","findNodeHandle","jsx","_jsx","RNSpallaPlayer","RNSpallaPlayerModule","play","ref","handle","pause","seekTo","time","SpallaPlayer","Component","_player","_setRef","render","style","startTime","props","children","initialize","token","applicationId","default","SpallaCastButton"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,sBAAsB,EAEtBC,aAAa,EACbC,cAAc,QACT,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtB,MAAMC,cAAc,GAClBL,sBAAsB,CAAsB,gBAAgB,CAAC;AAE/D,MAAMM,oBAAoB,GAAGL,aAAa,CAACI,cAAc;AAmDzD,OAAO,MAAME,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAED,OAAO,MAAMC,KAAK,GAAIF,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;AACpC,CAAC;AAED,OAAO,MAAME,MAAM,GAAGA,CAACH,GAAQ,EAAEI,IAAY,KAAK;EAChD,MAAMH,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACK,MAAM,CAACF,MAAM,EAAEG,IAAI,CAAC;AAC3C,CAAC;;AAED;;AAEA,MAAMC,YAAY,SAASd,KAAK,CAACe,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIR,GAAQ,IAAK;IACtB,IAAI,CAACO,OAAO,GAAGP,GAAG;EACpB,CAAC;EAEDS,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACC,KAAK;IAEvC,oBACEhB,IAAA,CAACC,cAAc;MAAA,GACT,IAAI,CAACe,KAAK;MACdZ,GAAG,EAAE,IAAI,CAACQ,OAAQ;MAClBE,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAS,IAAI,CAAE;MAAAE,QAAA,EAEzB,IAAI,CAACD,KAAK,CAACC;IAAQ,CACN,CAAC;EAErB;EAEAd,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDC,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMD,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;EACpC,CAAC;AACH;AAEA,OAAO,MAAMa,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzElB,oBAAoB,CAACgB,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAED,eAAeX,YAAY;AAC3B,SAASY,OAAO,IAAIC,gBAAgB,QAAQ,4BAAyB","ignoreList":[]}
+{"version":3,"names":["React","requireNativeComponent","NativeModules","findNodeHandle","jsx","_jsx","RNSpallaPlayer","RNSpallaPlayerModule","play","ref","handle","pause","seekTo","time","SpallaPlayer","Component","_player","_setRef","render","style","startTime","playbackRate","props","children","initialize","token","applicationId","default","SpallaCastButton"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,sBAAsB,EAEtBC,aAAa,EACbC,cAAc,QACT,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAatB,MAAMC,cAAc,GAClBL,sBAAsB,CAAsB,gBAAgB,CAAC;AAE/D,MAAMM,oBAAoB,GAAGL,aAAa,CAACI,cAAc;AAkEzD,OAAO,MAAME,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAED,OAAO,MAAMC,KAAK,GAAIF,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;AACpC,CAAC;AAED,OAAO,MAAME,MAAM,GAAGA,CAACH,GAAQ,EAAEI,IAAY,KAAK;EAChD,MAAMH,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACK,MAAM,CAACF,MAAM,EAAEG,IAAI,CAAC;AAC3C,CAAC;;AAED;;AAEA,MAAMC,YAAY,SAASd,KAAK,CAACe,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIR,GAAQ,IAAK;IACtB,IAAI,CAACO,OAAO,GAAGP,GAAG;EACpB,CAAC;EAEDS,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IAErD,oBACEjB,IAAA,CAACC,cAAc;MAAA,GACT,IAAI,CAACgB,KAAK;MACdb,GAAG,EAAE,IAAI,CAACQ,OAAQ;MAClBE,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAS,IAAI,CAAE;MAC1BC,YAAY,EAAEA,YAAY,IAAI,GAAI;MAAAE,QAAA,EAEjC,IAAI,CAACD,KAAK,CAACC;IAAQ,CACN,CAAC;EAErB;EAEAf,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDC,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMD,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;EACpC,CAAC;AACH;AAEA,OAAO,MAAMc,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzEnB,oBAAoB,CAACiB,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAED,eAAeZ,YAAY;AAC3B,SAASa,OAAO,IAAIC,gBAAgB,QAAQ,4BAAyB","ignoreList":[]}

package/lib/typescript/commonjs/src/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type ViewStyle } from 'react-native';
+type allowedPlaybackRates = 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
 interface PlayerEventTimeUpdate {
     event: 'timeUpdate';
     time: number;
@@ -16,6 +17,15 @@ interface PlayerEventSubtitleSelected {
     event: 'subtitleSelected';
     subtitle: String;
 }
+interface PlayerEventPlaybackRateSelected {
+    event: 'playbackRateSelected';
+    rate: allowedPlaybackRates;
+}
+interface PlayerEventMedataLoaded {
+    event: 'metadataLoaded';
+    isLive: boolean;
+    duration: number;
+}
 interface PlayerEvent {
     event: 'play' | 'pause' | 'ended' | 'muted' | 'unmuted' | 'buffering' | 'playing';
 }
@@ -28,8 +38,9 @@ interface Props {
     autoplay?: boolean;
     startTime?: number;
     subtitle?: String | null;
+    playbackRate?: 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
     onPlayerEvent?: (event: {
-        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate | PlayerEventSubtitlesAvailable | PlayerEventSubtitleSelected;
+        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate | PlayerEventSubtitlesAvailable | PlayerEventSubtitleSelected | PlayerEventPlaybackRateSelected | PlayerEventMedataLoaded;
     }) => void;
 }
 export declare const play: (ref: any) => void;

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAetB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,6BAA6B;IACrC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,GACzB,6BAA6B,GAC7B,2BAA2B,CAAC;KACjC,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAeN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAgBhE,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,6BAA6B;IACrC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,+BAA+B;IACvC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,GACzB,6BAA6B,GAC7B,2BAA2B,GAC3B,+BAA+B,GAC/B,uBAAuB,CAAC;KAC7B,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAgBN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/typescript/module/src/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type ViewStyle } from 'react-native';
+type allowedPlaybackRates = 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
 interface PlayerEventTimeUpdate {
     event: 'timeUpdate';
     time: number;
@@ -16,6 +17,15 @@ interface PlayerEventSubtitleSelected {
     event: 'subtitleSelected';
     subtitle: String;
 }
+interface PlayerEventPlaybackRateSelected {
+    event: 'playbackRateSelected';
+    rate: allowedPlaybackRates;
+}
+interface PlayerEventMedataLoaded {
+    event: 'metadataLoaded';
+    isLive: boolean;
+    duration: number;
+}
 interface PlayerEvent {
     event: 'play' | 'pause' | 'ended' | 'muted' | 'unmuted' | 'buffering' | 'playing';
 }
@@ -28,8 +38,9 @@ interface Props {
     autoplay?: boolean;
     startTime?: number;
     subtitle?: String | null;
+    playbackRate?: 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
     onPlayerEvent?: (event: {
-        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate | PlayerEventSubtitlesAvailable | PlayerEventSubtitleSelected;
+        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate | PlayerEventSubtitlesAvailable | PlayerEventSubtitleSelected | PlayerEventPlaybackRateSelected | PlayerEventMedataLoaded;
     }) => void;
 }
 export declare const play: (ref: any) => void;

package/lib/typescript/module/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAetB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,6BAA6B;IACrC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,GACzB,6BAA6B,GAC7B,2BAA2B,CAAC;KACjC,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAeN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAgBhE,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,6BAA6B;IACrC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,+BAA+B;IACvC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,GACzB,6BAA6B,GAC7B,2BAA2B,GAC3B,+BAA+B,GAC/B,uBAAuB,CAAC;KAC7B,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAgBN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-spalla-player",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Spalla SDK for RN",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/react-native-spalla-player.podspec

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
-  s.dependency "SpallaSDK", "~> 0.9.1"
+  s.dependency "SpallaSDK", "~> 1.8.2"
 
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.

package/src/index.tsx

@@ -6,11 +6,14 @@ import {
   findNodeHandle,
 } from 'react-native';
 
+type allowedPlaybackRates = 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
+
 interface RNSpallaPlayerProps {
   children?: React.ReactNode;
   style?: ViewStyle;
   startTime: number;
   subtitle?: String | null;
+  playbackRate?: allowedPlaybackRates;
   ref?: (ref: any) => void;
 }
 
@@ -38,6 +41,18 @@ interface PlayerEventSubtitleSelected {
   event: 'subtitleSelected';
   subtitle: String;
 }
+
+interface PlayerEventPlaybackRateSelected {
+  event: 'playbackRateSelected';
+  rate: allowedPlaybackRates;
+}
+
+interface PlayerEventMedataLoaded {
+  event: 'metadataLoaded';
+  isLive: boolean;
+  duration: number;
+}
+
 interface PlayerEvent {
   event:
     | 'play'
@@ -58,13 +73,16 @@ interface Props {
   autoplay?: boolean;
   startTime?: number;
   subtitle?: String | null;
+  playbackRate?: 0.25 | 0.5 | 1.0 | 1.25 | 1.5 | 2.0;
   onPlayerEvent?: (event: {
     nativeEvent:
       | PlayerEventTimeUpdate
       | PlayerEvent
       | PlayerEventDurationUpdate
       | PlayerEventSubtitlesAvailable
-      | PlayerEventSubtitleSelected;
+      | PlayerEventSubtitleSelected
+      | PlayerEventPlaybackRateSelected
+      | PlayerEventMedataLoaded;
   }) => void;
 }
 
@@ -93,7 +111,7 @@ class SpallaPlayer extends React.Component<Props> {
   };
 
   render() {
-    const { style, startTime } = this.props;
+    const { style, startTime, playbackRate } = this.props;
 
     return (
       <RNSpallaPlayer
@@ -101,6 +119,7 @@ class SpallaPlayer extends React.Component<Props> {
         ref={this._setRef}
         style={style}
         startTime={startTime ?? 0}
+        playbackRate={playbackRate ?? 1.0}
       >
         {this.props.children}
       </RNSpallaPlayer>