Jitsi in a webgadget

[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

[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

[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

[Blitz]

No solution, just plan B = LINUX (own partition)
(Need your car to be repaired, take your wife's car)

[Stefan]

Has anyone found a solution or come up with an idea yet?

[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

[Stefan]

Fantastic!
Thank you so much!

[Fred]

Nice trick ! May be it worth adding a flag like #PB_Web_EnableMultimedia or something which add these attributes ?

[Stefan]

It would be worth a try.

[Stefan]

Unfortunately, Dirk's example doesn't work when you open the page on a mobile phone or on a tablet.
(Siderbasic WebApp)