Ring telefonsamtal ifrån din webbläsare med WebRTC

Problematiken som kan uppstå är att ljudet från webbläsaren skickas till telefonen men inte tvärtom. Det gör att det inte går att prata med varandra.

För att lösa detta kan du kontrollera att ”ljudfilen” från MediaStream har hämtas ut och placerats i en <audio> på sidan. Därefter behöver du programmatiskt klicka på PLAY för att ljudet ska spelas upp.

I ren kod kan det ut som följande:

// Get audio-element from your HTML
var remoteAudio = document.getElementById('remoteAudio');

// Create a new media stream to store audio
var remoteStream = new MediaStream();

// When audio track is added by peer
peerconnection.ontrack = () => {

  // Get every audio track from peer and save it
  peerconnection.getReceivers().forEach((receiver) => {
      remoteStream.addTrack(receiver.track);
  });

  // Add the mediastream to an audio element on the page
  remoteAudio.srcObject = remoteStream;

  // Press play to hear the audio
  remoteAudio.play();
}
            

Notera att detta är en kodsnutt från kodexemplet som tillhör denna guide. Om du har utgått ifrån någon annan kod så kan du behöva modifierade ovanstående kodsnutt för att det ska fungera i din applikation.

Problemet som kan uppstå är att alla samtal automatiskt bryts efter en viss tidsintervall, t.ex. efter 60 sekunder.

Det finns något som kallas session timers som styr samtalets livslängd. I biblioteket som användes i kodexemplet för denna guide, är session_timers aktiverad per default vilket orsakar att att samtalet avsluta after 60 sekunder. När denna avaktiveras av kan samtalet pågå längre.

Så här kan det se ut i kod (notera näst sista raden):

var configuration = {
  sockets  : [ socket ],
  uri      : 'WEBRTC_URI',
  password : 'YOUR_PASSWORD',
  session_timers: false
};
        

false innebär alltså att session_timers är avaktiverad. Om du sätter den till true så aktiverar du den igen.

Oklart om det är korrekt att helt stänga av session_timers. En bättre lösning hade kanske varit att uppdatera sin session efter en viss tidsintervall.

Ett argument för det är att vi fortfarande vill använda session_timers som en fallback ifall det av någon anledning inte skulle gå att avsluta samtalet.

Nej. Standardbeteende i WebRTC är en klient per användare.

Detta betyder att om du bygger en lösning som du konfigurerar med samma användaruppgifter och kör den i två webbläsare samtidigt så kommer du få oväntade resultat. Om du stänger ena webbläsaren så kommer det fungera som det ska.

På samma sätt kan du inte köra din kod på flera datorer om du har konfigurerat den med samma uppgifter. Däremot går det alldeles utmärkt att du konfigurerar din kod med dina uppgifter och din kompis konfigurerar sin kod med sina uppgifter. Ni kan samtidigt köra era lösningar i varsin webbläsare.