Page 1 of 2

Jitsi in a webgadget

Posted: Fri Jan 12, 2024 7:43 am
by Stefan
I would like to have Jitsi in a webgadget. Unfortunately, I don't get permission for the microphone and camera. Does anyone know a solution? And why is that actually the case?

Code: Select all

  If OpenWindow(0, 0, 0, 1000, 800, "WebGadget", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)
    WebGadget(0, 10, 10, 990, 790, "http://meet.jit.si/jitsispidertest0815")
  EndIf

Re: Jitsi in a webgadget

Posted: Fri Jan 12, 2024 5:19 pm
by Blitz
The WebGadget is called under Linux (Kubuntu). (SpiderBasicV2.51)
(Preferences / Compiler: /usr/lib/jvm/java-1.11.0-openjdk-amd64/)

The WebGadget is called under Linux (Kubuntu with Wine (Windows Emulator). (SpiderBasicV2.50)
(Preferences / Compiler: Z:\usr\lib\jvm\java-1.11.0-openjdk-amd64\

Blitz

Re: Jitsi in a webgadget

Posted: Fri Jan 12, 2024 5:46 pm
by Stefan
And what do you want to tell us now?
I tried it with Linux and Windows. Neither works.

It's not about opening the gadget, but rather I can't get the rights to use the microphone in this gadget

Re: Jitsi in a webgadget

Posted: Sat Jan 13, 2024 9:22 am
by Blitz
No solution, just plan B = LINUX (own partition)
(Need your car to be repaired, take your wife's car)

Re: Jitsi in a webgadget

Posted: Fri Oct 31, 2025 6:33 pm
by Stefan
Has anyone found a solution or come up with an idea yet?

Re: Jitsi in a webgadget

Posted: Tue Nov 04, 2025 2:24 pm
by Dirk Geppert
Webgadget is just an iFrame and requires some special permissions: "camera; microphone; fullscreen; display-capture"

Code: Select all

If OpenWindow(0, 0, 0, 1000, 800, "WebGadget", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)

  gadget = WebGadget(#PB_Any, 10, 10, 990, 790, "")

  ! (function () {
  !   var gad = spider_GadgetID(v_gadget);
  !   if (!gad) return;  // Sicherheitsnetz, falls irgendwas schiefgeht
  !
  !   // Gadget-Container → iframe suchen
  !   var iframe = $(gad.div).find("iframe");
  !   if (!iframe || !iframe.length) return;
  !
  !   // Berechtigungen für Kamera/Mikro/Fullscreen setzen
  !   iframe.attr("allow", "camera; microphone; fullscreen; display-capture");
  !   iframe.attr("allowfullscreen", "true");
  !
  !   // Jitsi-Meeting laden
  !   iframe.attr("src", "https://meet.jit.si/jitsispidertest0815");
  ! })();
  
EndIf

Re: Jitsi in a webgadget

Posted: Thu Nov 06, 2025 8:36 am
by Stefan
Fantastic!
Thank you so much!

Re: Jitsi in a webgadget

Posted: Fri Nov 07, 2025 8:30 am
by Fred
Nice trick ! May be it worth adding a flag like #PB_Web_EnableMultimedia or something which add these attributes ?

Re: Jitsi in a webgadget

Posted: Fri Nov 07, 2025 8:41 am
by Stefan
It would be worth a try. ;)

Re: Jitsi in a webgadget

Posted: Sat Nov 08, 2025 10:21 am
by Stefan
Unfortunately, Dirk's example doesn't work when you open the page on a mobile phone or on a tablet.
(Siderbasic WebApp)