

Note: It is not necessary to pause a composition to change its input values. See HTML Attributes for the Quartz Composer WebKit Plug-in for a description of other HTML attributes that are available. If your composition uses transparency (that is, the composition is not completely opaque), make sure that you set the attribute to false. The opaque attribute is optional and specifies whether your composition uses transparency. The URL can specify either a path relative to the HTML file that contains the tag or a fully qualified path. Src is the uniform resource locator, or URL, to your composition. It is important to include this attribute because without it, a browser may try to use another plug-in to render your composition. To render a Quartz Composer composition, set this attribute to application/x-quartzcomposer. Type tells the browser loading this element that the content to be displayed is a Quartz Composer composition. Two of the attributes in Listing 4-1 are necessary for the plug-in to be loaded properly: Some of the attributes included with the tag in Listing 4-1 are standard attributes found in many HTML elements. To add a Quartz Composer composition to a webpage or Dashboard widget, you need to include it in an HTML file using the tag, as shown in Listing 4-1. It also describes the HTML attributes specific to the plug-in and discusses which Quartz Composer patches are not allowed in a composition rendered by a WebKit plug-in. This chapter shows how to use the WebKit plug-in and how to manipulate a composition using JavaScript. It’s also available to Dashboard widgets, because Dashboard uses the WebKit to render the HTML, CSS, and JavaScript files that make widgets. The plug-in is a WebKit–style Internet plug-in, available to WebKit–based browsers, such as Safari, OmniWeb, and Shiira. The Quartz Composer WebKit plug-in, available in OS X v10.4.7 or later, lets you include Quartz Composer compositions in a webpage or Dashboard widget. Adding Compositions to Webpages and Widgets

Links to downloads and other resources may no longer be valid. This document may not represent best practices for current development.
