appeerjs
Version:
A basic encapsulation of Native WebRTC, this would offer an easy to use and understand API for beginners out there
112 lines (85 loc) • 3.44 kB
Markdown
A basic encapsulation of Native WebRTC, this would offer an easy to use and understand API for beginners out there
1. Go to your project directory using your command line tool then install the project using npm.
```shell
npm install appeerjs
```
2. Include socket.io and appeer.js to your index page.
```html
<script type="text/javascript" src="socket.io.js"></script>
<script type="text/javascript" src="appeer.min.js"></script>
```
3. You need to start the signaling server with the [appeerjs-server] (https://github.com/TMJPEngineering/appeerjs-server).
4. After finishing the step three you can now connect to AppeerJS.
```javascript
var appeer = new Appeer('customId', {
host: 'localhost',
port: '9000',
debug: true // Set to true to show console logs and errors, defaults to false
});
```
5. Listen to the appeerjs events.
```javascript
// Triggers when you successfully connects to appeerjs
appeer.on('connection', function (event) {
var appeerId = event.data.id;
console.log('My appeer id is', appeerId);
});
// Triggers when the other peers is calling you
appeer.on('call', function (event) {
var call = event.data.call;
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
call.answer(stream); // Answer the call with your stream
});
});
// Triggers when the remote peer answers the call with a stream
appeer.on('stream', function (event) {
var stream = event.detail.stream;
// Do something with the stream
});
// Triggers when a peer connection has been disconnected
appeer.on('close', function (event) {
var appeerId = event.data.id;
console.log('User ', peerId, 'has left the call');
});
// Triggers when connecting to appeer fails
appeer.on('error', function (event) {
var error = event.detail.error;
// Handle error
});
```
6. You can now call to a connected peer, using appeer.call.
```javascript
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
appeer.call(appeerId, stream);
});
```
7. You can do a conference call by joining a room first
```javascript
var roomId = '1234';
appeer.join(roomId);
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
appeer.call(roomId, stream);
});
```
8. Disconnect from a connection
```javascript
var id = '123'; // Either appeer id or room id
apppeer.close(id);
```
Currently WebRTC is not supported in all browsers.
Please see [supported browser versions] (http://caniuse.com/#feat=rtcpeerconnection) for more information on the official support specification.
- [PeerJS] (http://peerjs.com/)
- [Socket.io] (http://socket.io/)
- [EventDispatcher] (https://github.com/mrdoob/eventdispatcher.js/)
This project is licensed under the MIT License - see the [LICENSE] (https://github.com/TMJPEngineering/appeerjs/blob/master/LICENSE) file for details
- [ ] Unit tests
- [x] Group conference feature
- [x] Replace Native Javascript Events with a lightweight Event Library or make a new one
- [ ] Trigger 'close' event when a single connection user has disconnected unintentionally e.g Page refresh, etc.