Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Attempt to switch bubble sound playing into Phaser

Browse source 
In iOS, we cannot trigger a playing sound if it does not start from a user gesture.
This is a huge bummer for a notification sound!

This is an attempt to switch sound playing to Phaser, which is using under the hood the WebAudio API.
This might solve the issue.
This commit is contained in:
David Négrier 2021-06-03 15:40:44 +02:00
parent 80a698d891
commit 50e994c674
4 changed files with 22 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

20
front/src/WebRtc/MediaManager.ts
View file

@ -23,10 +23,8 @@ export type HelpCameraSettingsCallBack = () => void;
export class MediaManager {
private remoteVideo: Map<string, HTMLVideoElement> = new Map<string, HTMLVideoElement>();
webrtcInAudio: HTMLAudioElement;
//FIX ME SOUNDMETER: check stalability of sound meter calculation
//mySoundMeterElement: HTMLDivElement;
private webrtcOutAudio: HTMLAudioElement;
startScreenSharingCallBacks : Set<StartScreenSharingCallback> = new Set<StartScreenSharingCallback>();
stopScreenSharingCallBacks : Set<StopScreenSharingCallback> = new Set<StopScreenSharingCallback>();
showReportModalCallBacks : Set<ShowReportCallBack> = new Set<ShowReportCallBack>();
@ -44,11 +42,6 @@ export class MediaManager {
constructor() {
this.webrtcInAudio = HtmlUtils.getElementByIdOrFail<HTMLAudioElement>('audio-webrtc-in');
this.webrtcOutAudio = HtmlUtils.getElementByIdOrFail<HTMLAudioElement>('audio-webrtc-out');
this.webrtcInAudio.volume = 0.2;
this.webrtcOutAudio.volume = 0.2;
this.pingCameraStatus();
//FIX ME SOUNDMETER: check stability of sound meter calculation
@ -129,11 +122,6 @@ export class MediaManager {
}
addActiveVideo(user: UserSimplePeerInterface, userName: string = ""){
try {
this.webrtcInAudio.play();
} catch(e) {
console.error(e);
}
const userId = ''+user.userId
userName = userName.toUpperCase();
@ -281,14 +269,6 @@ export class MediaManager {
this.removeActiveVideo(this.getScreenSharingId(userId))
}
playWebrtcOutSound(): void {
try {
this.webrtcOutAudio.play();
} catch(e) {
console.error(e);
}
}
isConnecting(userId: string): void {
const connectingSpinnerDiv = this.getSpinner(userId);
if (connectingSpinnerDiv === null) {