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. VfE is for developers who either want something really simple they can quickly use on their blog or websites, or as a good starting point to develop their own custom solution. It does not use JavaScript. 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 The Code Using Video

http://camendesign.com/code/video_for_everybody

Related:  HTML 5HTML

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. Browser Ball Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is. Clicking the link below spawns the main Browser Ball window, which features two buttons: Create Window: this will spawn a new child window.

deIgniter Base Classes: Keeping it DRY 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. How-To: Create Custom Share Buttons For All The Popular Social Services - ATLChris For those of you that follow me, you are probably already know that I recently redesigned my post footer. For those that don’t know a post footer is the area just below this post with the “Share It!” and “Related Post” sections. I took it on myself to create a completely custom footer area with share links to many of the popular social services available today. I like my blog to be different from the other gazillion out there, so I choose to minimize my plugin use and create custom solutions.

WebRTC getUserMedia and WebSockets (XSockets) Just recently I posted a video showing how you can access local devices that can generate a multimedia stream . In my example I access the Webcam just using the WebRTC JavaScript API – getUserMedia. It’s an early experiment that uses a nightly build of Opera ( 12.00 lab) which is the only (correct me if I’m wrong ) browser giving us the chance to experiment with the API today?

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. PsExec Introduction Utilities like Telnet and remote control programs like Symantec's PC Anywhere let you execute programs on remote systems, but they can be a pain to set up and require that you install client software on the remote systems that you wish to access. PsExec is a light-weight telnet-replacement that lets you execute processes on other systems, complete with full interactivity for console applications, without having to manually install client software. PsExec's most powerful uses include launching interactive command-prompts on remote systems and remote-enabling tools like IpConfig that otherwise do not have the ability to show information about remote systems.

Media Capture and Streams 4. MediaStream API 4.1 Introduction A Quick Code Igniter and JQuery Ajax Tutorial 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.

Building a PC? You Need This Chart If you've ever built your own PC, you know it can be a rewarding and cost-saving experience. But unless you're really fluent in pin counts and socket shapes, remembering which pieces go where requires a lot of Googling. Reddit user Proteon shared a fantastic image that itemizes all the ports, connectors, sockets, cards, slots and cables you'll need to identify when piecing your baby together. The valuable resource quickly reached the front page of /r/pics, and Redditor zeug666 pointed out in the comments that the poster was created by deviantART user Sonic840. There's a larger and more up-to-date version on his profile which we present to you here. Check it out below, but you'll want to grab the full 4320 x 6120 version to see all the glorious details.

Camera and Video Control with HTML5 Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API, providing developers access to the user's camera. Let me show you how to get simple camera access from within your browser! The HTML 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:

How to Code up a Web Design from PSD to HTML A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery.

Related:  HTML5VideoViddeo ResourcesHTML5Videos