Posts tagged ‘Flash’

December 20th, 2011

Media Player UI Modifications Using UIVars

by Yaron Shapira and Mary Zvi

What are UIVars and Why should you care…

The Kaltura Players are built on a framework of an XML based flexible and customizable UI.

If you just read the above line and remained wondering, worry not! you don’t even have to be a developer to be able to modify player features by yourself, add plugins, modify skins or behaviors. Using the Player Studio, one can create as many Player instances that feature different styles, options and behaviors.

To simplify the management of many of the player features, Kaltura has implemented the “UIVars” to override and configure player features.

Kaltura UIVars are an incredibly powerful feature of the Kaltura Players which allows publishers to pre-set or override the value of any FlasVar (object level parameters), show, hide and disable existing UI element, add new plugins and UI elements to an existing player and modify attributes of all the player elements.

FlashVars are configuration variables that are set to the Kaltura Player in the HTML embed code (works for “regular” static embed, server-generated embed or JavaScript-generated embed).  A list of all the Kaltura Player FlashVars.

This post will take the reader through utilizing the Kaltura Players UIVars functionality and share a collection of the most common use cases that Kaltura’s customers came across with and how these can be easily achieved through the use of UIVars.

read more »

December 9th, 2011

Webinar: Unifying the Flash and HTML5 Experiences – Is it time to go HTML5 first?

by Zohar Babin

With HTML5 approaching maturity and cross-industry implementation, and particularly in the light of Adobe’s recent announcement that they plan to stop supporting Flash for mobile devices, it is important to be ready and know where the wind blows. What should you know about HTML5 when creating media centric sites? How close are we to feature-parity with Flash?

Watch this 45 minutes webinar where our HTML5 experts take you through unifying look & feel across HTML5 and Flash, design advanced interactivity over video playback and creating more compelling and engaging video experiences. We’ll also cover the great benefits that HTML5 based video implementations will bring to Search Engine Optimization, analytics and audience measurement, and of-course the main pitfalls like content protection.

Click here to watch the webinar.

read more »

November 12th, 2011

Adobe’s Flash Focus Change Followup – The Flex SDK

by Zohar Babin

Following this week’s announcement by Adobe to halt development of Flash for mobile browsers, the Adobe Flex product managers have just announced that they will be making significant changes in the Flex SDK –

“…we are planning to contribute the Flex SDK to an open source foundation…”
“… Flex SDK feature development will continue under a new governance model…”

The Flex SDK was Open Source for a few years now, why then this sudden need to re-structure its governance model, why now?

“In the long-term, we believe HTML5 will be the best technology for enterprise application development. We also know that, currently, Flex has clear benefits for large-scale client projects typically associated with desktop application profiles.”

“…In fact, many of the engineers and product managers who worked on Flex SDK will be moving to work on our HTML efforts. We will continue making significant contributions to open web technologies like WebKit & jQuery…”

read more »

November 10th, 2011

Is Flash Dead? The Age Of The Plugin-Less Web

by Zohar Babin

Many may have found the latest news rocking, shocking, or maybe as a “little too late”…

In case you didn’t follow the news yesterday, Danny Winokur, VP of Interactive Development at Adobe made the following announcement:

“We will no longer continue to develop Flash Player in the browser to work with new mobile device configurations (chipset, browser, OS version, etc.) following the upcoming release of Flash Player 11.1 for Android and BlackBerry PlayBook.”

It wasn’t very surprising then to see the surge of excited commentary from the HTML and Web Standards community and disappointment felt by avid Flash developers.

read more »

October 24th, 2011

The Cent2Cent Commerce Integration With Kaltura

by Roby.Baruch

This is a guest post by Roby Baruch, Co-Founder and VP of Products at Cent2Cent. Cent2Cent.net is a valued Kaltura Exchange partner that provides content e-commerce solutions to publishers of all sizes who wish to sell media online.

We are happy to announce a very special Kaltura & Cent2Cent  integration available to all Kaltura CE or On Prem users. The new integration provide publishers all the latest and greatest of the Cent2Cent content commerce rules and transaction management options right from within their Kaltura Management Console!

read more »

October 14th, 2011

Announcing: San Francisco Based Kaltura Meetup Group

by Zohar Babin

We’re excited to share the news about the new San Francisco based Kaltura Group!
Find more details in the invitation below.

read more »

September 21st, 2011

Facebook Now Requires HTML5 and Fallback in Open Graph

by Zohar Babin

Remember the post about making Facebook understand and present the videos on your page?

Thanks to our dear reader Jon, we noticed Facebook has recently updated their Open Graph tags requirements to include HTML5 and non-Flash-non-HTML5 fallback video file links, otherwise, Facebook will not show your videos when users share them on their wall.

 

Originally Facebook accepted Flash Only

Previously, this is the minimal meta tags you’d have to use to have Facebook read the video in your page and present it on the wall when someone shares your page link.

 

Enter HTML5 and Direct Link Fallback

While FB supported html5 and video link for a while now, it seems that recently Facebook made it mandatory to support non-Flash environments. In addition to Flash, for FB to present your video now you’d have to include the following tags as well:

 

To be fully compatible with Facebook’s Open Graph

Add a few more meta tags and you’re fully compatible with all the Open Graph Specifications:

Find out more about these tags and their meaning in the Open Graph Specifications.

Try testing our about page in Facebook’s Open Graph Debug Tool.

 

