# Live Stream Zoom on Vimeo

## Requirements

* To be able to get receive a Zoom stream on Vimeo you need an Advanced or Enterprise plan (one that support "Live Events"). Check [Vimeo plans](https://vimeo.com/upgrade). Note that the Advanced plan only supports two live streams in parallel.
* To be able to send a video stream from Zoom to Vimeo, you need a Zoom Pro, Business, Education, or Enterprise account. Check [Zoom guidelines](https://support.zoom.us/hc/en-us/articles/115001777826-Livestreaming-meetings-or-webinars-on-a-custom-site).
* You network needs to have [Vimeo](https://help.vimeo.com/hc/en-us/articles/12426939452817-Recommended-network-configuration-for-streaming-a-live-broadcast), [Zoom](https://support.zoom.us/hc/en-us/articles/201362683-Zoom-network-firewall-or-proxy-server-settings) and [GMetri](https://docs.gmetri.com/metaverse/player/it-permissions) whitelisted.

## Vimeo Setup

* Login to Vimeo -> New Video (top-right menu) -> Create Live Event

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FtNQP5tiFbCgBN51kr4Ts%2Fimage.png?alt=media&#x26;token=af7e8ae4-e63b-4a91-b71a-680069281e67" alt=""><figcaption><p>Create Live Event</p></figcaption></figure>

* Click on "Create Live Broadcast" to create a new event
* In the Event page, do the following:
  * Rename the event, set start and end date/time.
  * Viewing privacy: set to unlisted link
  * Turn on "chat" if needed

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F9eYPOMbDV7LuRYgHDTIy%2Fimage.png?alt=media&#x26;token=cce86cdf-db89-4b73-929d-44fe9d4b8957" alt=""><figcaption><p>Vimeo event setup page</p></figcaption></figure>

* Go to Appearance tab. Generally you might want to set "Show Vimeo Logo" to off. Change other settings as needed

### Get the rtmp link and Embed Codes

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FCIWZ5flO44ABHEcCXI1k%2Fimage.png?alt=media&#x26;token=245d757e-63c4-47f3-abe8-0f5708314439" alt=""><figcaption></figcaption></figure>

To get the Vimeo rtmp link, click on "Manage production" and select "Stream with an encoder"

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F6m8kRa0uQRUx1UWyVgQj%2Fimage.png?alt=media&#x26;token=5eb933c1-1017-46b3-a84d-21c06f3f342a" alt=""><figcaption></figcaption></figure>

Copy the **RTMPS URL, Stream Key** and the **Link**. These will be input later in Zoom.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2Fia4byvvzONrstVvyVWMT%2Fimage.png?alt=media&#x26;token=371fdf91-b984-465c-8635-8a155fd24f70" alt=""><figcaption></figcaption></figure>

Copy the **embed code** from here. Optionally you can also copy the "Chat embed code".

These are the codes that need to be pasted in the [EmbedHtml](https://docs.gmetri.com/guidelines-compatibility/guidelines/workflows/embedhtml-snippets) component in GMetri.

## GMetri Setup

Every time in the Vimeo event **Link,** there are two string to take note of:

<https://vimeo.com/event/**3448527**/**ea06876db1>\*\* *(Second string doesn't show up every time)*

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FmB4Ne1ngS5g4A99ZLd7q%2Fimage.png?alt=media&#x26;token=366b2979-5623-43aa-8ad9-0e793cb40791" alt=""><figcaption></figcaption></figure>

From those two strings, we can generate the following:

* **Video Link**: `https://vimeo.com/event/3448527/ea06876db1`
* **Chat Link**: `https://vimeo.com/event/3448527/chat/ea06876db1`
* **Video link used within embed**: `https://vimeo.com/event/3448527/embed/ea06876db1`

### EmbedHtml Snippets

#### Desktop live video + chat embed:

{% code overflow="wrap" %}

```html
<div style="display:flex;align-items:center;height:100%"> <iframe src="https://vimeo.com/event/3448527/embed/ea06876db1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="width:70%;height:100%;"></iframe> <iframe src="https://vimeo.com/event/3448527/chat/ea06876db1" style="width:30%;height:95%;" frameborder="0"></iframe></div>
```

{% endcode %}

#### Mobile chat embed:

{% code overflow="wrap" %}

```html
<iframe src="https://vimeo.com/event/3448527/chat/ea06876db1" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"> </iframe>
```

{% endcode %}

\<iframe src="<https://vimeo.com/event/1766889/chat/6ac0a0cfea>" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"> \</iframe>

#### Mobile live video embed:

{% code overflow="wrap" %}

```html
<iframe src="https://vimeo.com/event/3448527/embed/ea06876db1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"> </iframe>
```

{% endcode %}

**After the event**

To get chat history, use links like these: `https://vimeo.com/live/3448527/stream#chat`\
(Available only for 30 days after the event is over)

## Zoom Setup

{% content-ref url="live-stream-zoom-on-vimeo/zoom-setup" %}
[zoom-setup](https://docs.gmetri.com/metaverse/integrations/live-stream-on-gmetri/live-stream-zoom-on-vimeo/zoom-setup)
{% endcontent-ref %}