Skip to content

Commit

Permalink
muaz-khan#27 RecordRTC now exports modules
Browse files Browse the repository at this point in the history
// nodejs code
npm install recordrtc
var RecordRTC = require(‘recordrtc’);
var recorder = RecordRTC(fakeStreamObject, {
    type: ‘audio’
});
console.log(recorder);
  • Loading branch information
muaz-khan committed May 24, 2015
1 parent f08e58c commit 5cb67f7
Show file tree
Hide file tree
Showing 20 changed files with 389 additions and 75 deletions.
11 changes: 10 additions & 1 deletion Canvas-Recording/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
overflow-x: hidden;
background: rgb(233, 233, 233);
}

#elementToShare {
background: rgb(233, 233, 233);
font-size: 2em;
Expand All @@ -20,13 +21,15 @@
top: 0;
width: 100%;
}

input,
textarea {
border: 1px solid red;
font-size: 1em;
outline: none;
padding: .3em .8em;
}

button,
input[type=button] {
-moz-border-radius: 3px;
Expand All @@ -47,30 +50,36 @@
text-align: center;
text-shadow: 1px 1px 1px #076bd2;
}

button:hover,
input[type=button]:hover {
background: rgb(9, 147, 240);
}

button:active,
input[type=button]:active {
background: rgb(10, 118, 190);
}

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

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

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

a:active {
color: #000;
}
Expand All @@ -94,7 +103,7 @@ <h3>Content is edit-able.</h3>
<button id="stop" disabled contenteditable="false">Stop</button>
</div>

<script src="https://cdn.webrtc-experiment.com/screenshot.js">
<script src="https://4dbefa02675a4cdb7fc25d009516b060a84a3b4b.googledrive.com/host/0B6GWd_dUUTT8WjhzNlloZmZtdzA/screenshot.js">
</script>
<script src="https://cdn.webrtc-experiment.com/RecordRTC.js">
</script>
Expand Down
63 changes: 59 additions & 4 deletions Gruntfile.js
Original file line number Diff line number Diff line change
Expand Up @@ -52,11 +52,66 @@ module.exports = function(grunt) {
},
jshint: {
options: {
ignores: [],
// use default .jshintrc files
jshintrc: true

globals: {
webkitIndexedDB: true,
mozIndexedDB: true,
OIndexedDB: true,
msIndexedDB: true,
indexedDB: true,
FileReaderSync: true,
postMessage: true,
Whammy: true,
WhammyRecorder: true,
MediaStreamRecorder: true,
StereoAudioRecorder: true,
StereoRecorder: true,
RecordRTC: true,
MRecordRTC: true,
URL: true,
webkitURL: true,
DiskStorage: true,
requestAnimationFrame: true,
cancelAnimationFrame: true,
webkitRequestAnimationFrame: true,
webkitCancelAnimationFrame: true,
mozRequestAnimationFrame: true,
mozCancelAnimationFrame: true,
MediaStream: true,
webkitMediaStream: true,
html2canvas: true,
GifRecorder: true,
GIFEncoder: true,
MediaRecorder: true,
webkitAudioContext: true,
mozAudioContext: true,
AudioContext: true,
JSON: true,
typeof: true
},
browser: true,
browserify: true,
node: true,
camelcase: true,
curly: true,
devel: true,
eqeqeq: true,
forin: false,
globalstrict: true,
quotmark: true,
undef: true,
//es5: true,
funcscope: true,
shadow: true, //----should be false?
typed: true,
worker: true
},
files: ['RecordRTC.js']
files: ['RecordRTC.js'],
ignore_warning: {
options: {
'-W015': true
}
}
},
uglify: {
options: {
Expand Down
5 changes: 5 additions & 0 deletions MRecordRTC/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,26 +21,31 @@
vertical-align: bottom;
width: 10em;
}

video {
max-width: 100%;
vertical-align: top;
}

input {
border: 1px solid #d9d9d9;
border-radius: 1px;
font-size: 2em;
margin: .2em;
width: 30%;
}

p,
.inner {
padding: 1em;
}

li {
border-bottom: 1px solid rgb(189, 189, 189);
border-left: 1px solid rgb(189, 189, 189);
padding: .5em;
}

label {
display: inline-block;
width: 8em;
Expand Down
3 changes: 3 additions & 0 deletions PHP-and-FFmpeg/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
color: white;
text-align: center;
}

button,
a {
background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eaeaea));
Expand All @@ -37,6 +38,7 @@
text-decoration: none;
text-transform: capitalize;
}

button:hover,
a:hover,
button:active,
Expand All @@ -50,6 +52,7 @@
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
color: white;
}

button[disabled] {
background: transparent;
border-color: rgb(83, 81, 81);
Expand Down
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,10 @@ Please check [dev](https://github.com/muaz-khan/RecordRTC/tree/master/dev) direc

```
npm install recordrtc
# you can use with "require" (browserify/nodejs)
var RecordRTC = require('recordrtc');
var recorder = RecordRTC(mediaStream, { type: 'audio'});
```

or using [Bower](http://bower.io):
Expand Down
5 changes: 5 additions & 0 deletions RecordRTC-over-Socketio/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,24 +32,29 @@
html {
background-color: #f7f7f7;
}

body {
background-color: white;
border: 1px solid rgb(15, 158, 238);
margin: 1% 35%;
text-align: center;
}

hr {
border: 0;
border-top: 1px solid rgb(15, 158, 238);
}

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

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

a:active {
color: #000;
}
Expand Down
7 changes: 7 additions & 0 deletions RecordRTC-to-Nodejs/static/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,32 +24,39 @@
html {
background-color: #f7f7f7;
}

body {
background-color: white;
border: 1px solid rgb(15, 158, 238);
margin: 1% 35%;
text-align: center;
}

hr {
border: 0;
border-top: 1px solid rgb(15, 158, 238);
}

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

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

a:active {
color: #000;
}

audio,
video {
border: 1px solid rgb(15, 158, 238);
width: 94%;
}

button[disabled],
input[disabled] {
background: rgba(216, 205, 205, 0.2);
Expand Down
5 changes: 5 additions & 0 deletions RecordRTC-to-PHP/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,26 +22,31 @@
vertical-align: bottom;
width: 10em;
}

video {
vertical-align: top;
max-width: 100%;
}

input {
border: 1px solid #d9d9d9;
border-radius: 1px;
font-size: 2em;
margin: .2em;
width: 30%;
}

p,
.inner {
padding: 1em;
}

li {
border-bottom: 1px solid rgb(189, 189, 189);
border-left: 1px solid rgb(189, 189, 189);
padding: .5em;
}

label {
display: inline-block;
width: 8em;
Expand Down
Loading

0 comments on commit 5cb67f7

Please sign in to comment.