From 0b253bb45f172b11552fcf61c65be83b4042a5c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= Date: Tue, 9 May 2023 11:40:06 +0200 Subject: [PATCH] fix(useMediaControls): better representation for "waiting" value (#3072) --- packages/core/useMediaControls/index.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/core/useMediaControls/index.ts b/packages/core/useMediaControls/index.ts index e6c469ca311..591b5bfd608 100644 --- a/packages/core/useMediaControls/index.ts +++ b/packages/core/useMediaControls/index.ts @@ -388,10 +388,15 @@ export function useMediaControls(target: MaybeRef buffered.value = timeRangeToArray((toValue(target))!.buffered)) useEventListener(target, 'seeking', () => seeking.value = true) useEventListener(target, 'seeked', () => seeking.value = false) - useEventListener(target, 'waiting', () => waiting.value = true) + useEventListener(target, ['waiting', 'loadstart'], () => { + waiting.value = true + ignorePlayingUpdates(() => playing.value = false) + }) + useEventListener(target, 'loadeddata', () => waiting.value = false) useEventListener(target, 'playing', () => { waiting.value = false ended.value = false + ignorePlayingUpdates(() => playing.value = true) }) useEventListener(target, 'ratechange', () => rate.value = (toValue(target))!.playbackRate) useEventListener(target, 'stalled', () => stalled.value = true)