What does our about page looks like now?

The following is a good reference example fully compatible with the Open Graph specs:

 

Using the Kaltura Platform

In addition to Facebook’s changes, and with Microsoft recently joining the list of companies to strongly advocate HTML5, announcing the new plug-in free Win8 & IE 10 (i.e. dropping official support for Flash), having an HTML5 based and standardized video streaming solution that delivers HTML5 and direct video streaming is increasingly becoming more important.

The above code took you through making Facebook show videos on wall posts. Below, I briefly discuss how to get the thumbnail and mp4 urls I used for the code.

- Using the Kaltura Management Console (KMC), upload the video:

- The uploaded video is then converted to mp4 and several other flavors (to support various other use cases):

- The URL to the mp4 file is then the following following:

 (make sure there are no special access control settings on it, otherwise Facebook will not be able to read the file).

Where {the id of the iPad flavor} is taken from the flavors list:

You can use any of the mp4 flavors, I used iPad since this will be the best format for most devices. If and when Facebook will add support for more flavors to be compatible with various device sizes and network speeds, we will be able to use the other flavors on the list, like we do using the Html5 Video Library.

- Finally, to get the URL for the thumbnail, use the Kaltura thumbnail API:


Big shutout to Jon for the heads up!
Let us know in the comments how you’re using this functionality or if you have any questions.

September 18th, 2011

The Video Wall

by Roni Cohen

I’d like to share an awesome use case for User Generated Content (UGC) Video Application using the Kaltura platform. The credit for this post goes again to Atar Shadmi – senior Flash & Flex developer at Kaltura.

When Atar sent her New Year’s greeting card to her favorite Flash forum, she felt that a more interactive and engaged form of greeting is due, so she came up with this great idea of getting the forum users involved – the Video Wall!
The Video Wall is a set of 16 tiled players (KDP) which plays videos from a given playlist.

The Video Wall

The Video Wall

This Video Wall consist of 3 parts:

  1. The Video Wall Playlist, a Flash application that holds all the greeting videos, each video in its own player (KDP). The app gets all the entries from the playlist and than randomly picks a video for each KDP.
  2. A submition page so you can add your own videos. In the Video Wall Atar used the Kaltura Recorded App (KRecord). Alternatively it would be as easy to use the Kaltura Contribution Wizard and allow file uploads and importing from other websites.
  3. To be able to list all videos related to the Video Wall, all videos are automatically tagged ‘videowall’ when added as new entries.
  4. A rule based playlist – A runtime populated list of media entries where the list is created according to selected categories, tags and other metadata fields. To learn more, see the KalturaMediaEntryFilterForPlaylist object, this holds all the possible filter combinations you can use.

The Video Wall is a great way to share videos with people and engage audience to co-create a collaborative experience (in our case, a greeting card).
Can you come up with more great ideas and use cases – let us know in the comments!

Greetings!

Tags:
September 10th, 2011

Announcing Kaltura’s New Clipping Application

by Ran Yefet

We are excited to announce Kaltura’s new clipping and trimming tool that was launched in Eagle version.

The new clipping tool is used inside the KMC and it’s also a stand alone application. It consists of KDP or HTML 5 player to show you the movie you are about to edit and a time bar which is used as a visual aid when editing your videos. So the clipping tool enables you to edit your videos visually or by setting the start time and end time of your clip.

Kaltura's new clipping tool
One of the major obstacles while developing it, was to get to it’s current presicion which is up to a milisecond!

The clipping tool is basically a “bridge” between the KDP, the time bar, and the start time / end time fields. It synchronizes all of them so if you perform any action on the any widget or field,  the others will be updated accordingly.

The clipping tool time bar is a standalone widget developed in Flex that shows the time line of an entry.

One of it’s major features is the ability to create a new clipped entry from a given entry as it’s name suggested. You can even replace the original entry with the new clip – so your clip source can be trimmed as well.

The time bar is basically a bar with public API’s like: AddCuePoint, AddClip, ScrollToPoint and more cool API’s.
As a general rule all the time bar UI abilities can be performed from external java script or Flash using its public API that will be released soon.

Like all Kaltura widgets it has a very flexible UI. You can display or hide any UI component and even change the time bar skin by editing the UIConf or using Flash vars directly.

Don’t forget to call the save API to save your changes once your done.

You can: download the code

Or just: play with it

Developed by Michal Radwanzor and Ran Yefet.

August 29th, 2011

Best-practices for using JavaScript to embed KDP

by Yaron Shapira

This post and related html file below is targeted at website integrators and web application developers who work with KDP3 (Kaltura’s Flash based Media Player).

Its primary purpose is to teach you Kaltura’s best-practices for embedding the Kaltura Player on web pages using JavaScript (as opposed to html-only embed).

The ready to use html page referenced below is heavily commented and shows how to:

  1. Include Flash detection and Flash version detection with automatic update using expressinstall.swf served from Kaltura’s CDN
  2. Implement an html-based gallery/ playlist that works with the KDP’s JavaScript API and includes an auto-continue option
  3. Make the videos on your site bookmarkable
  4. Use the page as a landing page for search engine results for any video (a strongly recommended related read: Kaltura and Video SEO)

This post is part of two larger-scope documents which will be published shortly: KDP Inetgration Guide and The KDP Cookbook.

Click here for a live example (view-source to see the code).

Click here to download the page.

Enjoy!