Implementing Hold/UnHold and Mute/UnMute

[shrey shah]

Hello, I am using the latest version 0.20.0 and I want to add hold and mute functionality.

I have found out instance methods that has these methods in older version's documentation ( https://sipjs.com/api/0.6.0/session/ ) but these method does not seem to be in the latest version. 
Can someone provide me a proper way of implementing these two things with the current version.

Thanks,

Shrey

[shrey shah]

Any update or response for this? I need to implement hold and mute functionalities with 0.20.0.

[Benjamin Flügel]

Hey Shrey,

you can do something like this:

toggleHold(enable) {
   this.isOnHold = enable == null ? !this.isOnHold : enable;

   if (this.session) {
     const options: SessionInviteOptions = {sessionDescriptionHandlerModifiers: this.isOnHold ? [Web.holdModifier] : []};
     this.session.invite(this.sdhOptions(options)).then(() => {
       //do stuff or do nothing
     }).catch((error: Error) => {
       //Exception handling
     });
     //toggle the audio to pause and unpause it

   }

}

And for mute and unmute you can do it like that:

let peer = this.session.sessionDescriptionHandler.peerConnection;
let senders = peer.getSenders();

if (!senders.length) return;

let that = this;
senders.forEach(function(sender) {
   if (sender.track) sender.track.enabled = !that.isMuted;
});

 

I hope my answer helps you

Greetings,

Ben

[shrey shah]

Hi Benjamin,

Thanks a lot for the answer, really helped a lot and the functionalities are working properly. Thanks again.

[jazeb Sheraz]

Hi Banjamin,

i am not able to hold the session. Following is my code.

const holdOptions = {

    sessionDescriptionHandlerOptions: {

        constraints: {

            audio: false,  // Set audio to false to put the session on hold

            video: false

        },

        sessionDescriptionHandlerModifiers:false

    }

};

session.invite(holdOptions)

    .then(() => {

        console.log("Session held successfully.");

    })

    .catch((error) => {

        console.error("Failed to hold the session:", error);

    });

it logs in console that ' Session held successfully. ' but actually it does not hold. please guide me what i am doing wrong. I am currently using sip.js version 0.21.2 in my JavaScript project. 

Waiting for your kind response. Thanks .

[Marcos Mariani]

Check how it is done at the SessionManager setHold function:

https://github.com/onsip/SIP.js/blob/2e1c525279c8d6deebb6ecaf3d14477ab7b63310/src/platform/web/session-manager/session-manager.ts#L1371-L1460

Alternatively you can just add the Web.holdModifier exported as Benjamin Flügel showed on his code.

[Hector Arroyo]

toggleHold works perfectly. I implemented it on a Next.js project. Thx!   

const holdCall = useCallback(

(hold: boolean) => {

if (currentCall) {

const options: SessionInviteOptions = {

sessionDescriptionHandlerModifiers: hold ? [Web.holdModifier] : [],

};

currentCall.invite(options).then(() => {

setIsHold(hold);

});

}

},

[currentCall]

);

[Hector Arroyo]

Thanks @Benjamin Flügel