Embedding

In order to embed the player and/or the snapshot image, open and log in into your Restreamer GUI via the local IP address of your device in the web browser of your choice.

Don’t forget to forward the TCP Port to use the HTML code successfully on your website. Please refer to the manual of you router to find out how to enable port forwarding.

Open the Restreamer player Embed

Player

The HTML snippet for the video iframe code is listed under the video player. Embed

Restreamer tries to find out your public internet IP address and uses it automatically in the HTML code snippet.

If you have a dynamic DNS provider (e.g. DynDNS), you can replace the IP in the URL for iframe with your dynamic DNS name (e.g. foobar.zapto.org).

You also have to adjust the port that you actually forward. In your router you can configure that the port 8080 should be forwarded to port 32000 (or whatever port you defined in Docker) on your Restreamer device.

<iframe src="http://123.245.789.123:8080/player.html" ...></iframe>

<iframe src="http://foobar.zapto.org.123:8080/player.html" ...></iframe>

You can also change the width and height of the video by adjusting the width and height parameters in the iframe HTML tag.

Autoplay

If want to enable autoplay, simply add ?autoplay=1 after player.html such that it looks like this:

<iframe src="http://.../player.html?autoplay=1" ...></iframe>

Snapshot

The HTML snippet for the snapshot code is listed under the video player. Embed

Restreamer tries to find out your public internet IP address and uses it automatically in the HTML code snippet.

If you have a dynamic DNS provider (e.g. DynDNS), you can replace the IP in the URL for iframe with your dynamic DNS name (e.g. foobar.zapto.org).

You also have to adjust the port that you actually forward. In your router you can configure that the port 8080 should be forwarded to port 32000 (or whatever port you defined in Docker) on your Restreamer device.

<img src="http://123.245.789.123:8080/images/live.jpg" ...>

<img src="http://foobar.zapto.org.123:8080/images/live.jpg" ...>

You can also change the width and height of the image by adjusting the width and height parameters in the img HTML tag.

The snapshot will be updated every 60 seconds by default. You can change this value by adjusting the RS_SNAPSHOT_INTERVAL environment variable.