Bobby van der Sluis FITC Amsterdam, 26th February 2008

Feb 26, 2008 - Geoff Stearns. SWFObject. Bobby van der Sluis. Unobtrusive Flash Objects (UFO). Michael Williams. Adobe Flash Player Detection Kit. The.
4MB Sizes 0 Downloads 68 Views
Bobby van der Sluis FITC Amsterdam, 26th February 2008

Many Flash embed methods • Twice cooked • Embed only

• Adobe Flash Player Detection Kit

• Flash Satay

• SWFObject

• Nested objects (Hixie)

• Unobtrusive Flash Objects (UFO) • ObjectSwap • Many, many other scripts...

Some methods are on the road to nowhere; none of them are optimal

The

project

Geoff Stearns SWFObject Bobby van der Sluis Unobtrusive Flash Objects (UFO) Michael Williams Adobe Flash Player Detection Kit

8 key questions 1. How to embed cross-browser? 2. How to comply with web standards? 3. What if no Flash plug-in is available? 4. How to deal with an outdated Flash plug-in? 5. Where to download the latest Flash plug-in? 6. How to help search engines? 7. How to avoid mechanisms that hurt the user experience? 8. How to do all of this in the easiest way possible?

8 key questions 1. How to embed cross-browser? 2. How to comply with web standards? 3. What if no Flash plug-in is available? 4. How to deal with an outdated Flash plug-in? 5. Where to download the latest Flash plug-in? 6. How to help search engines? 7. How to avoid mechanisms that hurt the user experience? 8. How to do all of this in the easiest way possible?

Cross-browser anno 1998

Netscape’s <embed> <embed type="application/x-shockwave-flash" src="myContent.swf" width="780" height="390" />

• Is patented and therefore not a web standard • Invalid HTML • Doesn’t support alternative content

Alternative content

Content that is accessible to people who browse the web without plugins

Internet Explorer’s <param name="movie" value="myContent.swf" />

Alternative content



• Is a W3C Recommendation • Supports alternative content • Is a platform specific implementation

Twice cooked <param name="movie" value="myContent.swf" /> <embed type="application/x-shockwave-flash" src="myContent.swf" width="780" height="390" />

• Locked into vendor specific code • No alternative content possible • This is still the default publishing method of the Flash IDE today

Web standards offer a universal language to a whole ecosystem of browser makers, tool builders, and web authors, so that all of these audiences can avoid compatibility problems, vendor lock-ins, and patent-infringement issues.

Cross-browser today All modern web browsers support a platform independent implementation of

Alternative content



Except Microsoft Internet Explorer <param name="movie" value="myContent.swf" />

Alternative content



Nested objects <param name="movie" value="myContent.swf" />

Alternative content



Nested objects - take 2 <param name="movie" value="myContent.swf" />

Alternative content



Why nested objects is better than twice cooked • It breaks the cycle of vendor lock-in • Valid HTML • The opportunity to use alternative content

Markup vs scripting

• Around 98% of the people has Flash Player 8 • Around 5% has no JavaScript support • Around 1% has poor JavaScript support

8 key questions 1. How to embed cross-browser? 2. How to comply with web standards? 3. What if no Flash plug-in is available? 4. How to deal with an outdated Flash plug-in? 5. Where to download the latest Flash plug-in? 6. How to help search engines? 7. How to avoid mechanisms that hurt the user experience? 8. How to do all of this in the easiest way possible?

The Flash Player will attempt to play Flash content, no matter what Flash plugin version that content was published for

Flash Player version detection Use JavaScript to: • Detect the Flash Player version • Determine whether Flash content or alternative content needs to be shown • Trigger Adobe Express Install (optional)

Adobe Express Install


115 Views