-
Notifications
You must be signed in to change notification settings - Fork 9
/
demos.html
83 lines (78 loc) · 4.31 KB
/
demos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>rtc.io</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- responsive -->
<link rel="stylesheet" media="screen and (max-width: 960px)" href="css/tablet.css">
<link rel="stylesheet" media="screen and (max-width: 710px)" href="css/phone.css">
<link rel="stylesheet" type="text/css" href="fonts/source-sans/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/code.css">
</head>
<body>
<a class="scroll-point pt-top" name="top"></a>
<header>
<a href="https://github.com/rtc-io"><img class="fork" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<a class="scroll-point pt-top" name="top"></a>
<div class="site">
<div class="mascot">
<img src="images/artsio.png">
</div>
<div class="logo" data-subtext="OpenSource WebRTC">
<a href="index.html">rtc.io</a>
</div>
<nav>
<ul>
<li><a href="index.html">About</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="modules.html">Modules</a></li>
</ul>
</nav>
</div>
<div class="shadow"></div>
</header>
<div class="main" role="content"><h1 id="webrtc-demos">WebRTC Demos</h1>
<p>Listed below are some demos that are written by the rtc.io team to help demonstrate how the rtc.io modules work. In most cases the demos are visually very simple, but hopefully give you an idea of what you can do from
a functionality point of view.</p>
<h3 id="rtc-quickconnect-demo">rtc-quickconnect demo</h3>
<p>A simple demo making use of the <code>rtc-quickconnect</code> module to demonstrate how you could create a simple video conferencing application with text chat via data channels.</p>
<p><a href="https://github.com/rtc-io/rtcio-demo-quickconnect">https://github.com/rtc-io/rtcio-demo-quickconnect</a></p>
<h3 id="rtc-mesh-demo">rtc-mesh demo</h3>
<p>An experimental demo showcasing how <code>rtc-mesh</code> can be used to create synchronized P2P data using WebRTC data channels.</p>
<p><a href="https://github.com/rtc-io/rtcio-demo-mesh">https://github.com/rtc-io/rtcio-demo-mesh</a></p>
<p><strong>NOTE:</strong> Experimental, Chrome 32+ required.</p>
<h3 id="rtc-signaller-demo">rtc-signaller demo</h3>
<p>A simple chat room demo that makes use of <code>rtc-signaller</code> to communicate with peers via websockets. The <code>rtc-signaller</code> module is used by many of the rtc.io modules for the handshaking process required to set up a new WebRTC peer connection.</p>
<p><a href="https://github.com/rtc-io/rtcio-demo-signaller">https://github.com/rtc-io/rtcio-demo-signaller</a></p>
<h2 id="rtc-io-module-sightings">rtc.io Module Sightings</h2>
<p>In addition to the above demos, listed below are projects that we have come across from around the web that use rtc.io modules.</p>
<h3 id="post-processing-using-glsl-shaders">Post Processing using GLSL Shaders</h3>
<p><a href="http://hughsk.github.io/post-process/">http://hughsk.github.io/post-process/</a> by <a href="https://github.com/hughsk">Hugh Kennedy</a></p>
<p>This demo showcases why having WebRTC and WebGL available in your browser <strong>together</strong> opens up some really amazing opportunities.</p>
</div>
<footer>
<p>
<a href="http://nicta.com.au">
<img src="images/nicta-logo.gif" alt="NICTA logo">
</a>© NICTA 2013 - 2014
</p>
<p class="license">Project source code is licensed under the <a href="https://github.com/rtc-io/rtc/blob/master/LICENSE">Apache 2.0</a>.</p>
<a class="closing" href="#top"></a>
</footer>
</body>
<script src="js/app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-26567546-2', 'rtc.io');
ga('send', 'pageview');
</script>
</html>