Summary

This article explains how to embed a third-party stream within the SpotMe app.

Any service that provides a video embedding capability can be embedded within the app.

What you need

To embed a third-party live stream you will need:

• A URL to a web-based video player.

If you are working with a company that is filming and streaming your event, they will be able to provide you directly with the embed URL.

In iOS and Android native apps, web-based video players open in the in-app browser.

Requirements

For the best possible user experience, the URL that is being embedded should:

• Have no padding and margins on the page.
• Have a responsive video player (100% width and height of the page).
• Use HTML5 standards.
• Auto-play the video with the sound on.
• Not have a button to go full-screen.

How to embed a URL from an AV provider

If you are working with an AV/filming provider then share this page with them. After you receive the embed URL from them, simply create a live stream in Backstage and use the provided URL.

How to embed other live streams

Alternatively, you can embed a stream from any other online service.

1. Schedule your live stream on the service.
2. Locate the "Share" or "Embed" functionality of the service.
3. Get the embed code which will usually look similar to snippet below:

   <iframe src="https://example.service.com/stream/123456" width="640" height="320"></iframe>

4. Extract the URL of your service's player from the embed code, and add "/embed" to the end of the URL. For the example above, the URL corresponds to:

   https://example.service.com/stream/123456/embed

5. Create a new live stream in Backstage, selecting third party stream as the provider, and use the above URL with "/embed".

As the final step you would then add a link to the live stream to a session, feed post or as a menu item.