Giter Club home page Giter Club logo

websync-signaling's Introduction

Realtime/Working WebRTC Experiments and WebSync! Demos

WebSync is used as signaling gateway for/with:

  1. RTCMultiConnection.js
  2. DataChanel.js
  3. Video-Conferencing experiment
  4. Plugin-free screen sharing experiment

and many others. Try a few demos: http://websync.somee.com/

=

Please visit main repository for other WebRTC experiments:

https://github.com/muaz-khan/WebRTC-Experiment

=

This repository contains two directories:

  1. Deployment-Package
  2. Source-Code

"Deployment-Package" directory can be deployed on any IIS +=7 web-server.

"Source-Code" is written in C# and ASP.NET WebForms.

=

How to use WebSync for signaling?

<script src="fm.js"> </script>
<script src="fm.websync.js"> </script>
<script src="fm.websync.subscribers.js"> </script>
<script src="fm.websync.chat.js"> </script>
// www.RTCMultiConnection.org/latest.js

var connection = new RTCMultiConnection();

// ------------------------------------------------------------------
// start-using WebSync for signaling
var channels = {};
var username = Math.round(Math.random() * 60535) + 5000;

var client = new fm.websync.client('websync.ashx');

client.setAutoDisconnect({
    synchronous: true
});

client.connect({
    onSuccess: function () {
        client.join({
            channel: '/chat',
            userId: username,
            userNickname: username,
            onReceive: function (event) {
                var message = JSON.parse(event.getData().text);
                if (channels[message.channel] && channels[message.channel].onmessage) {
                    channels[message.channel].onmessage(message.message);
                }
            }
        });
    }
});

connection.openSignalingChannel = function (config) {
    var channel = config.channel || this.channel;
    channels[channel] = config;

    if (config.onopen) setTimeout(config.onopen, 1000);
    return {
        send: function (message) {
            client.publish({
                channel: '/chat',
                data: {
                    username: username,
                    text: JSON.stringify({
                        message: message,
                        channel: channel
                    })
                }
            });
        }
    };
};
// end-using WebSync for signaling
// ------------------------------------------------------------------

// check existing sessions
connection.connect();

// open new session
document.getElementById('open-new-session').onclick = function() {
    connection.open();
};

=

Demos using WebSync for Signaling

  1. RTCMultiConnection All-in-One Demo
  2. DataChannel.js » A WebRTC Library for Data Sharing
  3. Video Conferencing
  4. Plugin-free Screen Sharing
  5. Admin/Guest audio/video calling using RTCMultiConnection
  6. WebRTC Group File Sharing using RTCDataChannel APIs!

=

=

This repository's main URL is:

https://github.com/muaz-khan/WebSync-Signaling

=

License

WebRTC Experiments are released under MIT licence . Copyright (c) 2013 Muaz Khan.

websync-signaling's People

Contributors

muaz-khan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

websync-signaling's Issues

Open Rare(Back) camera of android device for live video streaming

Hi,

Hope you doing well.

I want to display live streaming from android device in my webpage (asp.net).

I have used RTCMultiConnection.aspx with One-Way direction Video streaming and is working fine. But when I open this webpage in my device chrome browser it display only with front camera but I need to open back camera. I had check and try/error the RTCMultiConnection-v1.5.js but I could not found the how to open the back camera. Even I also checked the device and selectdevice method of it.

Kindly do needful for this.

Thanks in advance..!!

All videos are not displaying

Hi,
I am facing a strange issue.
When I join in conference I can see only 2 persons(me and the creator). whereas creator is able to view all the videos.
I just downloaded the code and started execution.
Could you please help me in resolving this issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.