通知音などの発音方法を変え、iOSで音声出力が競合しないようにする (#12339)

* HTMLAudioElementを使わないようにする

* fix CHANGELOG.md

---------

Co-authored-by: osamu <46447427+sam-osamu@users.noreply.github.com>
This commit is contained in:
おさむのひと 2023-11-15 18:03:15 +09:00 committed by GitHub
parent ca81f0ddbb
commit 38d6580a36
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 12 deletions

View file

@ -29,6 +29,7 @@
- Fix: 非ログイン時に「メモを追加」を表示しないように変更 #12309 - Fix: 非ログイン時に「メモを追加」を表示しないように変更 #12309
- Fix: 絵文字ピッカーでの検索が更新されない問題を修正 - Fix: 絵文字ピッカーでの検索が更新されない問題を修正
- Fix: 特定の条件下でートがnyaizeされない問題を修正 - Fix: 特定の条件下でートがnyaizeされない問題を修正
- Fix: iOSでの音声出力不備を改善 #12339
### Server ### Server
- Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように - Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように

View file

@ -5,7 +5,8 @@
import { defaultStore } from '@/store.js'; import { defaultStore } from '@/store.js';
const cache = new Map<string, HTMLAudioElement>(); const ctx = new AudioContext();
const cache = new Map<string, AudioBuffer>();
export const soundsTypes = [ export const soundsTypes = [
null, null,
@ -60,15 +61,20 @@ export const soundsTypes = [
'noizenecio/kick_gaba7', 'noizenecio/kick_gaba7',
] as const; ] as const;
export function getAudio(file: string, useCache = true): HTMLAudioElement { export async function getAudio(file: string, useCache = true) {
let audio: HTMLAudioElement;
if (useCache && cache.has(file)) { if (useCache && cache.has(file)) {
audio = cache.get(file); return cache.get(file)!;
} else {
audio = new Audio(`/client-assets/sounds/${file}.mp3`);
if (useCache) cache.set(file, audio);
} }
return audio;
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 { export function setVolume(audio: HTMLAudioElement, volume: number): HTMLAudioElement {
@ -84,8 +90,17 @@ export function play(type: 'noteMy' | 'note' | 'antenna' | 'channel' | 'notifica
playFile(sound.type, sound.volume); playFile(sound.type, sound.volume);
} }
export function playFile(file: string, volume: number) { export async function playFile(file: string, volume: number) {
const audio = setVolume(getAudio(file), volume); const masterVolume = defaultStore.state.sound_masterVolume;
if (audio.volume === 0) return; if (masterVolume === 0 || volume === 0) {
audio.play(); 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();
} }