38d6580a36
* HTMLAudioElementを使わないようにする * fix CHANGELOG.md --------- Co-authored-by: osamu <46447427+sam-osamu@users.noreply.github.com>
107 lines
2.5 KiB
TypeScript
107 lines
2.5 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import { defaultStore } from '@/store.js';
|
|
|
|
const ctx = new AudioContext();
|
|
const cache = new Map<string, AudioBuffer>();
|
|
|
|
export const soundsTypes = [
|
|
null,
|
|
'syuilo/n-aec',
|
|
'syuilo/n-aec-4va',
|
|
'syuilo/n-aec-4vb',
|
|
'syuilo/n-aec-8va',
|
|
'syuilo/n-aec-8vb',
|
|
'syuilo/n-cea',
|
|
'syuilo/n-cea-4va',
|
|
'syuilo/n-cea-4vb',
|
|
'syuilo/n-cea-8va',
|
|
'syuilo/n-cea-8vb',
|
|
'syuilo/n-eca',
|
|
'syuilo/n-eca-4va',
|
|
'syuilo/n-eca-4vb',
|
|
'syuilo/n-eca-8va',
|
|
'syuilo/n-eca-8vb',
|
|
'syuilo/n-ea',
|
|
'syuilo/n-ea-4va',
|
|
'syuilo/n-ea-4vb',
|
|
'syuilo/n-ea-8va',
|
|
'syuilo/n-ea-8vb',
|
|
'syuilo/n-ea-harmony',
|
|
'syuilo/up',
|
|
'syuilo/down',
|
|
'syuilo/pope1',
|
|
'syuilo/pope2',
|
|
'syuilo/waon',
|
|
'syuilo/popo',
|
|
'syuilo/triple',
|
|
'syuilo/poi1',
|
|
'syuilo/poi2',
|
|
'syuilo/pirori',
|
|
'syuilo/pirori-wet',
|
|
'syuilo/pirori-square-wet',
|
|
'syuilo/square-pico',
|
|
'syuilo/reverved',
|
|
'syuilo/ryukyu',
|
|
'syuilo/kick',
|
|
'syuilo/snare',
|
|
'syuilo/queue-jammed',
|
|
'aisha/1',
|
|
'aisha/2',
|
|
'aisha/3',
|
|
'noizenecio/kick_gaba1',
|
|
'noizenecio/kick_gaba2',
|
|
'noizenecio/kick_gaba3',
|
|
'noizenecio/kick_gaba4',
|
|
'noizenecio/kick_gaba5',
|
|
'noizenecio/kick_gaba6',
|
|
'noizenecio/kick_gaba7',
|
|
] as const;
|
|
|
|
export async function getAudio(file: string, useCache = true) {
|
|
if (useCache && cache.has(file)) {
|
|
return cache.get(file)!;
|
|
}
|
|
|
|
const response = await fetch(`/client-assets/sounds/${file}.mp3`);
|
|
const arrayBuffer = await response.arrayBuffer();
|
|
const audioBuffer = await ctx.decodeAudioData(arrayBuffer);
|
|
|
|
if (useCache) {
|
|
cache.set(file, audioBuffer);
|
|
}
|
|
|
|
return audioBuffer;
|
|
}
|
|
|
|
export function setVolume(audio: HTMLAudioElement, volume: number): HTMLAudioElement {
|
|
const masterVolume = defaultStore.state.sound_masterVolume;
|
|
audio.volume = masterVolume - ((1 - volume) * masterVolume);
|
|
return audio;
|
|
}
|
|
|
|
export function play(type: 'noteMy' | 'note' | 'antenna' | 'channel' | 'notification') {
|
|
const sound = defaultStore.state[`sound_${type}`];
|
|
if (_DEV_) console.log('play', type, sound);
|
|
if (sound.type == null) return;
|
|
playFile(sound.type, sound.volume);
|
|
}
|
|
|
|
export async function playFile(file: string, volume: number) {
|
|
const masterVolume = defaultStore.state.sound_masterVolume;
|
|
if (masterVolume === 0 || volume === 0) {
|
|
return;
|
|
}
|
|
|
|
const gainNode = ctx.createGain();
|
|
gainNode.gain.value = masterVolume * volume;
|
|
|
|
const soundSource = ctx.createBufferSource();
|
|
soundSource.buffer = await getAudio(file);
|
|
soundSource.connect(gainNode).connect(ctx.destination);
|
|
soundSource.start();
|
|
}
|