@grfzhl/vue-hls-player 1.0.17 → 1.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
</template>
|
|
69
69
|
|
|
70
70
|
<script setup>
|
|
71
|
-
import { onMounted, onUpdated, ref, onUnmounted, computed, watch } from 'vue'
|
|
71
|
+
import { onMounted, onUpdated, ref, onUnmounted, computed, watch, toRef } from 'vue'
|
|
72
72
|
import Hls from 'hls.js'
|
|
73
73
|
import 'player.style/sutro';
|
|
74
74
|
import SubtitleBlock from './SubtitleBlock.vue';
|
|
@@ -139,6 +139,8 @@ const orientation = ref(null)
|
|
|
139
139
|
const autoHideIntroTitle = ref(false);
|
|
140
140
|
const initialPlayButton = ref(false);
|
|
141
141
|
const hideInitialPlayButton = ref(false)
|
|
142
|
+
const link = toRef(props, 'link');
|
|
143
|
+
const previewImageLink = toRef(props, 'previewImageLink');
|
|
142
144
|
|
|
143
145
|
const videoElement = defineModel()
|
|
144
146
|
|
|
@@ -291,7 +293,7 @@ function toggleTranscript() {
|
|
|
291
293
|
|
|
292
294
|
function seekVideo(time) {
|
|
293
295
|
video.value.currentTime = time;
|
|
294
|
-
video.play()
|
|
296
|
+
video.value.play()
|
|
295
297
|
}
|
|
296
298
|
|
|
297
299
|
function prepareVideoPlayer() {
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
|
|
27
27
|
<script setup>
|
|
28
28
|
import BasePlayer from './BasePlayer.vue'
|
|
29
|
-
import { ref } from 'vue'
|
|
29
|
+
import { ref, toRef } from 'vue'
|
|
30
30
|
|
|
31
31
|
const emit = defineEmits(['pause', 'video-ended', 'video-fullscreen-change', 'video-fullscreen-action'])
|
|
32
32
|
|
|
33
33
|
const videoElement = ref(null);
|
|
34
34
|
|
|
35
|
-
defineProps({
|
|
35
|
+
const props = defineProps({
|
|
36
36
|
previewImageLink: {
|
|
37
37
|
type: String,
|
|
38
38
|
default: ''
|
|
@@ -75,6 +75,9 @@ defineProps({
|
|
|
75
75
|
}
|
|
76
76
|
})
|
|
77
77
|
|
|
78
|
+
const link = toRef(props, 'link');
|
|
79
|
+
const previewImageLink = toRef(props, 'previewImageLink');
|
|
80
|
+
|
|
78
81
|
function pause(currentTime) {
|
|
79
82
|
emit('pause', currentTime)
|
|
80
83
|
}
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
<script setup>
|
|
33
33
|
import VDefaultVideoPlayer from './VDefaultVideoPlayer.vue'
|
|
34
34
|
import VPreviewVideoPlayer from './VPreviewVideoPlayer.vue'
|
|
35
|
-
import { ref } from 'vue'
|
|
35
|
+
import { ref, toRef } from 'vue'
|
|
36
36
|
|
|
37
37
|
const emit = defineEmits(['pause', 'video-ended', 'video-fullscreen-change', 'video-fullscreen-action'])
|
|
38
38
|
|
|
39
39
|
const videoElement = ref(null);
|
|
40
40
|
|
|
41
|
-
defineProps({
|
|
41
|
+
const props = defineProps({
|
|
42
42
|
previewImageLink: {
|
|
43
43
|
type: String,
|
|
44
44
|
default: ''
|
|
@@ -85,6 +85,9 @@ defineProps({
|
|
|
85
85
|
}
|
|
86
86
|
})
|
|
87
87
|
|
|
88
|
+
const link = toRef(props, 'link');
|
|
89
|
+
const previewImageLink = toRef(props, 'previewImageLink');
|
|
90
|
+
|
|
88
91
|
function pause(currentTime) {
|
|
89
92
|
emit('pause', currentTime)
|
|
90
93
|
}
|