* enhane: unison-reloadに指定したパスに移動できるように * null * null * feat: ログインするアカウントのIDをクエリ文字列で指定する機能 * null * await? * rename * rename * Update read.ts * merge * get-note-summary * fix * swパッケージに * add missing packages * fix getNoteSummary * add webpack-cli * ✌️ * remove plugins * sw-inject分離したがテストしてない * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix * ✌️ * clean up config * typesを戻した * backend/src/web/index.ts * notification-badges * add scripts * change create-notification.ts * Update packages/client/src/components/notification.vue Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> * disconnect * oops * Failed to load the script unexpectedly回避 sw.jsとlib.tsを分離してみた * truncate notification * Update packages/client/src/ui/_common_/common.vue Co-authored-by: syuilo <Syuilotan@yahoo.co.jp> * clean up * clean up * refactor * キャッシュ対策 * Truncate push notification message * fix * wip * clean up * migration * migration * comment * move soundConfigStore * ✌️ * clean up * クライアントがあったらストリームに接続しているということなので通知しない判定の位置を修正 * components/drive-file-thumbnail.vue * components/drive-select-dialog.vue * components/drive-window.vue * merge * fix * remove reversi setting * Service Workerのビルドにesbuildを使うようにする * return createEmptyNotification() * fix * fix * i18n.ts * update * ✌️ * remove ts-loader * fix * fix * enhance: Service Workerを常に登録するように * pollEnded * pollEnded * URLをsw.jsに戻す * clean up * clean up * update sounds.vue * update * fix type * ✌️ * ;v; --------- Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
141 lines
3.4 KiB
TypeScript
141 lines
3.4 KiB
TypeScript
import { markRaw } from 'vue';
|
|
import { Storage } from '@/pizzax';
|
|
|
|
export const soundConfigStore = markRaw(new Storage('sound', {
|
|
mediaVolume: {
|
|
where: 'device',
|
|
default: 0.5
|
|
},
|
|
sound_masterVolume: {
|
|
where: 'device',
|
|
default: 0.3
|
|
},
|
|
sound_note: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/n-aec', volume: 1 }
|
|
},
|
|
sound_noteMy: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/n-cea-4va', volume: 1 }
|
|
},
|
|
sound_notification: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/n-ea', volume: 1 }
|
|
},
|
|
sound_chat: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/pope1', volume: 1 }
|
|
},
|
|
sound_chatBg: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/waon', volume: 1 }
|
|
},
|
|
sound_antenna: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/triple', volume: 1 }
|
|
},
|
|
sound_channel: {
|
|
where: 'account',
|
|
default: { type: 'syuilo/square-pico', volume: 1 }
|
|
},
|
|
}));
|
|
|
|
await soundConfigStore.ready;
|
|
|
|
//#region サウンドのColdDeviceStorage => indexedDBのマイグレーション
|
|
for (const target of Object.keys(soundConfigStore.state) as Array<keyof typeof soundConfigStore.state>) {
|
|
const value = localStorage.getItem(`miux:${target}`);
|
|
if (value) {
|
|
soundConfigStore.set(target, JSON.parse(value) as typeof soundConfigStore.def[typeof target]['default']);
|
|
localStorage.removeItem(`miux:${target}`);
|
|
}
|
|
}
|
|
//#endregion
|
|
|
|
const cache = new Map<string, HTMLAudioElement>();
|
|
|
|
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 function getAudio(file: string, useCache = true): HTMLAudioElement {
|
|
let audio: HTMLAudioElement;
|
|
if (useCache && cache.has(file)) {
|
|
audio = cache.get(file);
|
|
} else {
|
|
audio = new Audio(`/client-assets/sounds/${file}.mp3`);
|
|
if (useCache) cache.set(file, audio);
|
|
}
|
|
return audio;
|
|
}
|
|
|
|
export function setVolume(audio: HTMLAudioElement, volume: number): HTMLAudioElement {
|
|
const masterVolume = soundConfigStore.state.sound_masterVolume;
|
|
audio.volume = masterVolume - ((1 - volume) * masterVolume);
|
|
return audio;
|
|
}
|
|
|
|
export function play(type: 'noteMy' | 'note' | 'antenna' | 'channel' | 'notification') {
|
|
const sound = soundConfigStore.state[`sound_${type}`];
|
|
if (_DEV_) console.log('play', type, sound);
|
|
if (sound.type == null) return;
|
|
playFile(sound.type, sound.volume);
|
|
}
|
|
|
|
export function playFile(file: string, volume: number) {
|
|
const masterVolume = soundConfigStore.state.sound_masterVolume;
|
|
if (masterVolume === 0) return;
|
|
|
|
const audio = setVolume(getAudio(file), volume);
|
|
audio.play();
|
|
}
|