Add how to have a jitsi & cowebsite on doc

This commit is contained in:
Alexis Faizeau 2021-10-28 10:00:12 +02:00
parent c886feca79
commit b03e7ec8f6
2 changed files with 13 additions and 3 deletions

View file

@ -67,7 +67,7 @@ const coWebsiteWorkAdventure = await WA.nav.openCoWebSite('https://workadventu.r
coWebsite.close(); coWebsite.close();
``` ```
### Opening/closing web page in Co-Websites ### Get all Co-Websites
``` ```
WA.nav.getCoWebSites(): Promise<CoWebsite[]> WA.nav.getCoWebSites(): Promise<CoWebsite[]>

View file

@ -5,7 +5,7 @@
## The openWebsite property ## The openWebsite property
On your map, you can define special zones. When a player will pass over these zones, a website will open (as an iframe On your map, you can define special zones. When a player will pass over these zones, a website will open (as an iframe
on the right side of the screen) on the right side of the screen)
In order to create a zone that opens websites: In order to create a zone that opens websites:
@ -16,7 +16,7 @@ In order to create a zone that opens websites:
* You may also use "`openTab`" property (of type "`string`") to open in a new tab instead. * You may also use "`openTab`" property (of type "`string`") to open in a new tab instead.
{.alert.alert-warning} {.alert.alert-warning}
A website can explicitly forbid another website from loading it in an iFrame using A website can explicitly forbid another website from loading it in an iFrame using
the [X-Frame-Options HTTP header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options). the [X-Frame-Options HTTP header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options).
## Integrating a Youtube video ## Integrating a Youtube video
@ -64,3 +64,13 @@ For instance, if you want an iFrame to be able to go in fullscreen, you will use
<img src="images/open_website_policy.jpg" class="figure-img img-fluid rounded" alt="" /> <img src="images/open_website_policy.jpg" class="figure-img img-fluid rounded" alt="" />
<figcaption class="figure-caption">The generated iFrame will have the allow attribute set to: <code>&lt;iframe allow="fullscreen"&gt;</code></figcaption> <figcaption class="figure-caption">The generated iFrame will have the allow attribute set to: <code>&lt;iframe allow="fullscreen"&gt;</code></figcaption>
</figure> </figure>
### Open a Jitsi with a co-website
Cowebsites allow you to have several sites open at the same time.
If you want to open a Jitsi and another page it's easy!
You have just to [add a Jitsi to the map](meeting-rooms.md) and [add a co-website](opening-a-website.md#the-openwebsite-property) on the same layer.
It's done!