|
@@ -277,8 +277,11 @@ import { useRoute, useRouter } from 'vue-router'
|
|
|
// import '@videojs/http-streaming' // 支持HLS分片
|
|
// import '@videojs/http-streaming' // 支持HLS分片
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+
|
|
|
import "vue3-video-play/dist/style.css";
|
|
import "vue3-video-play/dist/style.css";
|
|
|
import { videoPlay as Vue3VideoPlay } from "vue3-video-play";
|
|
import { videoPlay as Vue3VideoPlay } from "vue3-video-play";
|
|
|
|
|
+// 导入hls.js以支持m3u8格式
|
|
|
|
|
+import Hls from 'hls.js'
|
|
|
|
|
|
|
|
const videoPlayer = ref(null)
|
|
const videoPlayer = ref(null)
|
|
|
// let player = null
|
|
// let player = null
|
|
@@ -610,6 +613,8 @@ const disableVideo = (index = course.value.key) => {
|
|
|
|
|
|
|
|
// 视频 ref
|
|
// 视频 ref
|
|
|
const videoRef = ref(null)
|
|
const videoRef = ref(null)
|
|
|
|
|
+// HLS实例
|
|
|
|
|
+const hlsRef = ref(null)
|
|
|
// 记录已经暂停过的时间点索引
|
|
// 记录已经暂停过的时间点索引
|
|
|
let pausedIndices = ref([])
|
|
let pausedIndices = ref([])
|
|
|
// 试题弹框显示状态
|
|
// 试题弹框显示状态
|
丸子