Worldwide | Login | Contact Us
  
HomeProducts and ServicesIndustry SolutionsSupportCompany
 
COLOR AND TRANSPARENCY
Support
Customer Education
Code Samples
SMIL
SMIL basics
Ram & SMIL Sources
Color & Transparency
Groups
Layout
Timing
Hyperlinking
Transitions
Animations
Switching

SMIL 2.0 and the RealNetworks extensions to SMIL 2.0 provide many ways to paint colored areas and manipulate clip transparency levels. See also Color Animations for samples of how to change background and clip colors through SMIL animations.

BRUSH OBJECTS
The <brush/> tag lets you paint areas with a color block. It functions like a clip source tag. For more information, see "Creating a Brush Object".

Sample File Description Featured Illustrated Reference
brushobject.smil Various colored blocks, each created by a <brush/> tag, which functions like a clip source tag. <brush/> tags click here
brushbackground.smil A SMIL file uses brush objects and transition effects to create a dynamic background for the wipeslideshow.rp RealPix slideshow. <brush/> tags and transition effects combined with other clips click here
brushvideo.smil Various colored brush objects overlay, then uncover a video. <brush/> tags with begin and end times click here
brushtransition.smil Transition effects using brush objects simulate dynamically changing region background colors after two video clips play. <brush/> tags and transition effects in a sequence of videos click here

TRANSPARENCY
RealNetworks' extensions to SMIL let you manipulate transparency in clips. These extensions are described in "Modifying Clip Colors".

Sample File Description Featured Illustrated Reference
frameoverlay.smil A frame created from a PNG image that has a transparent background overlays a video. support for native clip transparency click here
backgroundopacity.smil An image that includes transparency displays against a colored background. The image's transparency is decreased, then increased. static and animated rn:backgroundOpacity attribute in a clip tag click here
mediaopacity.smil An opaque JPEG image is rendered more and more transparent. static and animated rn:mediaOpacity attribute in a clip tag click here
logo.smil A GIF logo rendered semi-transparent appears in the corner of a video clip. An animation makes the logo opaque on a mouseover. rn:mediaOpacity attribute and subregions click here
click here
chromakeys.smil In a static JPEG image, a wider and wider range of colors around a selected color becomes transparent. The sample repeats with the colors becoming semi-transparent. rn:chromaKey, rn:chromaKeyTolerance, and rn:chromaKeyOpacity attributes in a clip source tag click here
textcolors.smil A demonstration of SMIL advanced timing and the RealNetworks transparency extensions used along with static RealText clips. RealText clips, transparency attributes, and advanced timing commands click here

Real Site Map | Privacy Policy | Legal Notice/Terms of Use | Advertising | Real.com