30:[] 2e:{"title":"epiPeer [code][YouTube]","cells":[{"id":0,"value":"\n

epiPeer ^{[code][YouTube]}

\n ...\n

","pinned":false,"hidden":false,"mode":"html"},{"id":45,"value":"### Libraries\nWe'll be loading this project's epiPeer.js library, which uses peerJS to operate WebRTC. Note this library inserts itself in the scope (not cool) which can be activated by epiPeer.insertPeerjs.","pinned":false,"hidden":false,"mode":"md"},{"id":21,"value":"//epiPeer = import(\"http://localhost:8000/peer/methods.js\")\nepiPeer = import(\"https://episphere.github.io/peer/methods.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"epiPeer.insertPeerjs()","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"

Following peerJS instructions:

\nNote example queue system.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":71,"value":"

1. Include the Javascript client

\n\n

https://unpkg.com/peerjs@1.3.2/dist/peerjs.min.js script tag loaded, peerjs:

","pinned":false,"hidden":false,"mode":"html"},{"id":102,"value":"PeerJS = require(\"https://unpkg.com/peerjs@1.3.2/dist/peerjs.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"Peer = PeerJS.peerjs.Peer","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"#### 2. Create the Peer object","pinned":false,"hidden":false,"mode":"md"},{"id":90,"value":"peer = new Peer()","pinned":true,"hidden":false,"mode":"ojs"},{"id":92,"value":"#### 3. Usage","pinned":false,"hidden":false,"mode":"md"},{"id":96,"value":"peer.on(\"open\", function (id) {\n console.log(\"My peer ID is: \" + id);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":98,"value":"#### 4. Data Connections\n---\n##### 4.1. Connect to self","pinned":false,"hidden":false,"mode":"md"},{"id":128,"value":"conn = peer.connect(peer._id)","pinned":true,"hidden":false,"mode":"ojs"},{"id":132,"value":"peer.on(\"connection\", function (conn) {\n console.log(\"conn:\", conn);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":130,"value":"conn.on(\"open\", function () {\n // Receive messages\n conn.on(\"data\", function (data) {\n console.log(\"Received\", data);\n });\n\n // Send messages\n conn.send(\"Hello!\");\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"## simplePeer","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"","pinned":true,"hidden":false,"mode":"html"}],"files":"$W30","stdlib":"1","titling":"auto"}