Merge pull request #17 from apivideo/experimental-features

Experimental features

CHANGELOG.md

@@ -1,6 +1,9 @@
 # Changelog
 All changes to this project will be documented in this file.
 
+## [1.0.4] - 2023-12-13
+- Add experimental features
+
 ## [1.0.3] - 2023-06-12
 - Add ads support
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api.video/react-player",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "api.video React player component",
   "keywords": [
     "player",
@@ -49,6 +49,6 @@
     "typescript": "^4.7.4"
   },
   "dependencies": {
-    "@api.video/player-sdk": "^1.2.25"
+    "@api.video/player-sdk": "^1.2.28"
   }
 }

src/index.tsx

@@ -35,6 +35,12 @@ export interface ApiVideoPlayerProps {
     theme?: PlayerTheme;
     videoStyleObjectFit?: "contain" | "cover" | "fill" | "none" | "scale-down"; 
     videoStyleTransform?: string;
+    // This feature is experimental.
+    // It may change or be removed at any time and could cause significant playback issues.
+     minimalQuality?: number;
+    // This feature is experimental.
+    // It may change or be removed at any time and could cause significant playback issues.
+     maximalQuality?: number;
 
 
 
@@ -212,6 +218,12 @@ export default class ApiVideoPlayer extends React.Component<ApiVideoPlayerProps,
         if (nextProps.showSubtitles !== undefined && nextProps.showSubtitles !== this.props.showSubtitles) {
             nextProps.showSubtitles ? this.playerSdk.showSubtitles() : this.playerSdk.hideSubtitles();
         }
+        if (nextProps.maximalQuality !== undefined && nextProps.maximalQuality !== this.props.maximalQuality) {
+            this.playerSdk.setMaximalQuality(nextProps.maximalQuality);
+        }
+        if (nextProps.minimalQuality !== undefined && nextProps.minimalQuality !== this.props.minimalQuality) {
+            this.playerSdk.setMinimalQuality(nextProps.minimalQuality);
+        }
         if (nextProps.autoplay !== this.props.autoplay) {
             this.playerSdk.setAutoplay(nextProps.autoplay || false);
         }