What is the most basic example?

The most basic example would be an html file index.html like the following one:

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="//assets-cdn.ziggeo.com/v2-stable/ziggeo.css" />
		<script src="//assets-cdn.ziggeo.com/v2-stable/ziggeo.js"></script>
		<script>
			var application = new ZiggeoApi.V2.Application( {
				token:"INSERT_YOUR_APP_TOKEN_HERE",
				webrtc_streaming_if_necessary: true,
				webrtc_on_mobile: true
			} );
		</script>
	</head>
	<body>
		<ziggeorecorder
			ziggeo-theme="cube"
			ziggeo-themecolor="red">
		</ziggeorecorder>
	</body>
</html>

You need to sign up for our API first and confirm your email address to make the example work.

After signing up, click on the default application and copy the application token and replace the INSERT_YOUR_APP_TOKEN_HERE placeholder in the code above with your own token.

Make sure to serve the page within a webserver. The example page should be presenting you with a video recorder.

  • If you do not have a server, that is fine. We have ready-made hosted pages. You have several templates to choose from or just remove all codes and add the one above. Click the following link to see more about Hosted pages.

After you've done your first recording, go back to your dashboard and select the videos tab under your application. Your recording should show up there. Copy the token of video and add the following piece of html to your website:

<ziggeoplayer
	ziggeo-video="INSERT_YOUR_VIDEO_TOKEN_HERE"
	ziggeo-theme="cube"
	ziggeo-themecolor="red">
</ziggeoplayer>

Replace the INSERT_YOUR_VIDEO_TOKEN_HERE placeholder with your video token. A player should now appear within your page after reloading. Congratulations!

PREV NEXT