mirror of
https://code.castopod.org/adaures/castopod.git
synced 2024-09-12 05:18:06 +02:00
- podcast name was too vague and didn't come clearly for users: handle is more relevant - update package.json dependencies and remove unnused packages closes #126
98 lines
3.1 KiB
TypeScript
98 lines
3.1 KiB
TypeScript
/**
|
|
* TODO: refactor file
|
|
*/
|
|
let timeout: number | null = null;
|
|
|
|
const playSoundbite = (
|
|
audioPlayer: HTMLAudioElement,
|
|
startTime: number,
|
|
duration: number
|
|
): void => {
|
|
audioPlayer.currentTime = startTime;
|
|
if (duration > 0) {
|
|
audioPlayer.play();
|
|
if (timeout) {
|
|
clearTimeout(timeout);
|
|
timeout = null;
|
|
}
|
|
timeout = window.setTimeout(() => {
|
|
audioPlayer.pause();
|
|
timeout = null;
|
|
}, duration * 1000);
|
|
}
|
|
};
|
|
|
|
const Soundbites = (): void => {
|
|
const audioPlayer: HTMLAudioElement | null = document.querySelector("audio");
|
|
|
|
if (audioPlayer) {
|
|
const soundbiteButton: HTMLButtonElement | null = document.querySelector(
|
|
"button[data-type='get-soundbite']"
|
|
);
|
|
if (soundbiteButton) {
|
|
const startTimeField: HTMLInputElement | null = document.querySelector(
|
|
`input[name="${soundbiteButton.dataset.startTimeFieldName}"]`
|
|
);
|
|
const durationField: HTMLInputElement | null = document.querySelector(
|
|
`input[name="${soundbiteButton.dataset.durationFieldName}"]`
|
|
);
|
|
|
|
if (startTimeField && durationField) {
|
|
soundbiteButton.addEventListener("click", () => {
|
|
if (startTimeField.value === "") {
|
|
startTimeField.value = (
|
|
Math.round(audioPlayer.currentTime * 100) / 100
|
|
).toString();
|
|
} else {
|
|
durationField.value = (
|
|
Math.round(
|
|
(audioPlayer.currentTime - Number(startTimeField.value)) * 100
|
|
) / 100
|
|
).toString();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
const soundbitePlayButtons: NodeListOf<HTMLButtonElement> | null =
|
|
document.querySelectorAll("button[data-type='play-soundbite']");
|
|
if (soundbitePlayButtons) {
|
|
for (let i = 0; i < soundbitePlayButtons.length; i++) {
|
|
const soundbitePlayButton: HTMLButtonElement = soundbitePlayButtons[i];
|
|
soundbitePlayButton.addEventListener("click", () => {
|
|
playSoundbite(
|
|
audioPlayer,
|
|
Number(soundbitePlayButton.dataset.soundbiteStartTime),
|
|
Number(soundbitePlayButton.dataset.soundbiteDuration)
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
const inputFields: NodeListOf<HTMLInputElement> | null =
|
|
document.querySelectorAll("input[data-type='soundbite-field']");
|
|
if (inputFields) {
|
|
for (let i = 0; i < inputFields.length; i++) {
|
|
const inputField: HTMLInputElement = inputFields[i];
|
|
const soundbitePlayButton: HTMLButtonElement | null =
|
|
document.querySelector(
|
|
`button[data-type="play-soundbite"][data-soundbite-id="${inputField.dataset.soundbiteId}"]`
|
|
);
|
|
if (soundbitePlayButton) {
|
|
if (inputField.dataset.fieldType == "start-time") {
|
|
inputField.addEventListener("input", () => {
|
|
soundbitePlayButton.dataset.soundbiteStartTime = inputField.value;
|
|
});
|
|
} else if (inputField.dataset.fieldType == "duration") {
|
|
inputField.addEventListener("input", () => {
|
|
soundbitePlayButton.dataset.soundbiteDuration = inputField.value;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
export default Soundbites;
|