add rtc.html temp

5 years ago · a36ed6954f
parent 936ba7583e
commit a36ed6954f
1 changed files with 90 additions and 0 deletions
--- a/trunk/research/players/rtc.html
+++ b/trunk/research/players/rtc.html
@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans">
+<head>
+<meta charset="utf-8">
+</head>
+
+<body>
+
+rtc_media_player: <br>
+<video id = "rtc_media_player" autoplay></video>
+
+</body>
+
+<script>
+
+var PeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
+var SessionDescription = window.RTCSessionDescription || window.mozRTCSessionDescription || window.webkitRTCSessionDescription;
+
+var url = "http://hw.com:1985/api/v1/sdp/";
+
+var method = "POST";
+var shouldBeAsync = true;
+
+var request = new XMLHttpRequest();
+
+request.open(method, url, shouldBeAsync);
+request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+
+var pc = new PeerConnection(null);
+
+var constraints = {
+    mandatory: {
+        OfferToReceiveAudio: true,
+        OfferToReceiveVideo: true
+    }
+};
+
+var sendViewerOfferFn = function(desc) {
+    console.log('sendViewerOfferFn:', desc);
+
+    pc.setLocalDescription(desc);
+
+    var sdp_json = {"sdp":desc.sdp, "app":"webrtc", "stream":"test"};
+    request.send(JSON.stringify(sdp_json));
+};
+
+pc.createOffer(sendViewerOfferFn, 
+    function(error) { 
+        console.log('sendViewerOfferFn error:' + error); 
+    }, 
+    constraints
+);
+
+pc.onaddstream = function(event) {
+    console.log('onaddstream');
+    document.getElementById('rtc_media_player').srcObject = event.stream;
+    rtc_media_player.load();
+};
+
+pc.onicecandidate = function(event) {
+    console.log('onicecandidate');
+};
+
+pc.onconnectionstatechange = function(event) {
+    console.log('onconnectionstatechange');
+};
+
+pc.onicegatheringstatechange = function(event) {
+    console.log('onicegatheringstatechange');
+};
+
+pc.onsignalingstatechange = function(event) {
+    console.log('onsignalingstatechange');
+};
+
+request.onerror = function(event) {
+    console.log('http error');
+};
+
+request.onload = function () {
+    console.log('onload,' , request.responseText);
+    var json = JSON.parse(request.responseText);
+    console.log('onmessage viewerResponse:', json.sdp);
+
+    pc.setRemoteDescription(new SessionDescription({type:'answer', sdp:json.sdp}));
+}
+
+</script>
+
+</html>