2d:null 2e:["$","title",null,{"children":"livekit - webRTC in observable | roboticsuniversity | Observable"}] 33:T47f,{ const vid_3 = viewer_vid; d3.select(vid_3).on("mousedown", () => { const room = connectToRoom(); }); async function connectToRoom() { const roomName = "room"; // Use the same room name as in your server code const token = `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MjkxODEzMjEsImlzcyI6IkFQSXRTYndYdlNqaDRjZiIsIm5hbWUiOiJ0ZXN0X3VzZXIiLCJuYmYiOjE3MjkwOTQ5MjEsInN1YiI6InRlc3RfdXNlciIsInZpZGVvIjp7ImNhblVwZGF0ZU93bk1ldGFkYXRhIjp0cnVlLCJyb29tIjoicm9vbSIsInJvb21BZG1pbiI6dHJ1ZSwicm9vbUNyZWF0ZSI6dHJ1ZSwicm9vbUpvaW4iOnRydWUsInJvb21MaXN0Ijp0cnVlLCJyb29tUmVjb3JkIjp0cnVlfX0.9I-Zlrq3kUVEt_jKUM4MdRHFpCj6G747pl0-jgRY39g`; const room = new LiveKit.Room(); room.on( LiveKit.RoomEvent.TrackSubscribed, (track, publication, participant) => { console.log("track", track); if (track.kind === "video") { publication.track.attach(vid_3); } else publication.track.attach(vid_3); } ); await room.connect( "wss://omnissiah-university-kmuz0plz.livekit.cloud", token ); console.log("Connected to room:", room.name); } // registerRoomEvents(room); }34:T9b3,{ let { Room, RoomEvent, Track } = LiveKit; const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MjkxOTU3MjEsImlzcyI6IkFQSXRTYndYdlNqaDRjZiIsIm5hbWUiOiJzY3JlZW5fc2hhcmUiLCJuYmYiOjE3MjkxMDkzMjEsInN1YiI6InNjcmVlbl9zaGFyZSIsInZpZGVvIjp7ImNhblVwZGF0ZU93bk1ldGFkYXRhIjp0cnVlLCJyb29tIjoicm9vbSIsInJvb21BZG1pbiI6dHJ1ZSwicm9vbUNyZWF0ZSI6dHJ1ZSwicm9vbUpvaW4iOnRydWUsInJvb21MaXN0Ijp0cnVlLCJyb29tUmVjb3JkIjp0cnVlfX0.Ub3VigeCkaL4sG4cdw7VaPfaHECuMg8buy6u38xqZPQ"; let room; const button = document.getElementById("share"); vid_4.addEventListener("click", joinRoom); async function joinRoom() { room = new Room(); const url = "wss://omnissiah-university-kmuz0plz.livekit.cloud"; await room.connect(url, token); room.on(RoomEvent.TrackSubscribed, (track, publication, participant) => { if ( track.kind === Track.Kind.Video && track.source === Track.Source.ScreenShare ) { track.attach(vid_4); } }); room.on(RoomEvent.TrackUnsubscribed, (track, publication, participant) => { if ( track.kind === Track.Kind.Video && track.source === Track.Source.ScreenShare ) { track.detach(vid_4); } }); room.on(RoomEvent.LocalTrackPublished, (publication, participant) => { if ( publication.kind === Track.Kind.Video && publication.source === Track.Source.ScreenShare ) { publication.track.attach(vid_4); } }); room.on(RoomEvent.LocalTrackUnpublished, (publication, participant) => { if ( publication.kind === Track.Kind.Video && publication.source === Track.Source.ScreenShare ) { publication.track.detach(vid_4); } }); toggleScreenShare(room); } async function toggleScreenShare(room) { const enabled = room.localParticipant.isScreenShareEnabled; console.log(`${enabled ? "stopping" : "starting"} screen share`); try { await room.localParticipant.setScreenShareEnabled(!enabled, { audio: true }); } catch (e) { console.error("error sharing screen", e); } } } //we're all equal //you cant reasonably help or hurt me much. //sorry if flour_storm hurt you, i'll try my best to get some kind of solution - sorry i listened sometimes and not - those were my choices - and i take responsbility for them across time. // ill try solutions - and empathy - but its dififcult without some kind evidence - Seeing Space35:[{"id":"1da41c76a6b73aec365279cd1cf1265886d073ad2b1cb9e33a6ea8b4142e76ce41a3329da944b20347d59a030f8c73f6c3d55e7305447344f10e98aa75947ea1","href":"https://static.observableusercontent.com/files/1da41c76a6b73aec365279cd1cf1265886d073ad2b1cb9e33a6ea8b4142e76ce41a3329da944b20347d59a030f8c73f6c3d55e7305447344f10e98aa75947ea1","name":"perception2.mp4","type":"video/mp4","lastModified":1728673589034.548,"size":13054933},{"id":"113b8987df5916d097b8da002b6dd578a2c9549bb0c5c79e67e87e30d1c44aee3d437f30af85b513884597a9d5d56921dd4b1f58a524ddb8f7d94c87207a0081","href":"https://static.observableusercontent.com/files/113b8987df5916d097b8da002b6dd578a2c9549bb0c5c79e67e87e30d1c44aee3d437f30af85b513884597a9d5d56921dd4b1f58a524ddb8f7d94c87207a0081","name":"zoox-telguidance.png","type":"image/png","lastModified":1728691007543.569,"size":770421}] 31:{"id":"c1674c2731ac6de1","slug":"livekit","title":"livekit - webRTC in observable","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2024-10-11T15:19:36.715Z","update_time":"$D2024-11-03T18:43:30.937Z","view_time":null,"first_public_time":"$D2024-10-11T20:05:12.460Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"df8a3b9f1fb1bf7a","login":"roboticsuniversity","name":"","avatar_url":"https://avatars-next.observableusercontent.com/fa5cce8aeddbecca959c57aadec29ac4c7bf5e0a2992006afc6d656a47f0a263","tier":"starter_2024"},"version":472,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"75d68567c80044f2","login":"robotics-odyssey","name":"dynabot.dev","avatar_url":"https://avatars-next.observableusercontent.com/d02e2548205cd8b455dff2b0d8409409d16de01aa99ae068e6b16ac217eb523d","tier":null}],"members":[{"type":"individual","id":"75d68567c80044f2","login":"robotics-odyssey","name":"dynabot.dev","avatar_url":"https://avatars-next.observableusercontent.com/d02e2548205cd8b455dff2b0d8409409d16de01aa99ae068e6b16ac217eb523d","tier":null,"role":"editor"},{"type":"team","id":"df8a3b9f1fb1bf7a","login":"roboticsuniversity","name":"","avatar_url":"https://avatars-next.observableusercontent.com/fa5cce8aeddbecca959c57aadec29ac4c7bf5e0a2992006afc6d656a47f0a263","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"livekit - webRTC in observable","cells":[{"id":0,"value":"# livekit - webRTC in observable\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":128,"value":"LOGO = html`\n\n

1. read 5 aseconds of video from jetson container using ffmpeg

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"sub_scriber_json = {\n const url = \"https://hashirama.blog/livekit_connect\";\n const data = { identity: \"happydream\" + Math.random() };\n console.log(\"data\", data);\n const token_get_url = `/livekit?identity=${data.identity}`;\n const json = await d3.json(token_get_url);\n console.log(\"json\", json);\n return json;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"webrtc = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"FileAttachment(\"perception2.mp4\")","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"video_subscription = {\n // webrtc.addEventListener(\"click\", initializeRoom);\n async function initializeRoom() {\n console.log(\"render audio to particles\");\n\n const room = new LiveKit.Room();\n room.prepareConnection(sub_scriber_json.wsUrl, sub_scriber_json.token);\n await room.connect(sub_scriber_json.wsUrl, sub_scriber_json.token);\n\n const localParticipant = room.localParticipant;\n\n await localParticipant.enableCameraAndMicrophone();\n console.log(\"localParticipant\", localParticipant);\n const tracks = await LiveKit.createLocalTracks({\n audio: true,\n video: true\n });\n\n webrtc.srcObject = new MediaStream([tracks[0].mediaStreamTrack]);\n\n return \"1px solid blue\";\n }\n //return initializeRoom();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"LiveKit = require(\"livekit-client@2.5.8/dist/livekit-client.umd.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"LiveKit.LocalTrack\n// Render local camera track before publishing\n//- as far as i know - were all luigis","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"d3.json","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"live_kit_credentials = {\n let count = 0;\n const identity = \"\";\n return \"eyJhbGciOiJIUzI1NiJ9.eyJ2aWRlbyI6eyJyb29tIjoiZXhhbXBsZS1yb29tIiwicm9vbUpvaW4iOnRydWUsImNhblB1Ymxpc2giOnRydWV9LCJpc3MiOiJBUElYaTI1YzloZGRycGoiLCJleHAiOjE3MjkwNzU5NTksIm5iZiI6MCwic3ViIjoibWF0aC5yYW5kb20oKTAuMDAwMDcwODIwODY3NDQyODExMjQifQ.M4LV51LxPN8fz8xj11pAvQB0Md6m_IA0mOO4MSYznTw wss://omnissiah-university-kmuz0plz.livekit.cloud\";\n const _ = await d3.json(\"https://jupyter.hashirama.blog/livekit\");\n // .catch((reason) => console.log(\"reason:\", reason))\n // .then((_) => console.log(\"_\", _));\n return _;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"token_get_url = `https://shels-macbook-pro.jerboa-kokanue.ts.net/livekit?identity=\"happydream.5\"`\n\n// pass your livekit_credentials -> get correct token from bun server","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"serverUrl = \"wss://omnissiah-university-kmuz0plz.livekit.cloud\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"json_2 = {\n return {\n token:\n \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MjkxNDI5NDEsImlzcyI6IkFQSXRTYndYdlNqaDRjZiIsIm5hbWUiOiJ0ZXN0X3VzZXIiLCJuYmYiOjE3MjkwNTY1NDEsInN1YiI6InRlc3RfdXNlciIsInZpZGVvIjp7ImNhblVwZGF0ZU93bk1ldGFkYXRhIjp0cnVlLCJyb29tIjoidGVzdF9yb29tIiwicm9vbUFkbWluIjp0cnVlLCJyb29tQ3JlYXRlIjp0cnVlLCJyb29tSm9pbiI6dHJ1ZSwicm9vbUxpc3QiOnRydWUsInJvb21SZWNvcmQiOnRydWV9fQ.JYDVDkp-HU0dxzIKgdg-hqRGiZwSP8ivt7koVFC_jsw\",\n serverUrl: \"wss://omnissiah-university-kmuz0plz.livekit.cloud\"\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"viewer_vid = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"# Screen Share","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":371,"value":"vid_4 = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"viewof button = Inputs.button(\"screenshare\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"# Bibliography\n1. [stubborn module debugger](https://observablehq.com/@observablehq/module-require-debugger)\n2. livekit / pion /\n3. extend reflect, obs, figma, (hardware?)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":470,"value":"zooxTelguidance = FileAttachment(\"zoox-telguidance.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"perception2 = FileAttachment(\"perception2.mp4\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"zooxTelguidance1 = FileAttachment(\"zoox-telguidance.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"