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

refactor bindings + include start_at option

Browse Source
This commit is contained in:
Ollie Taylor
2023-02-24 14:43:33 +00:00
parent d7d81ce732
commit 62497fe06b
5 changed files with 150 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/context/audio.ts
+48 -33
View File
@@ -3,20 +3,40 @@ import {
audio_current_time,
audio_element,
audio_metadata,
audio_muted,
audio_playback_rate,
audio_src,
audio_start_at,
audio_volume,
} from '$lib/context/audio-internals';
import { secondsToTimestamp } from '$lib/utility/seconds-to-timestamp';
import { info, warn } from '$pkg/log';
import clamp from 'just-clamp';
import { derived } from 'svelte/store';
const audio_state = derived([audio_metadata, audio_current_time], ([$metadata, $current_time]) => {
return {
current_time: $current_time,
timestamp: secondsToTimestamp($current_time),
...$metadata,
};
});
const audio_state = derived(
[
audio_metadata,
audio_autoplay,
audio_current_time,
audio_muted,
audio_playback_rate,
audio_src,
audio_volume,
],
([$metadata, $autoplay, $current_time, $muted, $playback_rate, $src, $volume]) => {
return {
...$metadata,
autoplay: $autoplay,
current_time: $current_time,
timestamp: secondsToTimestamp($current_time),
muted: $muted,
playback_rate: $playback_rate,
src: $src,
volume: $volume,
};
},
);
type HandleType = 'toggle' | 'set';
@@ -45,52 +65,47 @@ function pause(type: HandleType = 'set') {
function mute(type: HandleType = 'set') {
info('mute: ', type);
return audio_element.subscribe((el) => {
if (!el) return warn('no audio element');
if (type === 'toggle') {
el.muted = !el.muted;
} else {
el.muted = true;
}
})();
if (type === 'toggle') {
audio_muted.update((muted) => !muted);
} else {
audio_muted.set(true);
}
}
function unmute(type: HandleType = 'set') {
info('unmute: ', type);
return audio_element.subscribe((el) => {
if (!el) return warn('no audio element');
if (type === 'toggle') {
el.muted = !el.muted;
} else {
el.muted = false;
}
})();
if (type === 'toggle') {
audio_muted.update((muted) => !muted);
} else {
audio_muted.set(false);
}
}
type LoadOptions = {
autoplay: boolean;
start_at?: number;
};
function load(src: string, opts: LoadOptions) {
info('load: ', src);
audio_autoplay.set(opts.autoplay);
audio_volume.set(1);
audio_src.set(src);
return audio_element.subscribe((el) => {
if (!el) return warn('no audio element');
el.volume = 1;
el.pause();
})();
audio_start_at.set(opts.start_at || 0);
// opts.current_time ? seek(opts.current_time) : null;
//opts.autoplay && play();
}
function unload() {
info('unload: ');
audio_src.set(null);
pause();
audio_autoplay.set(false);
audio_volume.set(1);
audio_src.set('');
audio_start_at.set(0);
}
function setPlaybackRate(rate: number) {
info('setPlaybackRate: ', rate);
return audio_element.subscribe((el) => {
if (!el) return warn('no audio element');
el.playbackRate = clamp(0, 10, rate);
})();
audio_playback_rate.set(clamp(0, 10, rate));
}
function seek(seconds: number, from: 'from-start' | 'from-end' = 'from-start') {