Ziggeo Cheat Sheet

• Go to Sign up
• Enter your email address + password.
• Go to your inbox and click on the confirm link (your account won't work otherwise!).
• Go to the Ziggeo dashboard and click on the application details.
• Copy the application token.

Create a basic index.html and make sure to put in your application token. Copy and paste this code:

   <!DOCTYPE html>
   <html>
    <head>
     <link rel="stylesheet" href="//assets.ziggeo.com/v2-stable/ziggeo.css" />
     <script src="//assets.ziggeo.com/v2-stable/ziggeo.js"></script>
     <script>var ziggeoApp = new ZiggeoApi.V2.Application({token: "APPLICATION_TOKEN_HERE"});</script>
    </head>
    <body>
     <ziggeorecorder></ziggeorecorder>
     <!-- <ziggeoplayer ziggeo-video="VIDEO_TOKEN_HERE"></ziggeoplayer> -->
    </body>
   </html>

Put it on a webserver (either locally or in the Internet; it won't work by just opening the file in your browser), e.g.:

• Run php -S localhost:8080 in your folder and open http://localhost:8080 in your browser
• Via Apache locally: See here
• Via any other webserver technologies
• On Firebase: See here
• On Git Pages: See here

• Serve up the page and record yourself.
• Go to your dashboard on Ziggeo and open the video list. Click on the video and copy the video token.
• Go back to your html file, uncomment the commented line and replace the token by the video token.
• You should now be able to watch the video.

• For more info, e.g. on JavaScript events, go to Documentation.
• To get ideas what to hack on, see our Hackathon Ideas.