blsmedia/bot
2
0
Fork 0
Code Issues Activity

🐛 (bot) Fix double callback on video and audio bubble

Browse Source
This commit is contained in:
Baptiste Arnaud
2023-07-12 14:23:41 +02:00
parent 6565fcc29c
commit abb363b59d
4 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/embeds/js/src/features/blocks/bubbles/audio/components/AudioBubble.tsx
View File

@@ -25,17 +25,19 @@ export const AudioBubble = (props: Props) => {
props.onTransitionEnd(ref?.offsetTop)
}
const onCanPlay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
onMount(() => {
typingTimeout = setTimeout(() => {
if (audioElement) audioElement.removeEventListener('canplay', onCanPlay)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}, defaultTypingDuration)
if (audioElement)
audioElement.oncanplay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
if (audioElement) audioElement.addEventListener('canplay', onCanPlay)
})
onCleanup(() => {

14
packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx
View File

@@ -27,21 +27,23 @@ export const VideoBubble = (props: Props) => {
props.onTransitionEnd(ref?.offsetTop)
}
const onCanPlay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
onMount(() => {
console.log(videoElement)
typingTimeout = setTimeout(
() => {
if (videoElement) videoElement.removeEventListener('canplay', onCanPlay)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
},
videoElement ? defaultTypingDuration : 2000
)
if (videoElement)
videoElement.oncanplay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
if (videoElement) videoElement.addEventListener('canplay', onCanPlay)
})
onCleanup(() => {