blogfreakz.com » Video Players

Videola – Open Source Video Delivery Platform (IPtv)

Mufti Ali — Mon, 20 Jun 2011 13:01:38 +0000

Videola is an enterprise-level video management system and video delivery platform. It allows you to create paid-access or free-access video websites which can serve video to the desktop, mobile, or television-based devices. Create your own Netflix On-Demand style (subscription), Hulu style (ad supported), or Blockbuster / Amazon style (rental) streaming video websites with your own video content.

Built on Drupal, Videola is a highly flexible, easily expandable, feature-rich open source solution for organizing and managing video content, users, and ecommerce.

Requirements: Drupal CMS
Demo: http://www.videola.tv/
License: Other License

Incoming search terms for the article:

PopcornJS – HTML5 Video Framework

Mufti Ali — Wed, 09 Mar 2011 11:19:03 +0000

Popcorn.js is an event system for < video >, with strong syntactic sugar for chaining < video > methods and adding events to the timeline. Popcorn is a JavaScript Function that wraps the native < video > element and returns a Popcorn object which:

maintains a reference to the original HTMLVideoElement
provides a normalized interface to the < video > elements native methods and properties.
adds a special data property which contains meta data about the (this is where the magic happens)

By normalizing the native methods, the framework allows developers to write chainable function executions off the returned Popcorn object. It has an API documentation here: https://gist.github.com/729213#file_popcorn_api.js. Popcorn also offers a plugin factory. Popcorn plugins are a way for developers to wrap functionality that responds to a point in a video.

Requirements: -
Demo: http://popcornjs.org
License: Other License

Incoming search terms for the article:

MooPlay – Build Your Own Custom HTML5 Video Player

Mufti Ali — Thu, 09 Dec 2010 03:09:16 +0000

MooPlay is a set of controls, built on top of MooTools that allow Us to build and customize HTML5 Video player. MooPlay support for subtitles which is loaded through an ajax request and synchronized with the video. Supported formats are SubRip (.srt) and SubViewer (.sub). You can also switch the view to fullscreen and vice versa.

Features

a play / pause control
buttons to move inside the video (rewind and fast forward)
an interactive play progress slider
a load progress bar
a volume slider and a mute button
subtitles loaded through an ajax request and synchronized with the video. Supported formats are SubRip (.srt) and SubViewer (.sub)
full page display
current and/or remaining time

The video element methods can be called by other scripts, MooPlay objects will adapt themself to any state changes. About a hundred tests are running on each new step, to make sure all the functionnalities are still available.

Requirements: MooTools, Modern Browser
Demo: http://mooplay.challet.eu/
License: GPL License

Incoming search terms for the article:

20 Excellent HTML5 Video Players

Mufti Ali — Mon, 15 Nov 2010 02:44:37 +0000

One of the trending topic in web development today is about HTML5. HTML5 players is one of the most notable new features in HTML5, it allows you to embed video without the use of flash. The HTML5 video player is a non-proprietary alternative to Adobe’s Flashplayer plug-in.

HTML5 have some extra advantages than Flash player, which makes HTML5 more useful. The loading time is fast of HTML5 players, you can fast forward and rewind the video without waiting at video to buffer. HTML5 will be more efficient than Flash, but there is still plenty of debate.

Technical implentation of HTML5 player really easy – mostly all players work due to the Java Script performance and of course one of the new HTML5 tags – “video” tag.
In this post I will showcase to you a list of best HTML5 media players that you can use today.

SublimeVideo

SublimeVideo maximizes the use of HTML5 Video in latest browsers while providing full support for legacy browsers thanks to its integrated fallback to Flash. SublimeVideo allows your videos to play seamlessly on iPhones, iPads and Android smartphones, as well as other mobile platforms.

Flarevideo

FlareVideo is free and open source HTML5 video player that fallback to flash for incompatible browsers. This HTML5 player can be configure easily with JS/HTML/JS. This plugin is support for theming and already ship with 3 themes (default, vimeo and sotify).

MediaElement.js

MediaElement.js allow us to use the tag with one H.264 file. If the browser doesn’t support it, then MediaElement.js replaces with either Silverlight or Flash and returns a wrapper object that matches the HTML5 Media Element API. This lets you code to MediaElement.js as if it were a native .

Moovie

Moovie is a free MooTools custom controls library for the HTML 5 videovideo element. It has all the features of a player: play, pause, stop, a volume control which mimics the Youtube’s control and progress bar.

