<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RTCPeerConnection Connection Test</title> <script src="RTCPeerConnection-helper.js"></script> </head> <body> <div id="log"></div> <div> <video id="local-view" muted autoplay="autoplay"></video> <video id="remote-view" muted autoplay="autoplay"/> </video> </div> <!-- These files are in place when executing on W3C. --> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script type="text/javascript"> var test = async_test('Can set up a basic WebRTC call.'); var gFirstConnection = null; var gSecondConnection = null; // if the remote video gets video data that implies the negotiation // as well as the ICE and DTLS connection are up. document.getElementById('remote-view') .addEventListener('loadedmetadata', function() { // Call negotiated: done. test.done(); }); function getNoiseStreamOkCallback(localStream) { gFirstConnection = new RTCPeerConnection(null); test.add_cleanup(() => gFirstConnection.close()); gFirstConnection.onicecandidate = onIceCandidateToFirst; localStream.getTracks().forEach(function(track) { gFirstConnection.addTrack(track, localStream); }); gFirstConnection.createOffer().then(onOfferCreated, failed('createOffer')); var videoTag = document.getElementById('local-view'); videoTag.srcObject = localStream; }; var onOfferCreated = test.step_func(function(offer) { gFirstConnection.setLocalDescription(offer); // This would normally go across the application's signaling solution. // In our case, the "signaling" is to call this function. receiveCall(offer.sdp); }); function receiveCall(offerSdp) { gSecondConnection = new RTCPeerConnection(null); test.add_cleanup(() => gSecondConnection.close()); gSecondConnection.onicecandidate = onIceCandidateToSecond; gSecondConnection.ontrack = onRemoteTrack; var parsedOffer = new RTCSessionDescription({ type: 'offer', sdp: offerSdp }); gSecondConnection.setRemoteDescription(parsedOffer); gSecondConnection.createAnswer().then(onAnswerCreated, failed('createAnswer')); }; var onAnswerCreated = test.step_func(function(answer) { gSecondConnection.setLocalDescription(answer); // Similarly, this would go over the application's signaling solution. handleAnswer(answer.sdp); }); function handleAnswer(answerSdp) { var parsedAnswer = new RTCSessionDescription({ type: 'answer', sdp: answerSdp }); gFirstConnection.setRemoteDescription(parsedAnswer); }; var onIceCandidateToFirst = test.step_func(function(event) { gSecondConnection.addIceCandidate(event.candidate); }); var onIceCandidateToSecond = test.step_func(function(event) { gFirstConnection.addIceCandidate(event.candidate); }); var onRemoteTrack = test.step_func(function(event) { var videoTag = document.getElementById('remote-view'); if (!videoTag.srcObject) { videoTag.srcObject = event.streams[0]; } }); // Returns a suitable error callback. function failed(function_name) { return test.unreached_func('WebRTC called error callback for ' + function_name); } // This function starts the test. test.step(function() { getNoiseStream({ video: true, audio: true }) .then(test.step_func(getNoiseStreamOkCallback), failed('getNoiseStream')); }); </script> </body> </html>