DigiTechLog Dot Com » ビデオ http://digitechlog.com Adobe AIR、Flex、Flash、Java Tue, 08 Nov 2011 12:46:29 +0000 http://wordpress.org/?v=2.8 ja hourly 1 Kaltura: オープンソースのオンラインビデオプラットフォーム http://digitechlog.com/2009/06/08/kaltura-open-source-video-platform-for-online-video-management.html http://digitechlog.com/2009/06/08/kaltura-open-source-video-platform-for-online-video-management.html#comments Mon, 08 Jun 2009 13:39:43 +0000 admin http://digitechlog.com/2009/06/08/kaltura-open-source-video-platform-for-online-video-management.html kalturaKalturaとは、オンライン百科事典「Wikipedia」を運営する非営利団体の米Wikimedia Foundationと、リッチメディアの共同編集を行なうためのオープンソースプロジェクトです。開発言語はActionScriptとPhpです。

このプロジェクトの成功いかんによって、将来的にはWikipediaの記事中に、多数のユーザーが共同で編集した動画や音声、アニメ、スライドショーを、これまでのテキストと画像に加えて掲載することが可能になるかもしれない。

このプロジェクトの第1段階としてKalturaは、2007年9月に動画などのリッチメディアを共同編集するためのソフトウェアをオープンソースにして公開されています。公開されたサービスで、複数の参加者が動画や音声、アニメを共同編集することを可能にします。これらに使用されるソフトウェアは、KalturaによってSourceForgeにオープンソースプロジェクトとしてホスティングされます。

Kalturaのサーバ側では、PHPで開発され、クライアント側ではFlexです。サーバとクライアントは以下の様で構成されています。

Server (PHP):

  • KalturaServer is responsible for content & rights management, storage and delivery, video processing, video and audio encoding, image handling, etc.

Client (Flex):

  • Core: KalturaCVF (Kaltura Collaborative Video Framework) – Encapsulates the flash video handling (NetStream events, metadata handling, timing, encapsulating different streaming types, audio control etc.) and Kaltura server API calls.

  • KalturaPresentationLayer: Set of libraries to that enables easy and dynamic UI loading and initializing. This layer is responsible for locales, parsing of XML based GUI and layout representation, dynamic data binding, CSS and Skin.

  • KalturaWidgets: Set of Flex applications that use the underlaying layers to form online rich-video experiences such as an Interactive Video Player, Video Editor, Playlists, Presentations, Video powered Websites, VideoWiki, VideoBlog (Vlog) etc.

[関連リンク]

http://sourceforge.net/projects/kaltura

公式サイト

Related Posts

]]> http://digitechlog.com/2009/06/08/kaltura-open-source-video-platform-for-online-video-management.html/feed 0 FlexアプリケーションにYouTubeビデオを埋め込むサンプルソースコード http://digitechlog.com/2009/01/09/the-sample-source-code-of-emb-a-single-youtube-video-inside-your-flex-application.html http://digitechlog.com/2009/01/09/the-sample-source-code-of-emb-a-single-youtube-video-inside-your-flex-application.html#comments Fri, 09 Jan 2009 07:07:08 +0000 admin http://digitechlog.com/2009/01/09/the-sample-source-code-of-emb-a-single-youtube-video-inside-your-flex-application.html YouTubeは２００５年設立してからすっごく人気になるよね。WordPressとかほかのBSP提供されているブログシステムとか、YouTubeビデオの埋め込む機能があります。実はFlex／Flashアプリケーションにも簡単で実現できます。サンプルソースは簡単なビデオのプレイだけですが、それを基づいてYouTubeのビデオを探してプレイするツールも作れます。

※知識点：YouTubeとは、2005年2月に設立された米ネットベンチャーYouTube社が運営する、動画コンテンツ共有サイト。会員登録をすることによって誰でも容量100MB、再生時間10分以内の動画ファイルをアップロードし公開することができる。YouTubeで公開された動画ファイルは会員登録をしていないユーザでも無料で閲覧することができる。閲覧したい動画のキーワード検索も行うことができ、会員登録したユーザはさらに閲覧した動画に対するコメントを投稿したり、動画を5段階で評価したりといったこともできる。

下記はサンプルソースコード：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
  3.     layout="absolute" verticalAlign="top"
  4.     creationComplete="Init();" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#EE3636, #308A3F]" viewSourceURL="srcview/index.html">
  5.     <mx:Script>
  6.         <![CDATA[
  7.             private function Init():void
  8.             {
  9.                 var url:String = "http://www.youtube.com/v/zlfKdbWwruY&hl=en&fs=1";    //url extracted from embed code
  10.                 Security.allowDomain(url);                                             //allow domain
  11.                 youtubevid.load(url);                                                //load video
  12.             }       
  13.         ]]>
  14.     </mx:Script>
  15.     <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="top" verticalGap="0">
  16.         <mx:Label text="YouTube Video Embedded Inside Flex" width="100%"  color="#060809" textAlign="center" fontSize="16" fontWeight="bold"/>
  17.         <mx:SWFLoader id="youtubevid" verticalAlign="top" horizontalAlign="center"  width="425" height="344"/>
  18.     </mx:VBox>
  19. </mx:Application>
簡単ですよね。

Related Posts

]]> http://digitechlog.com/2009/01/09/the-sample-source-code-of-emb-a-single-youtube-video-inside-your-flex-application.html/feed 1