Skip to content

Commit

Permalink
Translator.js updated; and CDN is used for all static resources.
Browse files Browse the repository at this point in the history 
It is suggested to use CDN-based javascript files:
<script src="//cdn.WebRTC-Experiment.com/RecordRTC.js"></script>
  • Loading branch information
@muaz-khan
muaz-khan committed Jul 17, 2014
1 parent 07754da commit 7cd04a8
Show file tree
Hide file tree
Showing 72 changed files with 443 additions and 2,690 deletions.
4 changes: 2 additions & 2 deletions Chrome-Extensions/desktopCapture/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -253,7 +253,7 @@ Ref: http://kurtextrem.github.io/ChromiumFlags/#allow-http-screen-capture

## Browser Support

[Capture Screen Extension](https://www.webrtc-experiment.com/store/capture-screen/) works fine on following web-browsers:
[Capture Screen Extension](https://github.com/muaz-khan/WebRTC-Experiment/tree/master/Chrome-Extensions/desktopCapture) works fine on following web-browsers:

| Browser | Support |
| ------------- |-------------|
Expand All @@ -263,4 +263,4 @@ Ref: http://kurtextrem.github.io/ChromiumFlags/#allow-http-screen-capture

#### License

[Capture Screen Extension](https://www.webrtc-experiment.com/store/capture-screen/) is released under [MIT licence](https://www.webrtc-experiment.com/licence/) . Copyright (c) [Muaz Khan](https://plus.google.com/+MuazKhan).
[Capture Screen Extension](https://github.com/muaz-khan/WebRTC-Experiment/tree/master/Chrome-Extensions/desktopCapture) is released under [MIT licence](https://www.webrtc-experiment.com/licence/) . Copyright (c) [Muaz Khan](https://plus.google.com/+MuazKhan).
4 changes: 2 additions & 2 deletions DataChannel/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ DataChannel.js is a JavaScript library useful to write many-to-many i.e. group f
##### Try a Quick Demo (Text Chat)

```html
<script src="https://www.webrtc-experiment.com/DataChannel.js"> </script>
<script src="//cdn.webrtc-experiment.com/DataChannel.js"> </script>
<button id="setup-datachannel" style="width:30%;">Open NEW DataChannel</button>
<input type="text" id="chat-input" disabled style="font-size: 2em; width: 65%;"><br />
<div id="chat-output"></div>
Expand Down Expand Up @@ -69,7 +69,7 @@ document.querySelector('button#setup-datachannel').onclick = function () {
##### First Step: Link the library

```html
<script src="https://www.webrtc-experiment.com/DataChannel.js"></script>
<script src="//cdn.webrtc-experiment.com/DataChannel.js"></script>
```

=
Expand Down
202 changes: 39 additions & 163 deletions DataChannel/auto-session-establishment.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
<link rel="author" type="text/html" href="https://plus.google.com/+MuazKhan">
<meta name="author" content="Muaz Khan">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="//cdn.webrtc-experiment.com/style.css">
<script>
var hash = window.location.hash.replace('#', '');
if (!hash.length) {
Expand All @@ -17,149 +18,6 @@
}
</script>
<style>
@import url(https://fonts.googleapis.com/css?family=Inconsolata);

html { background: #eee; }

body {
font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 1.2em;
line-height: 1.2em;
margin: 0;
}

article, footer {
display: block;
max-width: 900px;
min-width: 360px;
width: 80%;
}

article {
background: #fff;
border: 1px solid;
border-color: #ddd #aaa #aaa #ddd;
margin: 2.5em auto 0 auto;
padding: 2em;
}

h1 { margin-top: 0; }

article p:first-of-type { margin-top: 1.6em; }

article p:last-child { margin-bottom: 0; }

footer {
margin: 0 auto 2em auto;
text-align: center;
}

footer a {
color: #666;
font-size: inherit;
padding: 1em;
text-decoration: none;
text-shadow: 0 1px 1px #fff;
}

footer a:hover, footer a:focus { color: #111; }

h1, h2 {
border-bottom: 1px solid black;
display: inline;
font-weight: normal;
line-height: 36px;
padding: 0 0 3px 0;
}

a {
color: #2844FA;
text-decoration: none;
}

a:hover, a:focus { color: #1B29A4; }

a:active { color: #000; }

:-moz-any-link:focus {
border: 0;
color: #000;
}

::selection { background: #ccc; }

::-moz-selection { background: #ccc; }

button, select {
-moz-border-radius: 3px;
-moz-transition: none;
-webkit-transition: none;
background: #0370ea;
background: -moz-linear-gradient(top, #008dfd 0, #0370ea 100%);
background: -webkit-linear-gradient(top, #008dfd 0, #0370ea 100%);
border: 1px solid #076bd2;
border-radius: 3px;
color: #fff;
display: inline-block;
font-family: inherit;
font-size: .8em;
line-height: 1.3;
padding: 5px 12px;
text-align: center;
text-shadow: 1px 1px 1px #076bd2;
}

button:hover { background: rgb(9, 147, 240); }

button:active { background: rgb(10, 118, 190); }

button[disabled] {
background: none;
border: 1px solid rgb(187, 181, 181);
color: gray;
text-shadow: none;
}

strong {
color: rgb(204, 14, 14);
font-family: inherit;
font-weight: normal;
}

select {
color: black;
text-shadow: none;
}

td { vertical-align: top; }

#chat-output div, #file-progress div {
border: 1px solid black;
border-bottom: 0;
padding: .1em .4em;
}

input {
border: 1px solid black;
font-family: inherit;
margin: .1em .3em;
outline: none;
padding: .1em .2em;
width: 97%;
}

#chat-output, #file-progress {
margin: 0 0 0 .4em;
max-height: 12em;
overflow: auto;
}

pre {
border-left: 2px solid red;
margin-left: 2em;
padding-left: 1em;
}

section.user-id {
float: left;
overflow: hidden;
Expand All @@ -182,8 +40,8 @@
document.createElement('footer');
</script>

<script src="https://www.webrtc-experiment.com/DataChannel.js"> </script>
<script src="https://www.webrtc-experiment.com/firebase.js"> </script>
<script src="//cdn.webrtc-experiment.com/DataChannel.js"> </script>
<script src="//cdn.webrtc-experiment.com/firebase.js"> </script>
</head>

<body>
Expand All @@ -195,16 +53,29 @@

<h1>Auto Session Establishment using <a href="https://github.com/muaz-khan/WebRTC-Experiment/tree/master/DataChannel"
target="_blank">DataChannel.js</a>

</h1>

<p>
<span>Copyright © 2014</span>
<a href="https://github.com/muaz-khan" target="_blank">Muaz Khan</a><span>&lt;</span><a
href="http://twitter.com/muazkh" target="_blank">@muazkh</a><span>&gt;.</span>
</p>
<section class="plusone-gplus">
<div class="g-plusone" data-href="https://www.webrtc-experiment.com/"></div>
</section>

<div class="github-stargazers"></div>

<p>
<a href="https://www.webrtc-experiment.com/">HOME</a>
<span> &copy; </span>
<a href="http://www.MuazKhan.com/" target="_blank">Muaz Khan</a>

.
<a href="http://twitter.com/WebRTCWeb" target="_blank" title="Twitter profile for WebRTC Experiments">@WebRTCWeb</a>

.
<a href="https://github.com/muaz-khan?tab=repositories" target="_blank" title="Github Profile">Github</a>

.
<a href="https://github.com/muaz-khan/WebRTC-Experiment/issues?state=open" target="_blank">Latest issues</a>

.
<a href="https://github.com/muaz-khan/WebRTC-Experiment/commits/master" target="_blank">What's New?</a>
</p>

<table style="border-left: 1px solid black; width: 100%;">
<tr>
<td>
Expand All @@ -214,7 +85,7 @@ <h2 style="display: block; font-size: 1em; text-align: center;">Text Chat</h2>

<input type="text" id="user-id" style="font-size: 1.2em; margin-right: 0; width: 5em;" placeholder="all"
disabled title="Enter user-id to send direct messages.">
<input type="text" id="chat-input" style="font-size: 1.2em; margin-left: -.5em; width: 20em;"
<input type="text" id="chat-input" style="font-size: 1.2em; margin-left: -.5em; width: 18em;"
placeholder="chat message" disabled>
</td>
<td style="background: white; border-left: 1px solid black;">
Expand Down Expand Up @@ -316,7 +187,7 @@ <h2 style="display: block; font-size: 1em; text-align: center;">Share Files</h2>
<h2>Getting started with WebRTC <a href="https://github.com/muaz-khan/WebRTC-Experiment/tree/master/DataChannel"
target="_blank">DataChannel</a></h2>
<pre>
&lt;script src="<a href="https://www.webrtc-experiment.com/DataChannel.js" target="_blank">//www.webrtc-experiment.com/DataChannel.js</a>"&gt;&lt;/script&gt;
&lt;script src="//cdn.webrtc-experiment.com/DataChannel.js"&gt;&lt;/script&gt;
&lt;script&gt;
var channel = new <strong>DataChannel</strong>('default-channel');

Expand Down Expand Up @@ -462,17 +333,22 @@ <h2 id="feedback" style="border-bottom: 1px solid rgb(189, 189, 189); padding: .
</div>
<button id="send-message" style="font-size: 1em;">Send Message</button>
</section>

<section class="experiment own-widgets latest-commits">
<h2 class="header" id="updates" style="color: red; padding-bottom: .1em;"><a href="https://github.com/muaz-khan/WebRTC-Experiment/commits/master" target="_blank">Latest Updates</a></h2>
<div id="github-commits"></div>
</section>
</article>

<a href="https://github.com/muaz-khan/WebRTC-Experiment/tree/master/DataChannel" class="fork-left"></a>

<footer>
<p>
<a href="https://www.webrtc-experiment.com/" target="_blank">WebRTC Experiments!</a>©
<a href="https://plus.google.com/100325991024054712503" rel="author" target="_blank">Muaz Khan</a>,
<span>2014 </span>»
<a href="mailto:[email protected]" target="_blank">Email</a>»
<a href="http://twitter.com/muazkh" target="_blank">@muazkh</a>»
<a href="https://github.com/muaz-khan" target="_blank">Github</a>
<a href="https://www.webrtc-experiment.com/">WebRTC Experiments</a>
© <a href="https://plus.google.com/+MuazKhan" rel="author" target="_blank">Muaz Khan</a>
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
</footer>
<script src="https://www.webrtc-experiment.com/common.js"> </script>
<script src="//cdn.webrtc-experiment.com/commits.js"> </script>
</body>
</html>
13 changes: 7 additions & 6 deletions DataChannel/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<link rel="author" type="text/html" href="https://plus.google.com/+MuazKhan">
<meta name="author" content="Muaz Khan">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="https://www.webrtc-experiment.com/style.css">
<link rel="stylesheet" href="//cdn.webrtc-experiment.com/style.css">
<style>
#chat-output div, #file-progress div {
border: 1px solid black;
Expand Down Expand Up @@ -44,8 +44,8 @@
</script>

<!-- DataChannel.js library -->
<script src="https://www.webrtc-experiment.com/DataChannel.js"> </script>
<script src="https://www.webrtc-experiment.com/socket.io.js"> </script>
<script src="//cdn.webrtc-experiment.com/DataChannel.js"> </script>
<script src="//cdn.webrtc-experiment.com/socket.io.js"> </script>
</head>

<body>
Expand Down Expand Up @@ -276,7 +276,7 @@ <h2 class="header">DataChannel.js Features:</h2>
<section class="experiment">
<h2 class="header">How to use DataChannel.js?</h2>
<pre>
&lt;script src="https://www.webrtc-experiment.com/DataChannel.js"&gt; &lt;/script&gt;
&lt;script src="//cdn.webrtc-experiment.com/DataChannel.js"&gt; &lt;/script&gt;

&lt;input type="text" id="chat-input" disabled
style="font-size: 2em; width: 98%;"&gt;&lt;br /&gt;
Expand Down Expand Up @@ -316,7 +316,8 @@ <h2 class="header">How to use DataChannel.js?</h2>
</pre>
</section>
</article>
<a href="https://github.com/muaz-khan/WebRTC-Experiment/tree/master/DataChannel" class="fork-right"></a>

<a href="https://github.com/muaz-khan/WebRTC-Experiment/tree/master/DataChannel" class="fork-left"></a>

<footer>
<p>
Expand All @@ -327,6 +328,6 @@ <h2 class="header">How to use DataChannel.js?</h2>
</footer>

<!-- commits.js is useless for you! -->
<script src="https://www.webrtc-experiment.com/commits.js" async> </script>
<script src="//cdn.webrtc-experiment.com/commits.js" async> </script>
</body>
</html>
Loading

0 comments on commit 7cd04a8

Please sign in to comment.