@grfzhl/vue-hls-player 1.1.11 → 1.1.13

package/README.md

@@ -207,6 +207,12 @@ At the moment the following attribute are supported:
 ```
 
 ### Last release:
+v1.0.13
+- update the hls.js package
+
+v1.0.12
+- added component property to make it easier adding headers (like Authorization header into every hls request)
+
 v1.0.14 - v1.1.11
 - Fixes
 - iOS specific improvements

package/dist/VideoPlayer/BasePlayer.vue

@@ -116,6 +116,10 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  additionHeaders: {
+    type: Object,
+    default: {}
+  },
   /**
    * array of object, for
    * subtitles to append:
@@ -388,6 +392,21 @@ function prepareVideoPlayer(link) {
     hls.attachMedia(video.value)
     hls.recoverMediaError()
 
+    if(props.additionHeaders) {
+      /**
+       * inject additional headers
+       */
+      hls.config.fetchSetup = async (context, init) => {
+        init = init || {};
+        init.headers = new Headers(init.headers || {});
+        // set headers
+        for (const [key, value] of Object.entries(props.headers)) {
+          init.headers.set(key, value);
+        }
+        return new Request(context.url, init);
+      };
+    }
+
     video.value.muted = props.isMuted
     video.value.currentTime = props.progress
 

package/dist/VideoPlayer/VDefaultVideoPlayer.vue

@@ -8,6 +8,7 @@
     :autoplay="autoplay"
     :isControls="isControls"
     :onVideoEnd="onVideoEnd"
+    :additionHeaders="additionHeaders"
     :isFullscreen="isFullscreen"
     :showTranscriptBlock="showTranscriptBlock"
     :hideInitialPlayButton="hideInitialPlayButton"
@@ -81,6 +82,10 @@ const props = defineProps({
   options: {
     type: Object,
     default: {}
+  },
+  additionHeaders: {
+    type: Object,
+    default: {}
   }
 })
 

package/dist/VideoPlayer/index.vue

@@ -4,6 +4,7 @@
     @pause="pause"
     @video-fullscreen-change="onVideoFullScreenChange"
     @video-ended="onVideoEnd"
+    :additionHeaders="additionHeaders"
     :introTitle="introTitle"
     :previewImageLink="previewImageLink"
     :showTranscriptBlock="showTranscriptBlock"
@@ -91,6 +92,10 @@ const props = defineProps({
   options: {
     type: Object,
     default: {}
+  },
+  additionHeaders: {
+    type: Object,
+    default: {}
   }
 })
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grfzhl/vue-hls-player",
   "private": false,
-  "version": "1.1.11",
+  "version": "1.1.13",
   "type": "module",
   "files": [
     "dist"
@@ -25,7 +25,7 @@
   "author": "Oliver Schörwerth",
   "license": "MIT License",
   "dependencies": {
-    "hls.js": "^1.5.19",
+    "hls.js": "^1.6.13",
     "player.style": "^0.1.1"
   }
 }