@grfzhl/vue-hls-player 1.1.0 → 1.1.2

package/dist/VideoPlayer/BasePlayer.vue

@@ -38,7 +38,6 @@
           :autoplay="autoplay && isMuted"
         >
           <source
-            :src="link"
             type="application/x-mpegURL"
           />
           <track 
@@ -148,7 +147,7 @@ const hideInitialPlayButton = ref(false)
 const link = toRef(props, 'link');
 const previewImageLink = toRef(props, 'previewImageLink');
 let currentTime = 0
-let hls = new Hls()
+let hls = null
 
 const videoElement = defineModel()
 
@@ -259,6 +258,7 @@ watch([props, videoElement], (a) => {
 
 watch(link, (newLink, oldLink) => {
   if (newLink !== oldLink) {
+    console.log("prepare new src " + newLink)
     prepareVideoPlayer();
   }
 })
@@ -364,11 +364,15 @@ function seekVideo(time) {
 }
 
 function prepareVideoPlayer() {
-  let stream = props.link
-  hls.loadSource(stream)
-  hls.attachMedia(video.value)
-
   if (video.value) {
+    if (hls) {
+      hls.destroy();
+    }
+    hls = new Hls();
+    let stream = props.link
+    hls.loadSource(stream)
+    hls.attachMedia(video.value)
+
     hls.attachMedia(video.value)
     video.value.muted = props.isMuted
     video.value.currentTime = props.progress

package/dist/VideoPlayer/SubtitleBlock.vue

@@ -161,6 +161,7 @@ watch(
 watch(
   () => props.cursor,
   (currentTime) => {
+console.log("cursor watch", currentTime)
     highlightActiveCue(currentTime);
     checkCurrentCue(currentTime)
   }
@@ -207,11 +208,13 @@ function isTxtCueActive(txtCue) {
  * @param txtIndex 
  */
 function isWordActive(txtCue, word, wordIndex, txtIndex) {
+  console.log("check word active ", txtCue, word, wordIndex, currentCue.value)
   if(!currentCue.value || !word || !txtCue) {
     return false
   }
   const startPos = txtCue.dialog[0].text.indexOf(currentCue.value)
   const endPos = startPos + currentCue.value.length
+  console.log("can word marked", startPos, endPos, wordIndex)
   if(wordIndex >= startPos && wordIndex < endPos) {
     return true;
   }
@@ -220,6 +223,7 @@ function isWordActive(txtCue, word, wordIndex, txtIndex) {
 
 function checkCurrentCue(currentCursor) {
   Array.from(vttCues.value).forEach((a, index) => {
+    console.log("current cue", a)
     if(currentCursor >= a.start && currentCursor <= a.end) {
       currentCue.value = a.text
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grfzhl/vue-hls-player",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "files": [
     "dist"