It turns out this is a unique Google Chrome bug.

It can’t be solved by updating Chrome, you need to uninstall Chrome and then re-install Chrome from scratch.

You can read about the bug [ HERE ].

Did you know you can get Zend Server in a VPS instance for UNDER TEN dollars a month.

I’ve posted a full tutorial HERE on Zend Developer Zone.

If you’re a web developer and your development machine is a Mac you have likely discovered that “Web Sharing” was removed from OSX Mountain Lion.

There are a few tutorials on the web that can walk you through getting a PHP stack set up on the Mac, but they all describe somewhat more work than necessary.

Since Zend Server free edition offers production quality features and has installers for Linux, Windows and Mac – it makes a fine choice to replace the missing OSX Web Sharing feature, and it is easy to install.

I published on article on Zend’s Developer Zone on the installation and configuration of Zend Server 6 FREE Edition on the Mac

You can read the the whole article HERE !

Man I work with a fun team !!

When we think of sound in an HTML application we might think of two things: We remember all those sites that started playing load obnoxious background music when the page loads and then we think about music playing apps.

Sound can however be much more: when building immersive app experiences it can be a crucial attribute. It can enhance tactile feedback or communicate activity or changes in state to the user. A ping sound when a new email arrives or a dismissive sound when there was an error can make things much more obvious for the end user.

Prior to HTML5 most developers had to resort to plug-in technologies like Flash, Quicktime, Real player or Windows Media Player to play audio. These, of course, required that these technologies were installed on the users’ machines and the plugins being active.

With HTML5, we have an audio element that natively supports sound playback. As with any HTML element, you can even play nice with older technologies by providing fallback content. For example by simply linking to the audio file:

———

As not all browsers support the same audio formats (MP3 not being a free format makes it impossible to decode it in an open source browser) you can provide the same audio in different formats:

Example:

  The recording - MP3 - 2.3MB

If you really need to provide a player for all browsers – including the ones that don’t understand HTML5 – I collected some information about this in an older blog post.

When your application checked that HTML5, Canvas and all the other things needed for your functionality is supported then backward compatibility is less of a concern, however you may still have cross-browser compatibility concerns since browser vendors are not fully converged on common feature implementation. That said, basic support for audio is available across all major browsers.

You don’t need to have an audio element in your HTML, you can also create them on the fly in your JavaScript:

var aSound = document.createElement('audio');
aSound.setAttribute('src', 'PlayMe.ogg');
aSound.load()

However, there may be advantages to using the tag in your HTML.

• Using the tag adds to the semantic integrity of your markup.
• It makes your code easier to read and understand.
• The tag can display controls so the user can play the audio and seek in it with native controls that are also keyboard accessible
• The tag has an optional preload attribute that tells to the browser to load the audio before users start playing it.
• Browsers have a distinct loading sequence of referenced assets. By leveraging that sequence, it iss possible for you to help improve the performance of your app.

Here are some examples for using the tag in HTML5.

In this instance the audio element is not visible and MySound.ogg will only be played by calling the play method on the element instance.

document.getElementById('MySound').play();

By adding a controls attribute you can display the player controls so that the user can play the audio file by interacting with them.

These controls differ from browser to browser and operating system to operating system, but all have the same features as shown in the following image:

You can easily hide or display the audio element’s controls whenever appropriate (like when the UI state changes) with a simple bit of JavaScript:

var myAudio = document.getElementById( "TimerBellSound" );
if ( myAudio.hasAttribute("controls") ) {
  myAudio.removeAttribute("controls") ;
}
else {
  myAudio.setAttribute("controls", "controls")
}

As Terrill Thompson explains in his blog post HERE, we can easily create a custom player as well. Not only does this provide us with the flexibility of defining our own user interface but it lets us address accessibility concerns as well. His player looks like this and has a consistent look and feel across browsers and operating systems:

So what could sound do in your app? As an example, consider the follow application prototype:

This application will be a timer for athletes. When in use, the athletes won’t be sitting in front of the device that is running the app. It will be running on their computer, tablet or phone and, while they may glance at it to check the time, for the most part they will rely on audible feedback for when to start working out, when to rest, and when to increase or decrease the intensity of their workout.

The audio element in HTML5 makes adding sound to your app both easy and straight forward.

I don’t read Japanese but I’m pretty sure this is cool !

Folks who follow me know that I’ve been bi-coastal for about fifteen years.

Zend is based in Silicone Valley and I live in the woods of New England.

This week I was at our head quarters and in Andi Gutmans’ (Zend CEO) office where I witnessed a veritable stampede of ElePHPants.

I wonder what color we’ll see next ?

If you haven’t already taken our quick 2-3 minute survey, here’s your opportunity to give us some feedback on:

By taking this survey you’ll be entered in a drawing for your chance to win either a $50 Amazon gift card and a large elePHPant, or one of five $25 Amazon gift cards and a small elePHPant.

[ CLICK HERE to take the survey !! ]

Survey deadline: February 22, 2013

February 21, 2013 – (9:00am PST, 12:00pm EST) or  (5:00pm GMT, 6:00pm CET)

This webinar will introduce you to Zend Server 6, the #1 choice for deploying, running, and managing mobile and web applications written in PHP. You’ll hear about the new features of the product including advanced production debugging, deployment tools, performance optimization features, faster app problem resolution, scaling, and more. You’ll also see a hands-on demonstration of Zend Server 6’s new cool UI.

Today Zend announces Zend Server 6 and Zend Studio 10 !

Both are SIGNIFICANT new versions.

Check out www.Zend.com to learn about all the new features but there are a couple things I want to point out here.

• Zend Server 6 FREE EDITION. Not only will you immediately see the improvements in the user interface of Zend Server 6 but Zend is making a free version available. Yes I know that Zend previously offered a “Community Edition” but this is different. The Free version is not a different edition but a version of the same product as all the other Zend Server. You’ll see the features in the FREE edition and you can upgrade when you want the extended versions of those features.  Example: The free version saves one hour of event monitoring data. 

• Zend Studio 10 is HUGE for Mobile development and natively understands cloud deployment.

To celebrate we are offering Zend Studio at 50% off !!!!