2023-07-27 00:31:52 -05:00
|
|
|
|
/*
|
|
|
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
|
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
|
*/
|
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
import type { SoundStore } from '@/store.js';
|
2023-11-03 20:09:21 -05:00
|
|
|
|
import { defaultStore } from '@/store.js';
|
2024-01-04 03:32:46 -06:00
|
|
|
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
2020-11-25 06:31:34 -06:00
|
|
|
|
|
2023-11-25 23:38:34 -06:00
|
|
|
|
let ctx: AudioContext;
|
2023-11-15 03:03:15 -06:00
|
|
|
|
const cache = new Map<string, AudioBuffer>();
|
2023-11-25 22:20:46 -06:00
|
|
|
|
let canPlay = true;
|
2020-11-25 06:31:34 -06:00
|
|
|
|
|
2022-12-21 18:01:58 -06:00
|
|
|
|
export const soundsTypes = [
|
2023-11-27 02:33:42 -06:00
|
|
|
|
// 音声なし
|
2022-12-21 18:01:58 -06:00
|
|
|
|
null,
|
2023-11-27 02:33:42 -06:00
|
|
|
|
|
|
|
|
|
// ドライブの音声
|
|
|
|
|
'_driveFile_',
|
|
|
|
|
|
|
|
|
|
// プリインストール
|
2023-03-02 18:41:33 -06:00
|
|
|
|
'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',
|
2022-12-21 18:01:58 -06:00
|
|
|
|
'syuilo/up',
|
|
|
|
|
'syuilo/down',
|
|
|
|
|
'syuilo/pope1',
|
|
|
|
|
'syuilo/pope2',
|
|
|
|
|
'syuilo/waon',
|
|
|
|
|
'syuilo/popo',
|
|
|
|
|
'syuilo/triple',
|
2023-11-25 22:04:44 -06:00
|
|
|
|
'syuilo/bubble1',
|
|
|
|
|
'syuilo/bubble2',
|
2022-12-21 18:01:58 -06:00
|
|
|
|
'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;
|
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
export const operationTypes = [
|
|
|
|
|
'noteMy',
|
|
|
|
|
'note',
|
|
|
|
|
'antenna',
|
|
|
|
|
'channel',
|
|
|
|
|
'notification',
|
|
|
|
|
'reaction',
|
|
|
|
|
] as const;
|
|
|
|
|
|
|
|
|
|
/** サウンドの種類 */
|
|
|
|
|
export type SoundType = typeof soundsTypes[number];
|
|
|
|
|
|
|
|
|
|
/** スプライトの種類 */
|
|
|
|
|
export type OperationType = typeof operationTypes[number];
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 音声を読み込む
|
|
|
|
|
* @param soundStore サウンド設定
|
|
|
|
|
* @param options `useCache`: デフォルトは`true` 一度再生した音声はキャッシュする
|
|
|
|
|
*/
|
|
|
|
|
export async function loadAudio(soundStore: SoundStore, options?: { useCache?: boolean; }) {
|
|
|
|
|
if (_DEV_) console.log('loading audio. opts:', options);
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
|
|
|
if (soundStore.type === null || (soundStore.type === '_driveFile_' && !soundStore.fileUrl)) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
2023-11-25 23:38:34 -06:00
|
|
|
|
if (ctx == null) {
|
|
|
|
|
ctx = new AudioContext();
|
|
|
|
|
}
|
2023-11-27 02:33:42 -06:00
|
|
|
|
if (options?.useCache ?? true) {
|
|
|
|
|
if (soundStore.type === '_driveFile_' && cache.has(soundStore.fileId)) {
|
|
|
|
|
if (_DEV_) console.log('use cache');
|
|
|
|
|
return cache.get(soundStore.fileId) as AudioBuffer;
|
|
|
|
|
} else if (cache.has(soundStore.type)) {
|
|
|
|
|
if (_DEV_) console.log('use cache');
|
|
|
|
|
return cache.get(soundStore.type) as AudioBuffer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let response: Response;
|
|
|
|
|
|
|
|
|
|
if (soundStore.type === '_driveFile_') {
|
|
|
|
|
try {
|
|
|
|
|
response = await fetch(soundStore.fileUrl);
|
|
|
|
|
} catch (err) {
|
|
|
|
|
try {
|
|
|
|
|
// URLが変わっている可能性があるのでドライブ側からURLを取得するフォールバック
|
2024-01-04 03:32:46 -06:00
|
|
|
|
const apiRes = await misskeyApi('drive/files/show', {
|
2023-11-27 02:33:42 -06:00
|
|
|
|
fileId: soundStore.fileId,
|
|
|
|
|
});
|
|
|
|
|
response = await fetch(apiRes.url);
|
|
|
|
|
} catch (fbErr) {
|
|
|
|
|
// それでも無理なら諦める
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
try {
|
|
|
|
|
response = await fetch(`/client-assets/sounds/${soundStore.type}.mp3`);
|
|
|
|
|
} catch (err) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2021-08-14 04:36:22 -05:00
|
|
|
|
}
|
2023-11-15 03:03:15 -06:00
|
|
|
|
|
|
|
|
|
const arrayBuffer = await response.arrayBuffer();
|
|
|
|
|
const audioBuffer = await ctx.decodeAudioData(arrayBuffer);
|
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
if (options?.useCache ?? true) {
|
|
|
|
|
if (soundStore.type === '_driveFile_') {
|
|
|
|
|
cache.set(soundStore.fileId, audioBuffer);
|
|
|
|
|
} else {
|
|
|
|
|
cache.set(soundStore.type, audioBuffer);
|
|
|
|
|
}
|
2023-11-15 03:03:15 -06:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return audioBuffer;
|
2021-08-14 04:36:22 -05:00
|
|
|
|
}
|
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
/**
|
|
|
|
|
* 既定のスプライトを再生する
|
|
|
|
|
* @param type スプライトの種類を指定
|
|
|
|
|
*/
|
|
|
|
|
export function play(operationType: OperationType) {
|
|
|
|
|
const sound = defaultStore.state[`sound_${operationType}`];
|
|
|
|
|
if (_DEV_) console.log('play', operationType, sound);
|
2023-11-25 22:20:46 -06:00
|
|
|
|
if (sound.type == null || !canPlay) return;
|
|
|
|
|
|
|
|
|
|
canPlay = false;
|
2023-11-28 19:29:00 -06:00
|
|
|
|
playFile(sound).finally(() => {
|
2023-11-25 22:20:46 -06:00
|
|
|
|
// ごく短時間に音が重複しないように
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
canPlay = true;
|
|
|
|
|
}, 25);
|
|
|
|
|
});
|
2020-11-25 06:31:34 -06:00
|
|
|
|
}
|
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
/**
|
|
|
|
|
* サウンド設定形式で指定された音声を再生する
|
|
|
|
|
* @param soundStore サウンド設定
|
|
|
|
|
*/
|
|
|
|
|
export async function playFile(soundStore: SoundStore) {
|
|
|
|
|
const buffer = await loadAudio(soundStore);
|
|
|
|
|
if (!buffer) return;
|
|
|
|
|
createSourceNode(buffer, soundStore.volume)?.start();
|
2023-11-21 05:05:04 -06:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function createSourceNode(buffer: AudioBuffer, volume: number) : AudioBufferSourceNode | null {
|
2023-11-15 03:03:15 -06:00
|
|
|
|
const masterVolume = defaultStore.state.sound_masterVolume;
|
2023-11-26 01:12:02 -06:00
|
|
|
|
if (isMute() || masterVolume === 0 || volume === 0) {
|
2023-11-21 05:05:04 -06:00
|
|
|
|
return null;
|
2023-11-15 03:03:15 -06:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const gainNode = ctx.createGain();
|
|
|
|
|
gainNode.gain.value = masterVolume * volume;
|
|
|
|
|
|
|
|
|
|
const soundSource = ctx.createBufferSource();
|
2023-11-21 05:05:04 -06:00
|
|
|
|
soundSource.buffer = buffer;
|
2023-11-15 03:03:15 -06:00
|
|
|
|
soundSource.connect(gainNode).connect(ctx.destination);
|
2023-11-21 05:05:04 -06:00
|
|
|
|
|
|
|
|
|
return soundSource;
|
2020-11-25 06:31:34 -06:00
|
|
|
|
}
|
2023-11-26 01:12:02 -06:00
|
|
|
|
|
2023-11-27 02:33:42 -06:00
|
|
|
|
/**
|
|
|
|
|
* 音声の長さをミリ秒で取得する
|
|
|
|
|
* @param file ファイルのURL(ドライブIDではない)
|
|
|
|
|
*/
|
|
|
|
|
export async function getSoundDuration(file: string): Promise<number> {
|
|
|
|
|
const audioEl = document.createElement('audio');
|
|
|
|
|
audioEl.src = file;
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
const si = setInterval(() => {
|
|
|
|
|
if (audioEl.readyState > 0) {
|
|
|
|
|
resolve(audioEl.duration * 1000);
|
|
|
|
|
clearInterval(si);
|
|
|
|
|
audioEl.remove();
|
|
|
|
|
}
|
|
|
|
|
}, 100);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* ミュートすべきかどうかを判断する
|
|
|
|
|
*/
|
2023-11-26 01:12:02 -06:00
|
|
|
|
export function isMute(): boolean {
|
|
|
|
|
if (defaultStore.state.sound_notUseSound) {
|
|
|
|
|
// サウンドを出力しない
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// noinspection RedundantIfStatementJS
|
|
|
|
|
if (defaultStore.state.sound_useSoundOnlyWhenActive && document.visibilityState === 'hidden') {
|
|
|
|
|
// ブラウザがアクティブな時のみサウンドを出力する
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
}
|