background preloader

Video for Everybody!

Video for Everybody!
Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. It is not a neatly packaged, fully-featured solution for those unfamiliar with HTML. How It Works If your browser supports it, HTML5 video is used. If HTML5 video is not supported, Adobe Flash is used. Finally, if all else fails, a placeholder image is shown and the user can download the video using the links provided. VfE different than any other Flash video embedding method. This is all done without JavaScript and requires two video encodes, one Ogg file, and one MP4 file. The Code Here follows the full source code. IMPORTANT Notes Using Video

deIgniter Base Classes: Keeping it DRY | Blog | Phil Sturgeon Most applications in CodeIgniter will have various types of pages. The public frontend, a backend admin panel, perhaps some sort of moderator or staff panel, etc. Logic for these types of pages is normally copied between all of their different Controllers which means, for example, if the way the admin area protection is handled is changed there will be lots of Controllers to change and test. This logic can instead be shared by some creative extending of the Controller class to create custom Base Controllers like Public_Controller, Admin_Controller, etc. WTF are you talking about? The idea is that most of your controllers share something in common with each other. Wicked! The first step is to create these Base Controllers. application/core/MY_Controller.php MY_Controller is a basic core library extension. All we have done here is create a base class that all of our Controllers and "controller types" will inherit. application/core/Public_Controller.php application/core/Admin_Controller.php

HTML5 video player HTML5 examples and demos DramaWiki Working with RESTful Services in CodeIgniter CodeIgniter is becoming well known for its power as a PHP based web application framework, but it's not often that we see examples of it being used for anything else. Today we'll learn how we can use CodeIgniter to create a RESTful API for your existing web applications, and demonstrate how to interact with your own API or other RESTful web-services, such as Facebook and Twitter. Program: CodeIgniter, CodeIgniter REST server and CodeIgniter REST client Difficulty: MediumEstimated Completion Time: 30 minutes If you have been following the CodeIgniter From Scratch series you will know by now that it is relatively quick and easy to put together simple web applications, such as blogs, CMS systems, brochure sites, etc. You have a web server set up, locally or online and known how to manage files on it.You have read a few of the CodeIgniter from Scratch tutorials.You know how to set up CodeIgniter.You know a little about RESTful services. This tutorial is broken down into two parts.

HTML5 and Search Engine Optimisation Through our handy Ask The Doctor service, we get a lot of e-mails asking us about HTML5’s effect on Search Engine Optimisation (SEO). While we can’t answer in great detail (Messrs Google, Yahoo, Bing, and their friends haven’t sent us in-depth details of their algorithms), we’ve rounded up some useful facts from Google, the world’s most dominant search engine. At the moment, Google indexes HTML5 microdata (more about microdata) but does not reward you for using the new HTML5 structural elements, but neither does it penalise you: As HTML5 gains in popularity and as we recognize specific markup elements that provide value to our indexing system, this is likely to change, but at the moment I would not assume that you would have an advantage by using HTML5 instead of older variants….Personally, I would recommend using HTML5 where you think that it already makes sense, perhaps reverting to HTML4 if you can determine that the browser won’t support the elements of HTML5 that you use properly.

The HTML5 test - How well does your browser support HTML5? Making movies from image files using ffmpeg/mencoder Motivation In my research, I often generate a sequence of images from either my experiment or from a simulation that I want to put together into a movie. Since I use linux, I wanted to do this using free software in linux, and I wanted to be able to play the movie in linux. This webpage outlines what I've learned about how to do this in linux using mencoder or ffmpeg to create high quality files that are well compressed and the play well under all operating systems. The movies are going to be non-standard size (usually square, around 200x200 pixels for me), and have a non-standard frame rate: typcially, my movies may only be 10 frames, so I don't want to run it at 30 fps. The details We want to encode to some kind of relatively portable movie format. ffmpeg and mencoder both do this using the libavcodec library developed as part of ffmpeg. vcodec= ffmpeg supports an even larger list of output codecs and container formats. MPEG-4 is the best option. How do the file sizes compare? Image files:

A Quick Code Igniter and JQuery Ajax Tutorial | Michael Forbes – Online Experience Engineer This tutorial assumes a basic working knowledge of Code Igniter. If you have never used CI before, please refer to the framework documentation In the old days (2 years ago), working the Javascript magic to create a cool AJAX based event took a fairly decent working knowledge of the mechanisms behind the process. With the increasing popularity of Javascript libraries however, this type of functionality became available to the web site hobbyist, and was made much easier for the web site professional. The following step-by-step tutorial will show you how to combine the power of JQuery (a javascript library that weighs in at about 20k) with Code Igniter (a PHP framework based on the MVC design pattern) to quickly and painlessly pass a record ID through the javascript and over to the server, where it will be passed to a mysql database, used to retrieve some data, and sent back to the page for display. Step 2: Next, youll use the JQuery function load, and attach it to your content div: Step 4

How well does Googlebot deal with non-standard tags? - Webmaster Central Help I have read the FAQs and checked for similar issues: YES My site's URL (web address) is: votcdc.nahrwold-test.netDescription (including timeline of any changes made): This is a development site I am currently working on for a client. Username is votcdc Password is EternalWorks ( no private information... username/password is only enforced to keep client from sending regular traffic to site) I am working on a way to clean up my source code for readability, programibility, and SEO. I was working to migrate to HTML5, with HEADER, SECTION, and ASIDE tags. While changing my old DIV tags to the new tags, I decided to create some new, custom, non-standard tags (div class="overview" became OVERVIEW, div class="programs" became PROGRAMS, etc). My HTML is beginning to look more like XML, but the site looks the same in all browsers (after using createElement in IE for each new tag), has clean code, and clean CSS. Will googlebot be able to deal with the information contained in these custom tags?

CSS3 . Info - All you ever needed to know about CSS3 What just happened to video on the web? That's a question you should ask with the announcement we made tonight. I think a lot will change. This is probably one of my longest and information packed posts ever, but I think it is important we put down all cards on the table. Why now? Unfortunately, and we realized while working on this: along with adopting industry standards also comes completely new terminology which seems designed to confuse non-insiders. Lets talk about actual functionality you can leverage in the Flash Player. You can load and play .mp4,.m4v,.m4a,.mov and .3gp files using the same NetStream API you use to load FLV files now. Let's put together some thought up scenarios I would imagine are important: You created a pod cast for iTunes and happily distribute over this channel.

ci + jquery I just use “load” with Code Igniter’s site_url() function. Here’s the javascript (after loading in jQuery of course): $(document).ready(function() { $("#submitit").click(function() { Here’s the form and ajax div: <form action="<? This degrades nicely - if javascript is disabled, it loads the “loadinfo” function of the “ajax” controller, otherwise it loads the “ajaxloadinfo” function of the controller. It took me a long time to figure this out, since there are not many good tutorials on how to use jQuery’s load function with Code Igniter (and the ones that do exist don’t have many examples). Hope this helps!