sink.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE HTML>
  2. <html lang="en">
  3. <head>
  4. <title>Sink Test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta http-equiv="Content-Language" content="en-us">
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  10. <script type="text/javascript" src="/peer.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. connections = {};
  14. $('#connect').click(function() {
  15. var source = $('#source').val();
  16. sink = new Peer({ ws: 'ws://localhost:9000', debug: true });
  17. sink.on('ready', function() {
  18. sink.connect(source, { username: 'michelle' }, function(err, connection) {
  19. console.log(connection);
  20. connection.on('data', function(data) {
  21. console.log(data);
  22. });
  23. connection.send('I am so scared.');
  24. connections['hi'] = connection;
  25. });
  26. });
  27. });
  28. });
  29. </script>
  30. </head>
  31. <body>
  32. This is a P2P sink.
  33. <br><br>
  34. Enter source ID to connect to:
  35. <br><input type="text" id="source"></input>
  36. <button id="connect">Connect</button>
  37. </body>
  38. </html>