KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

webrtc-jquery-plugin

★ 71 Open GitHub ↗

This plugin enables real-time streaming of video and/or audio between two web browsers(or peers).

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# THIS PLUGIN IS NOT ACTIVELY MAINTAINED

# WebRTC jQuery plugin

This plugin enables real-time streaming of video and/or audio between two web browsers(or peers).

## Installation

- Download & unzip the source
- Move the source into your www directory
- Open the page http://yourserver/
- Enjoy!

## Use

### First, the HTML...

Place the following HTML code snippet within your <body> tag
  
    
    <div id="mainContainer" class="main-container">
    
        
        <video id="localVideo" class="local-video"></video>
    
        
        <video id="remoteVideo" class="remote-video" autoplay></video>
    
        
        <div id="videoStatus" class="video-status"></div>
    
    </div>

### Then, the CSS...

Include the css within your head tag

And finally, the bloody brilliant piece that makes it all happen --the JavaScript!

This plugin enables real-time streaming of video between to browsers. Some more text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ipsum, tempor eget mollis in, vehicula eu quam. Fusce fermentum elit at lorem tincidunt eget tempus urna ultricies.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/jquery.fresh-tilled-soil-webrtc.js"></script>

<script type="text/javascript">
        $(function() {
            $('#mainContainer').createVideoChat();
        });
    </script>

### Full Sample Demo Page (Putting it all Together)

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Fresh Tilled Soil Video Conference | WebRTC jQuery Plug-in Demo</title>
    
    
    <link rel="stylesheet" href="css/fts-webrtc-styles.css">
    
    </head>
    <body>
    
    
    <div id="mainContainer" class="main-container">
    
        
        <video id="localVideo" class="local-video"></video>
    
        
        <video id="remoteVideo" class="remote-video" autoplay></video>
    
        
        <div id="videoStatus" class="video-status"></div>
    
    </div>
    
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/jquery.fresh-tilled-soil-webrtc.js"></script>
    
    
    <script type="text/javascript">
        $(function() {
            $('#mainContainer').createVideoChat();
        });
    </script>
    
    </body>
    </html>

### Browser Support

Given the newness of WebRTC this jQuery plug-in has been created to support all major browsers that support the latest draft WebRTC specifications at the time of release. Below you will find a list & download links for the latest supported browsers:

- Chrome
- Chrome Beta for Android (for tablet & mobile phone support)
- FireFox
- Internet Explorer 10 (requires Google Chrome Frame plug-in)
- Chromium
- Chrome Canary
- FireFox Aurora
- FireFox Nightly

webrtc-jquery-plugin

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README