5 Tips About HTML5 That Can Change Your Life

World Wide Web has evolved a lot in the last two decades. Internet banking, online transactions, real-time video calling have made a big difference in our lifestyle. HTML (HyperText Markup Language) has re-defined the browser experience. The document based language has advanced to a new level in all these years. Today, we have listed 5 tips that will change your life and work around HTML. 


1. HTML5 : A New Langauge

HTML5 is the new iteration of all preceding HTML versions. HTML to HTML4.2 were based on document description language called SGML. It was developed by IBM in 1960s. The language has evolved to a new level in the last 50 years. HTML5 is a completely new language but, the code developed in earlier versions of HTML is still compatible with HTML5. 

2. New Browser

HTML5 is backward compatible. However, it does not support the browsers that were built for HTML4. You need to upgrade your browser to HTML5 compatible version.A Majority of latest browsers support HTML5 today. But, if your organisation is still using the machines with older version of browsers, you may not be able to browse HTML5 sites properly.

3. Video

Making a video is a painful task in a browser. HTML5 has changed this picture. There are many HTML5 plug-ins that simplify this task. In HTML5,a video is just a media type in the language itself. You can easily embed the video on your HTML5 page. Adding a video to your HTML5 front-end is as easy as including a static image in HTML4. 

4. Animation

The days when you had to develop animation in Adobe Flash or include blocks of code are over. With HTML5, you can include all the animation features and include animation in your page. It is also possible to embed 3D animation to your HTML5 page. Animation in HTML5 is sleeker and secure. Any browser that supports HTML5 can handle smooth animation effect.

5. Video-calling

Browser based video calling is a future of HTML5. HTML5 browsers are compatible to run animation. You can build video conferencing feature for your website with next generation protocol called WebRTC (Web Real-Time Communication). HTML5 browser can leverage WebRTC in an advanced way. It’s a great addition for enterprise Web applications.

jQuery HTML5 Radio Station Player

This was a long term project which has been improved multiple times. It includes Multi-server Shoutcast & Icecast Stats PHP Class to parse current playing track and its playtime. Currently the script supports Icecast & Shoutcast (Tested on Latest Versions). It is not responsive (adding responsiveness should be fairly easy). This player also allows your visitors to customize their experience, they can choose between different streams, enable or disable auto start feature, enable or disable flash as primary player and change player background. Its easy to set-up and add to any existing web site.

I really encourage you to check preview.

Features

 

• Easy to Configure and Deploy
• Based on JPlayer (HTML5 & Flash Fall back)
• LastFM API for showing Artists Images
• Includes 12$ worth PHP Class Multi-server Shoutcast & Icecast Stats PHP Class
• Includes amazing PHP caching class that works with memcache, memcached, APC (user cache) and HDD cache (default)
• Allows your listeners to customize experience (Turn Flash on/off, Auto Play on/off, Change Background, Change Stream Quality (if you have multiple streams))
• Creates Play-list files on the fly from configured streams
• Best Deployed as POPUP or IFRAME so your listeners can keep browsing your site while listening

Platforms and Browsers

 

• Windows: Firefox, Chrome, Opera, Safari, IE9, IE10+
• OSX: Safari, Firefox, Chrome, Opera
• iOS: Mobile Safari: iPad, iPhone, iPod Touch
• Android 2.3+: Chrome, Firefox, Opera and most other mobile browsers
• Blackberry: OS 7 Phone Browser, PlayBook Browser

Note: Playback support varies by stream you use. For example: Icecast with OGG codec will not play on Android.

 

Requirements

 

• PHP 5+
• PHP CURL or file_get_contents() must have enabled “REMOTE ACCESS” (check with host)
• LastFM Developer API key (Optional)
• Shoutcast/Icecast Admin access
• Some space to cache artist images (If LastFM API key is provided) (optional)

If you have issues with player, please check support section (FAQ) first, If you are unable to find issue, contact me via email and I will help you!

Changes log

 

    6.3.2014 - v.1.01
    - Fixed issue with Shoutcast V1
    - Fixed issues with older PHP versions (PHP5+ required!)

    25.2.2014 - v1.00
    - Initial Release