webrtc/samples/js/apprtc/index.html

54 lines
1.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<title>WebRTC Reference App</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link rel="canonical" href="{{ room_link }}"/>
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="/_ah/channel/jsapi"></script>
<script src="/js/main.js"></script>
<!-- Load the polyfill to switch-hit between Chrome and Firefox -->
<script src="/js/adapter.js"></script>
</head>
<body>
<script type="text/javascript">
var errorMessages = {{ error_messages }};
var channelToken = '{{ token }}';
var me = '{{ me }}';
var roomKey = '{{ room_key }}';
var roomLink = '{{ room_link }}';
var initiator = {{ initiator }};
var pcConfig = {{ pc_config | safe }};
var pcConstraints = {{ pc_constraints | safe }};
var offerConstraints = {{ offer_constraints | safe }};
var mediaConstraints = {{ media_constraints | safe }};
var turnUrl = '{{ turn_url }}';
var stereo = {{ stereo }};
var audio_send_codec = '{{ audio_send_codec }}';
var audio_receive_codec = '{{ audio_receive_codec }}';
setTimeout(initialize, 1);
</script>
<div id="container" ondblclick="enterFullScreen()">
<div id="card">
<div id="local">
<video id="localVideo" autoplay="autoplay" muted="true"/>
</div>
<div id="remote">
<video id="remoteVideo" autoplay="autoplay">
</video>
<div id="mini">
<video id="miniVideo" autoplay="autoplay" muted="true"/>
</div>
</div>
</div>
</div>
</body>
<footer id="status">
</footer>
<div id="infoDiv"></div>
</html>