jMediaelement

jMediaelement is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. jMediaelement is an extreme flexible script, which let’s you write your own media player with your own semantic control markup, distinctive style/UI behavior and your own powerfull feature set.

Projekktor

Projekktor is a JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides usefull non standard features. This HTML5 player is easy integration to any site, just include one JS file and use standard video or audio tags thats all.

Video for Everybody

Video for Everybody simply a chunk of HTML code that embeds a video into a website using the HTML5 element, falling back to QuickTime and 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.

videojs

VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css). Using Video for Everybody as the embed code means you know it’s compatible with many devices (including ones without javascript). The javascript library fixes browser & device bugs, and makes sure your video is even more compatible across different browser versions.

HTML5 Video

Kaltura has developed a full HTML5 Video Library – in use by Wikipedia – that works in ALL major browsers, even IE. The library supports a seamless fallback with Flash based playback (using Kaltura’s media player – KDP3) or Java Cortado for browsers that don’t yet feature HTML5 video & audio support.

JW Player for HTML5

The JW Player for HTML5 Beta is a fully skinnable and configurable player based on the new tag found in HTML5. It is built using JavaScript (jQuery) and enables a seamless fallback to the popular JW Player for Flash.

Akamai’s Open Video Player for HTML5

Developers who do not have a platform and want to host their own video content, can use Akamai’s globally available Open Video Player for HTML5 developer toolkit to simplify the task of creating flexible HTML5 based video player applications for delivery of HTTP content. This comprehensive toolkit provides developers with a code library supporting industry standards such as CSS, JavaScript, HTML/HTML5 and Yahoo! Media RSS 2.0.

Open Standard Media (OSM) Player

Open Standard Media (OSM) Player is an all-in-one media player for the web. It is an industry changing, open source (GPLv3) media player that is written in jQuery to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.

OIPlayer jQuery plugin

OIPlayer is a HTML5 audio and video player with fallback to Java and Flash. OIPlayer ‘attaches’ itself to all video and/or audio tags it encounters. Besides the general configuration of the plugin itself, it uses for each individual tag the attributes the respective tag has like poster, width, controls, autoplay etc.

HTML5 Video Player – Version 1.2

This HTML5 video player is fairly straight forward and offers all of the basic controls you’d expect a video player to have. The player controls are visible when the video is paused or when the user’s cursor is over the video.

html5media

The html5media project consists of a single, minified Javascript file that is used to detect your browser’s HTML5 video capabilities. Any video tags that cannot be played are dynamically replaced with a Flash video player. The html5media project was developed by Dave Hall. You can get the code from the html5media project site.

jquery-video

The jQuery UI Video widget enhances your HTML5 .

Features

Adds full jQuery UI Themeroller support
Pause, seek, rewind
Volume control
Scrub bar with time elapsed and remaining

CwVideo

A Toolkit to handle HTML 5 video.

Features

Simplify video control
Timeline Controller (Timeslider)
Volume Slider

LeanBack Player – HTML5 Video Player with Subtitle-Support

LeanBack Player is HTML5 Video Player with Subtitle-Support.

Features

Supports widely used desktop browsers and mobile devices
Supports also Microsoft Internet Explorer (?8) and Safari (without Quicktime on Windows) by fallback to flash
Ability to handle more than one HTML5 video element on a single page
Javascript library independent
100% skinnable using CSS; consistent look between browsers
Multi-language support (e.g.: English, German, France)
Browser fullscreen mode; window fullscreen mode (if supported ^[1][2])
Volume Controls
Keyboard shortcuts on focused video (desktop browsers)
Different playback rates (currently in desktop browsers Chrome, Safari, Internet Explorer 9 beta)
Supports subtitles through HTML5 track element; language-selection by label attribute of track
Support preload attribute in desktop browsers to save traffic (using a fix)

Acorn Media Player

Acorn Media Player is a jQuery plugin implementing a custom HTML5 player with a special focus on accessiblity and customization. Acorn Media Player is built with accessibility in mind. It provides full keyboard control using standard tab-based navigation, screen-reader (and other AT) support, accessible themes, and other accessibility tweaks.

YUI-HTML5-Player

YUI HTML5 Player is a YUI 3 widget that creates a video player using the HTML5 video tag and JavaScript that is based on YUI 3. It was started as entry to the YUI 3 Gallery Contest in March 2010.

Incoming search terms for the article:

