Embedding the viewer in a website

How to embed the Calaméo self-hosted publication in a website or blog.

Basics

Here is the basic HTML code you can use to embed a Calaméo self-hosted publication in your website or blog:

<object
	id="000283759e97fec0a876c1273588351"
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
	width="100%"
	height="100%">
		<param name="base" value="./" />
		<param name="movie" value="viewer.swf" />
		<param name="quality" value="high" />
		<param name="allowScriptAccess" value="always" />
		<param name="allowFullScreen" value="true" />
		<embed
			type="application/x-shockwave-flash"
			base="./"
			src="viewer.swf"
			flashvars=""
			id="viewer"
			name="viewer"
			quality="high"
			scale="noscale"
			loop="false"
			salign="t"
			allowscriptaccess="always"
			allowfullscreen="true"
			height="100%"
			width="100%" />
</object>
Parameter Type Description
<param name="base" value="..." /> string Path to the self-hosted publication folder where the data folder is located relative to the embedding HTML page.
base="..." string Path to the self-hosted publication folder where the data folder is located relative to the embedding HTML page.
<param name="movie" value="..." /> string Path to the self-hosted publication viewer.swf file relative to the embedding HTML page including the flashvars.
src="..." string Path to the self-hosted publication viewer.swf file relative to the embedding HTML page.

Variables (flashvars)

Use these variables as query string parameters (&var=value&foo=bar).

Parameter Type Description
langid string Language of the viewer:
  • en (english)
  • fr (french)
  • es (spanish)
  • it (italian)
  • de (german)
  • pt (portuguese)
  • ru (russian)
  • kr (korean)
  • cn (chinese)
  • jp (japanese)

You can easily create additionnal languages by following this tutorial.
page integer First page to display (default: 1).
viewModeAtStart string

View to display:

  • book
  • slide
  • index
  • slideindex

The default view is book for publication with more than 1 page and slide for 1 page publcations.

Using SWFObject

We strongly encourage you to use the SWFObject script provided in utils.js to embed the Calaméo self-hosted publication to enforce maximum cross-browser compatibility. See the provided index.htm source code for more information.

Information on SWFObject is available at http://code.google.com/p/swfobject/