feat(core): add changeQuality method

shiyiya · Nov 5, 2022 · e833843 · e833843 · vercel · Nov 5, 2022
1 parent 447f204
commit e833843
Show file tree

Hide file tree

Showing 8 changed files with 3,746 additions and 1,400 deletions.
diff --git a/examples/react/package.json b/examples/react/package.json
@@ -14,11 +14,11 @@
     "@oplayer/hls": "workspace:*",
     "@oplayer/react": "workspace:*",
     "@oplayer/ui": "workspace:*",
-    "@types/react": "^18.0.24",
+    "@types/react": "^18.0.25",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "sass": "^1.55.0"
+    "sass": "^1.56.0"
   }
 }
diff --git a/examples/standalone/package.json b/examples/standalone/package.json
@@ -18,7 +18,7 @@
     "@oplayer/dash": "workspace:*",
     "@oplayer/hls": "workspace:*",
     "@oplayer/ui": "workspace:*",
-    "hls.js": "^1.2.4",
-    "lit": "^2.4.0"
+    "hls.js": "^1.2.5",
+    "lit": "^2.4.1"
   }
 }
diff --git a/package.json b/package.json
@@ -25,10 +25,10 @@
     "test": "echo 1"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.19.4",
+    "@babel/core": "^7.20.2",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.2",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-destructuring": "^7.20.0",
+    "@babel/plugin-transform-destructuring": "^7.20.2",
     "@babel/plugin-transform-parameters": "^7.20.1",
     "@babel/plugin-transform-spread": "^7.19.0",
     "@babel/plugin-transform-template-literals": "^7.18.9",

diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
@@ -29,6 +29,11 @@ export const VIDEO_EVENTS = [
 
 export const PLAYER_EVENTS = ['contextmenu', 'fullscreenchange', 'fullscreenerror'] as const
 
-export const OH_EVENTS = ['loadedplugin', 'videosourcechange', 'destroy'] as const
+export const OH_EVENTS = [
+  'loadedplugin',
+  'videoqualitychange',
+  'videosourcechange',
+  'destroy'
+] as const
 
 export const EVENTS = [...VIDEO_EVENTS, ...PLAYER_EVENTS, ...OH_EVENTS] as const
diff --git a/packages/core/src/player.ts b/packages/core/src/player.ts
@@ -337,10 +337,19 @@ export class Player {
     }
   }
 
-  async changeSource(source: Source) {
+  _resetStatus() {
     this._playPromise = undefined
     this.hasError = false
     this.isCustomLoader = false
+  }
+
+  async changeQuality(src: string) {
+    this.emit('videoqualitychange', src)
+    await this.load({ src })
+  }
+
+  async changeSource(source: Source) {
+    this._resetStatus()
     this.$video.poster = source.poster || ''
     this.emit('videosourcechange', source)
     await this.load(source)

diff --git a/packages/hls/package.json b/packages/hls/package.json
@@ -35,6 +35,6 @@
   },
   "devDependencies": {
     "@oplayer/core": "workspace:*",
-    "hls.js": "^1.2.4"
+    "hls.js": "^1.2.5"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@oplayer/core": "workspace:*",
-    "@types/react": "^18.0.24",
+    "@types/react": "^18.0.25",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }