https://github.com/yangshun/codecombat-webrtc

https://github.com/yangshun/codecombat-webrtc

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/yangshun/codecombat-webrtc
• Owner: yangshun
• License: mit
• Created: 2014-03-20T20:05:31.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2014-03-20T20:26:52.000Z (over 11 years ago)
• Last Synced: 2025-05-05T22:02:37.355Z (5 months ago)
• Language: JavaScript
• Size: 7.89 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
codecombat-webrtc

=================

This is quick demo hacked together to demonstrate how Crystal Ball, a WebRTC Communication Widget for CodeCombat Players can be used for CodeCombat. Crystall Ball uses a high-level WebRTC library called [PeerJS](http://peerjs.com/).

Quickstart

==

To run the demo, clone this repository and run:

    $ python -m SimpleHTTPServer

Next, navigate to [http://localhost:8000/]([http://localhost:8000/) in Chrome browser. Open two tabs. You will see the following screen:

![screenshot-1](img/screenshot-1.png)

Click on the Crystal Ball, copy your generated Peer ID, and paste it in the **Friend's Peer ID** input field of the other tab, and click **Start**. 

A WebRTC session will initiate. Allow the site to access your camera and microphone in both tabs. Start chatting away!

![screenshot-2](img/screenshot-2.png)

Notes

== 

- The Crystal Ball can be shifted around freely.

- Click on the Crystal Ball to open the chat/video window. Click on the x at the top-hand corner to hide the window and revert it back to a crystal ball.