chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: add classroom learning page with video player and robust progress tracking

Browse source
This commit is contained in:
supalerk-ar66 2026-01-29 17:17:40 +07:00
parent 18816c4fb2
commit 90a8cb6509
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Frontend-Learner/pages/classroom/learning.vue
View file

@ -169,7 +169,7 @@ const loadLesson = async (lessonId: number) => {
const resumeTime = Math.max(serverProgress, localProgress) const resumeTime = Math.max(serverProgress, localProgress)
if (resumeTime > 0) { if (resumeTime > 0) {
console.log(`Resuming at: ${resumeTime}s (Server: ${serverProgress}, Local: ${localProgress})`)
initialSeekTime.value = resumeTime initialSeekTime.value = resumeTime
maxWatchedTime.value = resumeTime maxWatchedTime.value = resumeTime
currentTime.value = resumeTime currentTime.value = resumeTime
@ -266,7 +266,7 @@ const performSaveProgress = async (force: boolean = false, keepalive: boolean =
lastSavedTime.value = maxSec lastSavedTime.value = maxSec
lastSavedTimestamp.value = now lastSavedTimestamp.value = now
console.log(`Saving Server: ${maxSec}/${durationSec} (KeepAlive: ${keepalive})`)
const res = await saveVideoProgress(currentLesson.value.id, maxSec, durationSec, keepalive) const res = await saveVideoProgress(currentLesson.value.id, maxSec, durationSec, keepalive)
@ -376,7 +376,7 @@ onBeforeUnmount(() => {
const handleVisibilityChange = () => { const handleVisibilityChange = () => {
if (document.hidden) { if (document.hidden) {
console.log('Tab hidden, saving progress...')
if (currentLesson.value?.id) { if (currentLesson.value?.id) {
saveLocalProgress(currentLesson.value.id, maxWatchedTime.value) saveLocalProgress(currentLesson.value.id, maxWatchedTime.value)
} }
@ -407,7 +407,7 @@ watch(isPlaying, (playing) => {
// เมื่อวิดีโอจบ ให้บันทึกว่าเรียนจบ (Complete) // เมื่อวิดีโอจบ ให้บันทึกว่าเรียนจบ (Complete)
const onVideoEnded = async () => { const onVideoEnded = async () => {
isPlaying.value = false isPlaying.value = false
console.log('Video Ended')
// Force save progress at 100% // Force save progress at 100%
await performSaveProgress(true, false) await performSaveProgress(true, false)
@ -425,7 +425,7 @@ const onVideoEnded = async () => {
} else if (res.data.next_lesson_id) { } else if (res.data.next_lesson_id) {
// Auto-advance removed as per request. // Auto-advance removed as per request.
// User will manually select the next lesson from the sidebar. // User will manually select the next lesson from the sidebar.
console.log('Video finished. Next lesson available:', res.data.next_lesson_id)
} }
} }
} }