mirror of
https://github.com/paricafe/misskey.git
synced 2024-12-11 01:36:44 -06:00
通知音などの発音方法を変え、iOSで音声出力が競合しないようにする (#12339)
* HTMLAudioElementを使わないようにする * fix CHANGELOG.md --------- Co-authored-by: osamu <46447427+sam-osamu@users.noreply.github.com>
This commit is contained in:
parent
ca81f0ddbb
commit
38d6580a36
2 changed files with 28 additions and 12 deletions
|
@ -29,6 +29,7 @@
|
||||||
- Fix: 非ログイン時に「メモを追加」を表示しないように変更 #12309
|
- Fix: 非ログイン時に「メモを追加」を表示しないように変更 #12309
|
||||||
- Fix: 絵文字ピッカーでの検索が更新されない問題を修正
|
- Fix: 絵文字ピッカーでの検索が更新されない問題を修正
|
||||||
- Fix: 特定の条件下でノートがnyaizeされない問題を修正
|
- Fix: 特定の条件下でノートがnyaizeされない問題を修正
|
||||||
|
- Fix: iOSでの音声出力不備を改善 #12339
|
||||||
|
|
||||||
### Server
|
### Server
|
||||||
- Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように
|
- Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように
|
||||||
|
|
|
@ -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();
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue