cyber-mawonaj/oki-podcast-reader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve type guards

Browse Source
This commit is contained in:
Ollie Taylor
2023-02-23 00:39:46 +00:00
parent c1f1131c7c
commit 8d4afbd7ff
4 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/audio/audio.svelte
+12 -19
View File
@@ -6,6 +6,7 @@
__internal_audio_src,
} from '$lib/components/audio/store';
import type { PlayerElement } from '$lib/components/audio/types';
import { isBoolean, isNumber } from '$lib/helper/check';
let element: PlayerElement;
let currentTime = 0;
@@ -40,43 +41,35 @@
// TODO: reset player state
// console.log('emptied', e);
}}
aria-activedescendant="audio-progress"
aria-atomic="true"
aria-busy="false"
aria-controls="audio-progress"
on:loadeddata={() => {
__internal_audio_metadata.update((m) => ({ ...m, loading: false }));
}}
on:loadstart={() => {
__internal_audio_metadata.update((m) => ({ ...m, loading: true }));
}}
on:ratechange={(e) => {
// @ts-expect-error event is not fully typed
const rate = e.target.playbackRate;
console.log('rateChange', rate);
if (typeof rate != 'number' || isNaN(rate)) return;
__internal_audio_metadata.update((m) => ({ ...m, playbackRate: rate }));
}}
on:playing={(e) => {
// @ts-expect-error event is not fully typed
const is_paused = e.target.paused;
console.log('playing paused:', is_paused);
if (typeof is_paused != 'boolean') return;
if (!isBoolean(is_paused)) return;
__internal_audio_metadata.update((m) => ({ ...m, paused: is_paused }));
}}
on:pause={(e) => {
// @ts-expect-error event is not fully typed
const is_paused = e.target.paused;
console.log('pause paused:', is_paused);
if (typeof is_paused != 'boolean') return;
if (!isBoolean(is_paused)) return;
__internal_audio_metadata.update((m) => ({ ...m, paused: is_paused }));
}}
on:ratechange={(e) => {
// @ts-expect-error event is not fully typed
const playbackRate = e.target.playbackRate;
if (!isNumber(playbackRate)) return;
__internal_audio_metadata.update((m) => ({ ...m, playbackRate }));
}}
on:durationchange={(e) => {
// @ts-expect-error event is not fully typed
const dur = e.target?.duration;
console.log('durationchange', dur);
if (typeof dur != 'number' || isNaN(dur)) return;
__internal_audio_metadata.update((m) => ({ ...m, duration: dur }));
const duration = e.target?.duration;
if (!isNumber(duration)) return;
__internal_audio_metadata.update((m) => ({ ...m, duration }));
}}
/>
<!-- <AudioA11yProgress {currentTime} {paused} {duration} /> -->
src/lib/components/audio/store.ts
+1 -1
View File
@@ -1,6 +1,6 @@
import { dev } from '$app/environment';
import type { PlayerElement, PlayerMetadata } from '$lib/components/audio/types';
import { secondsToTimestamp } from '$lib/helper/s-to-timestamp';
import { secondsToTimestamp } from '$lib/helper/seconds-to-timestamp';
import clamp from 'just-clamp';
import { derived, writable } from 'svelte/store';