A company called Smokescreen has introduced a new technology (or rather a merging of old and new technology) to produce Flash-like animated ads using software that all platforms support (Windows, Mac, Linux, and mobile operating systems). The ads use a combination of Javascript and HTML5 to create ads that are nearly identical to their Flash counterparts.

The Smokescreen website lists multiple demos of their product in action, although some of them still need to work out the kinks. Technology powerhouses like Apple, Google, and Mozilla are pushing for the adoption of HTML5 video, while Adobe hopes to hold onto its claim on web animation and video. One obstacle that HTML5 proponents must overcome is the inability for current HTML5 video to display dynamic ads. Several marketing firms are working quickly to develop solutions. Current YouTube videos using HTML5 do not display ads, and those videos that do use Flash only.

As with any offering you publish on your site, you want to make sure you can reach the widest possible audience and provide accessibility for those who need it. Hosting your own media server can be taxing on your system load, but there are some solutions that make it easy. I mentioned one open source solution in a previous post.

Another option is to sign up for remote video hosting. This could be as simple as a YouTube channel, which offers closed captioning and other accessibility features, or something more customized that requires monthly payments. At any rate, you will need to embed the videos on your site, and you will want to make sure the solution you choose will not slow it down. Some sites that have many embedded Flash videos, for example, run very slowly and take a long time to load, particularly on netbooks and other mobile devices. When HTML5 video becomes standard, it may be a better choice to consider.

When a website relies on the client’s browser or plugins to execute the script, the assumption is that the necessary plugins or features are actually installed and enabled. If the user does not have the necessary requirements or chooses not to use them, those features on the site will be unavailable. Examples of client-side scripting include Java and Adobe Flash.

With server-side scripting, everything happens internally before the user ever sees the site. By the time the user gets to the page, it is already displayed correctly, and it will be the same content for every user. They do not have to download any extra tools or plugins. Examples of server-side scripting include PHP, Perl, and ASP.

Photo Source: Wikimedia Commons

Web developers have long had a love-hate relationship with Flash. Some would build entire sites based on it, while others shunned it for its lack of Web standards compliance, high CPU requirements, and proprietary license. For most web hosting companies it will not matter either way in the short term, anyone with a website will need to consider what devices are supported by their website.

Scribd will move to a Javascript/CSS/HTML5 web application that works better with their interface.

“Why do you need a special reading application just to view a document?” asked Friedman.

Unlike Flash, which requires the installation of a third-party plugin, Javascript and HTML are built into all modern browsers and are becoming increasingly popular. Many of the cross-browser consistency problems that drove developers to use Flash have since faded away, especially with Microsoft moving closer to standards compliance with each new Internet Explorer release.

Source: InformationWeek

To setup an embedded player, type a code snippet such as this into your html file:

<embed name="music_playlist"
src="music_playlist.m3u"
width="300"
height="90"
loop="false"
hidden="false"
autostart="true">


Replace “music-playlist.m3u” with the name of your playlist. Save the file and then try it out in your browser. Users should now be able to stream mp3 files directly from your website without downloading anything. Since this method still requires a player plugin, you might also consider a Flash player alternative. In the future, HTML 5 audio will also be an option.

Photo: Flickr

Answer: Flash-based sites have many benefits: virtually unlimited possibilities for animations, video streaming, and dynamic applications. All of that, however, comes with a pretty steep price. The web is built on standards, and while a little Flash on a site might fit within those standards, a site completely made of Flash can cause a number of problems.

1. Compatibility: Flash is a separate plugin that must be installed in a web browser. While most people may have it installed, some do not and might even choose not to install it.

2. Hardware requirements: Flash is client-side, which means the user’s computer is responsible for rendering and playing. People with slower computers, even many netbooks, will have trouble viewing Flash. Some mobile devices, such as smartphones either do not have Flash at all or do not run it very well.

3. Accessibility: Visually impaired users rely on screen-readers to read websites. That requires the site to have text and alternate tags for images. Many Flash-based sites lack this.

4. Search Engine Optimization: Generally speaking, search engines read text, and the more of it on a site, the higher you can rank. That includes having multiple pages. If all of your “pages” are contained within a single Flash animation (or even a series of them), you lose out on search engine rankings.

It will be up to you to decide if the benefits outweigh the costs. If you do not believe any of these issues will be relevant or important enough to reconsider, then proceed. Otherwise, there are other options, such as DHTML and AJAX.

Photo Source: Flickr

Hotscripts. Hot Scripts is one of the older more well-known script repositories. It provides links, ratings, categories and annotations of thousands of Javascript, C, PHP, Flash, ASP, CGI, Python, and other scripts. This site lists both free and commercial scripts.

PHP Resource index. Another well-known and trusted site, PHP Resource Index lists both free and commercial scripts, allowing users to vote and comment on them. It currently has around 4,000 scripts indexed. Its sister site, CGI Resource Index, lists Perl and CGI scripts.

There are many other script indexes and repositories. Whichever ones you choose, it is important to be mindful of security, not just of your own website but of the entire web server. You will be responsible for installing any updates to your scripts and making sure they are secure. It is also important to understand that you, not your web host, must make the scripts work since you acquired them from third parties.

Photo: Flickr

Opera CEO Jon von Tetzchner said that the new version of HTML will support rich media (audio and video), rendering Adobe Flash redundant. Those who wish to keep their websites in compliance with web standards will be able to provide users with the same rich media content and features currently only available with the proprietary Flash plugin.

“You can do most things with Web standards today,” von Tetzchner said. “In some ways, you may say you don’t need Flash.”

He believes people will continue to and should have a choice between Flash or the new HTML 5 integrated media, but those concerned with web standards and the closed nature of Flash will now have an alternative.

Source: ZDNet
Photo: Flickr