MooVES – MooTools Video Enhancement System

Mufti Ali — Sun, 07 Nov 2010 16:23:49 +0000

MooVES is The MooTools Video Enhancement System, a plug-in for MooTools (1.2+ or 1.3+) which allows a preview video from many video types: YouTube, Vimeo, Dailymotion, Blip.tv etc. It supports also HTML5 video tag features. The plug-in is unobtrusive and displays the link to the video and a notice message when JavaScript or Adobe Flash Player are not enabled in the user’s system.

The class is extensible, you can integrate other video sharing websites and network. It is completely customizable.

Requirements: MooTools(1.2+ or 1.3+)
Demo: http://mooves.firebuntu.com
License: MIT License

Incoming search terms for the article:

Open Standard Media (OSM) Player – All-in-one Media Player For Web

Mufti Ali — Sun, 12 Sep 2010 13:40:11 +0000

Built by Alethia Inc., the Open Standard Media (OSM) Player is an all-in-one media player for the web. It is an industry changing, open source (GPLv3) media player that is written in jQuery to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.

Features

100% Open Source and 100% free!
Written in the popular jQuery framework.
Dynamic HTML5 content delivery.
Audio and Video support with the most popular media formats.
Automatic Flash fallback for non-standard media.
Easily themable using the incredible ThemeRoller system.
Seamless Vimeo and YouTube integration.
Playlist support
Player to Player communication.

Requirements: jQuery framework
Demo:http://www.mediafront.org
License:GPLv3 License

Incoming search terms for the article:

MediaElement.js – HTML5 Video Player

Mufti Ali — Sat, 31 Jul 2010 00:00:30 +0000

MediaElement.js allow us to use the tag with one H.264 file. If the browser doesn’t support it, then MediaElement.js replaces with either Silverlight or Flash and returns a wrapper object that matches the HTML5 Media Element API. This lets you code to MediaElement.js as if it were a native .

There is also MediaElementPlayer.js that uses MediaElement.js and jQuery to build the complete working player. The same HTML/CSS controls show up for everyone on any browser with any media type (use a single H.264 or include WebM, Ogg, WMV, FLV). It even works on iPhones, iPads, and Andriods.

Requirements: jQuery framework
Demo: http://mediaelementjs.com
License: GLPv2/MIT license

Incoming search terms for the article:

How to Building a custom HTML5 video player with CSS3 and jQuery

Mufti Ali — Fri, 30 Jul 2010 01:50:13 +0000

Opera Developer Community is sharing articles “Building a custom HTML5 video player with CSS3 and jQuery“. This is the first of a series in which we will look at building up an easily customizable HTML5 player, including packaging it as a simple
jQuery plugin, choosing control types and outputting custom CSS for your own situation.

This articles will use jQuery for easier DOM manipulation, and jQuery UI for the slider controls used for seeking and changing the volume level. To build a scalable solution, it’s will wrap everything up in a jQuery plugin. In the end of articles, the Source code (8.5mb, ZIP file) is available for downloade.

Source: Building a custom HTML5 video player with CSS3 and jQuery

Incoming search terms for the article:

Moovie – MooTools HTML5 Video Player

Mufti Ali — Sat, 10 Jul 2010 00:10:14 +0000

Moovie is a free MooTools custom controls library for the HTML 5 videovideo element. It has all the features of a player: play, pause, stop, a volume control which mimics the Youtube’s control and progress bar.

Mooovie has playlist, Captions and language selection support. It has Settings panel for enabling or disabling various options such as looping, captions and auto-hiding of controls bar. All styling is done through external CSS. See the DOM section to see the generated DOM structure. If you want to exclude certain elements from the interface, simply display: none;display: none; them in your style sheet.

Requirements: Mootools framework
Demo: http://colinaarts.com/code/moovie/
License: MIT license

Incoming search terms for the article:

jMediaelement – HTML5 Audio / Video Development Kit

Mufti Ali — Mon, 21 Jun 2010 04:27:34 +0000

jMediaelement is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. jMediaelement is an extreme flexible script, which let’s you write your own media player with your own semantic control markup, distinctive style/UI behavior and your own powerfull featureset.

“

jMediaElement supports all major file formats including; ogg (theora/vorbis), mp4/mov (h.264), WebM (VP8/vorbis), flv, Youtube videos and more.

Requirements:
Demo: http://protofunc.com/jme/demos/index.html
License: MIT License, GPL License