mosskoi/element-call-custom
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update example

Browse Source
This commit is contained in:
Timo K
2026-01-09 16:00:02 +01:00
parent de8fdcfa69
commit 0eb0169ad9
1 changed files with 3 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
sdk/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<title>Godot MatrixRTC Widget</title> <title>MatrixRTC Widget</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<script type="module"> <script type="module">
// TODO use the url where the matrixrtc-sdk.js file from dist is hosted // TODO use the url where the matrixrtc-sdk.js file from dist is hosted
@@ -9,7 +9,7 @@
try { try {
window.matrixRTCSdk = await createMatrixRTCSdk( window.matrixRTCSdk = await createMatrixRTCSdk(
"com.github.toger5.godot-game", "com.github.toger5.rtc-application-type", // rtc application type
); );
console.info("createMatrixRTCSdk was created!"); console.info("createMatrixRTCSdk was created!");
} catch (e) { } catch (e) {
@@ -17,16 +17,6 @@
} }
const sdk = window.matrixRTCSdk; const sdk = window.matrixRTCSdk;
// This is the main bridging interface to godot
window.matrixRTCSdkGodot = {
dataObs: sdk.data$,
memberObs: sdk.members$,
// join: sdk.join, // lets stick with autojoin for now
sendData: sdk.sendData,
leave: sdk.leave,
connectedObs: sdk.connected$,
};
console.info("matrixRTCSdk join ", sdk); console.info("matrixRTCSdk join ", sdk);
const connectionState = sdk.join(); const connectionState = sdk.join();
console.info("matrixRTCSdk joined"); console.info("matrixRTCSdk joined");
@@ -38,15 +28,13 @@
const child = document.createElement("p"); const child = document.createElement("p");
child.innerHTML = JSON.stringify(data); child.innerHTML = JSON.stringify(data);
div.appendChild(child); div.appendChild(child);
// TODO forward to godot
}); });
sdk.members$.subscribe((memberObjects) => { sdk.members$.subscribe((memberObjects) => {
// reset div
const div = document.getElementById("members"); const div = document.getElementById("members");
div.innerHTML = "<h3>Members:</h3>"; div.innerHTML = "<h3>Members:</h3>";
// create member list // Create member list
const members = memberObjects.map((member) => member.membership.sender); const members = memberObjects.map((member) => member.membership.sender);
console.info("members changed", members); console.info("members changed", members);
for (const m of members) { for (const m of members) {
@@ -62,17 +50,10 @@
const div = document.getElementById("connect_status"); const div = document.getElementById("connect_status");
div.innerHTML = connected ? "Connected" : "Disconnected"; div.innerHTML = connected ? "Connected" : "Disconnected";
}); });
let engine = new Engine($GODOT_CONFIG);
engine.startGame();
</script> </script>
<!--// TODO use it as godot HTML template-->
<script src="$GODOT_URL"></script>
</head> </head>
<body> <body>
<canvas id="canvas"></canvas>
<div <div
id="overlay"
style="position: absolute; top: 0; right: 0; background-color: #ffffff10" style="position: absolute; top: 0; right: 0; background-color: #ffffff10"
> >
<div id="connect_status"></div> <div id="connect_status"></div>