mirror of
https://github.com/paricafe/misskey.git
synced 2024-12-04 20:56:44 -06:00
234 lines
5.4 KiB
TypeScript
234 lines
5.4 KiB
TypeScript
/*
|
||
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
||
* SPDX-License-Identifier: AGPL-3.0-only
|
||
*/
|
||
|
||
import type { SoundStore } from '@/store.js';
|
||
import { defaultStore } from '@/store.js';
|
||
|
||
let ctx: AudioContext;
|
||
const cache = new Map<string, AudioBuffer>();
|
||
let canPlay = true;
|
||
|
||
export const soundsTypes = [
|
||
// 音声なし
|
||
null,
|
||
|
||
// ドライブの音声
|
||
'_driveFile_',
|
||
|
||
// プリインストール
|
||
'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/bubble1',
|
||
'syuilo/bubble2',
|
||
'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 const operationTypes = [
|
||
'noteMy',
|
||
'note',
|
||
'antenna',
|
||
'channel',
|
||
'notification',
|
||
'reaction',
|
||
] as const;
|
||
|
||
/** サウンドの種類 */
|
||
export type SoundType = typeof soundsTypes[number];
|
||
|
||
/** スプライトの種類 */
|
||
export type OperationType = typeof operationTypes[number];
|
||
|
||
/**
|
||
* 音声を読み込む
|
||
* @param url url
|
||
* @param options `useCache`: デフォルトは`true` 一度再生した音声はキャッシュする
|
||
*/
|
||
export async function loadAudio(url: string, options?: { useCache?: boolean; }) {
|
||
if (_DEV_) console.log('loading audio. opts:', options);
|
||
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
||
if (ctx == null) {
|
||
ctx = new AudioContext();
|
||
}
|
||
if (options?.useCache ?? true) {
|
||
if (cache.has(url)) {
|
||
return cache.get(url) as AudioBuffer;
|
||
}
|
||
}
|
||
|
||
let response: Response;
|
||
|
||
try {
|
||
response = await fetch(url);
|
||
} catch (err) {
|
||
return;
|
||
}
|
||
|
||
const arrayBuffer = await response.arrayBuffer();
|
||
const audioBuffer = await ctx.decodeAudioData(arrayBuffer);
|
||
|
||
if (options?.useCache ?? true) {
|
||
cache.set(url, audioBuffer);
|
||
}
|
||
|
||
return audioBuffer;
|
||
}
|
||
|
||
/**
|
||
* 既定のスプライトを再生する
|
||
* @param type スプライトの種類を指定
|
||
*/
|
||
export function playMisskeySfx(operationType: OperationType) {
|
||
const sound = defaultStore.state[`sound_${operationType}`];
|
||
if (sound.type == null || !canPlay) return;
|
||
|
||
canPlay = false;
|
||
playMisskeySfxFile(sound).finally(() => {
|
||
// ごく短時間に音が重複しないように
|
||
setTimeout(() => {
|
||
canPlay = true;
|
||
}, 25);
|
||
});
|
||
}
|
||
|
||
/**
|
||
* サウンド設定形式で指定された音声を再生する
|
||
* @param soundStore サウンド設定
|
||
*/
|
||
export async function playMisskeySfxFile(soundStore: SoundStore) {
|
||
if (soundStore.type === null || (soundStore.type === '_driveFile_' && !soundStore.fileUrl)) {
|
||
return;
|
||
}
|
||
const masterVolume = defaultStore.state.sound_masterVolume;
|
||
if (isMute() || masterVolume === 0 || soundStore.volume === 0) {
|
||
return;
|
||
}
|
||
const url = soundStore.type === '_driveFile_' ? soundStore.fileUrl : `/client-assets/sounds/${soundStore.type}.mp3`;
|
||
const buffer = await loadAudio(url);
|
||
if (!buffer) return;
|
||
const volume = soundStore.volume * masterVolume;
|
||
createSourceNode(buffer, { volume }).soundSource.start();
|
||
}
|
||
|
||
export async function playUrl(url: string, opts: {
|
||
volume?: number;
|
||
pan?: number;
|
||
playbackRate?: number;
|
||
}) {
|
||
if (opts.volume === 0) {
|
||
return;
|
||
}
|
||
const buffer = await loadAudio(url);
|
||
if (!buffer) return;
|
||
createSourceNode(buffer, opts).soundSource.start();
|
||
}
|
||
|
||
export function createSourceNode(buffer: AudioBuffer, opts: {
|
||
volume?: number;
|
||
pan?: number;
|
||
playbackRate?: number;
|
||
}): {
|
||
soundSource: AudioBufferSourceNode;
|
||
panNode: StereoPannerNode;
|
||
gainNode: GainNode;
|
||
} {
|
||
const panNode = ctx.createStereoPanner();
|
||
panNode.pan.value = opts.pan ?? 0;
|
||
|
||
const gainNode = ctx.createGain();
|
||
|
||
gainNode.gain.value = opts.volume ?? 1;
|
||
|
||
const soundSource = ctx.createBufferSource();
|
||
soundSource.buffer = buffer;
|
||
soundSource.playbackRate.value = opts.playbackRate ?? 1;
|
||
soundSource
|
||
.connect(panNode)
|
||
.connect(gainNode)
|
||
.connect(ctx.destination);
|
||
|
||
return { soundSource, panNode, gainNode };
|
||
}
|
||
|
||
/**
|
||
* 音声の長さをミリ秒で取得する
|
||
* @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);
|
||
});
|
||
}
|
||
|
||
/**
|
||
* ミュートすべきかどうかを判断する
|
||
*/
|
||
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;
|
||
}
|