| <!doctype html> |
| <meta charset=utf-8> |
| <meta name="timeout" content="long"> |
| <title>RTCPeerConnection payload type demuxing</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="../RTCPeerConnection-helper.js"></script> |
| <script> |
| 'use strict'; |
| promise_test(async t => { |
| const caller = new RTCPeerConnection(); |
| t.add_cleanup(() => caller.close()); |
| const callee = new RTCPeerConnection(); |
| t.add_cleanup(() => callee.close()); |
| exchangeIceCandidates(caller, callee); |
| |
| const stream = await getNoiseStream({video: true}); |
| t.add_cleanup(() => stream.getTracks().forEach(track => track.stop())); |
| stream.getTracks().forEach(track => caller.addTrack(track, stream)); |
| stream.getTracks().forEach(track => caller.addTrack(track.clone(), stream.clone())); |
| |
| let callCount = 0; |
| let metadataToBeLoaded = new Promise(resolve => { |
| callee.ontrack = (e) => { |
| const stream = e.streams[0]; |
| const v = document.createElement('video'); |
| v.autoplay = true; |
| v.srcObject = stream; |
| v.id = stream.id |
| v.addEventListener('loadedmetadata', () => { |
| if (++callCount === 2) { |
| resolve(); |
| } |
| }); |
| }; |
| }); |
| |
| // Restrict first transceiver to VP8, second to H264. |
| const {codecs} = RTCRtpSender.getCapabilities('video'); |
| const vp8 = codecs.find(c => c.mimeType === 'video/VP8'); |
| const h264 = codecs.find(c => c.mimeType === 'video/H264'); |
| caller.getTransceivers()[0].setCodecPreferences([vp8]); |
| caller.getTransceivers()[1].setCodecPreferences([h264]); |
| |
| const offer = await caller.createOffer(); |
| // Replace the mid header extension and all ssrc lines |
| // with bogus. The receiver will be forced to do payload type demuxing. |
| const sdp = offer.sdp |
| .replace(/rtp-hdrext:sdes/g, 'rtp-hdrext:something') |
| .replace(/a=ssrc:/g, 'a=notssrc'); |
| |
| await callee.setRemoteDescription({type: 'offer', sdp}); |
| await caller.setLocalDescription(offer); |
| |
| const answer = await callee.createAnswer(); |
| await caller.setRemoteDescription(answer); |
| await callee.setLocalDescription(answer); |
| |
| await metadataToBeLoaded; |
| }, 'Can demux two video tracks with different payload types on a bundled connection'); |
| |
| promise_test(async t => { |
| const caller = new RTCPeerConnection({bundlePolicy: 'max-compat'}); |
| t.add_cleanup(() => caller.close()); |
| const callee = new RTCPeerConnection(); |
| t.add_cleanup(() => callee.close()); |
| exchangeIceCandidates(caller, callee); |
| |
| const stream = await getNoiseStream({video: true}); |
| t.add_cleanup(() => stream.getTracks().forEach(track => track.stop())); |
| stream.getTracks().forEach(track => caller.addTrack(track, stream)); |
| stream.getTracks().forEach(track => caller.addTrack(track.clone(), stream.clone())); |
| |
| let callCount = 0; |
| let metadataToBeLoaded = new Promise(resolve => { |
| callee.ontrack = (e) => { |
| const stream = e.streams[0]; |
| const v = document.createElement('video'); |
| v.autoplay = true; |
| v.srcObject = stream; |
| v.id = stream.id |
| v.addEventListener('loadedmetadata', () => { |
| if (++callCount === 2) { |
| resolve(); |
| } |
| }); |
| }; |
| }); |
| |
| const offer = await caller.createOffer(); |
| // Replace BUNDLE, the mid header extension and all ssrc lines |
| // with bogus. The receiver will be forced to do payload type demuxing |
| // which is still possible because the different m-lines arrive on |
| // different ports/sockets. |
| const sdp = offer.sdp.replace('BUNDLE', 'SOMETHING') |
| .replace(/rtp-hdrext:sdes/g, 'rtp-hdrext:something') |
| .replace(/a=ssrc:/g, 'a=notssrc'); |
| |
| await callee.setRemoteDescription({type: 'offer', sdp}); |
| await caller.setLocalDescription(offer); |
| |
| const answer = await callee.createAnswer(); |
| await caller.setRemoteDescription(answer); |
| await callee.setLocalDescription(answer); |
| |
| await metadataToBeLoaded; |
| }, 'Can demux two video tracks with the same payload type on an unbundled connection'); |
| |
| </script> |