犬小屋ブログ

オリンパスと中央大学、眼鏡型ディスプレイを使ったユビキタスサービスを実証実験

オリンパスってトコがまた良い。

Adobe AIR 1.0がリリースされました。
USサイトではランタイムをダウンロードできるようですが、今回のリリースは英語版とのことで日本語のサイトでは現段階では扱われていませんでした。

ということで、英語版なりに日本語入力がどの程度出来るようになったのかというのと、beta3で書き出したアプリケーションとAIR1.0の互換性がやはり気になります。

すぐにでも人柱になりたい所なんだけど、作ってる途中のモノがあるしなぁ。

自分がいつも下から目線で見上げてるnote.xさんとこのPapervision3D2.0のデモ。
平行投影によるトリックとのこと。

ただただ感嘆。

前回のキャプション表示のアプリケーションでは、cuepointのtimeとnameしかxmlで扱うことができなかったのですが、もっと雑多な情報を動画とともに表示できるように少し改良してみました。

xmlは以下のような感じに。flvを２種類選択し表示出来るようにしてみます。

<?xml version="1.0" encoding="UTF-8" ?>
<FlvVideos>
<Flv url="xxx/xxx.flv" title="dog" thumb="xxx/xxx.png">
<cuepoint time="0.5" name="cue1" type="actionscript" >
<description>What is that?</description>
</cuepoint>
<cuepoint time="3" name="cue2" type="actionscript" >
<description>I'm a dog. Who are you?</description>
</cuepoint>
</Flv>
<Flv url="xxxx/xxx.flv" title="girl" thumb="xxx/xxx.png">
<cuepoint time="1" name="cue1" type="actionscript" >
<description>run and run and..</description>
</cuepoint>
<cuepoint time="2.8" name="cue2" type="actionscript" >
<description>..dna nur dna nur</description>
</cuepoint>
</Flv>
</FlvVideos>

続きを読む

Flexを使ったアプリケーションで、大量のビデオにキャプションを表示させたいとき、flvに埋め込むタイプのキューポイントを使っているとあまりに効率が悪いため、actionscript cuepointで nameとtimeを記述したXMLを読みこんで、cuepoint nameを表示するアプリケーションを作ってみました。

まずはシンプルなアプリケーションでテストしてみる感じで、読み込むXMLも簡単に。

<?xml version="1.0" encoding="UTF-8"?>
<Flv>
<CuePoint time="1.5" name="What is that?" />
<CuePoint time="3" name="I am a dog. Who are you?" />
</Flv>

ソースはこんな感じ。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="hs.send()">
    <mx:Script>
        <![CDATA[
            import mx.rpc.events.ResultEvent;
            import mx.collections.ArrayCollection;
            import mx.events.CuePointEvent;
            import mx.controls.videoClasses.CuePointManager;
            
            [Bindable]
            private var cueList:XMLList = new XMLList();
            
            [Bindable]
            private var myArr:Array;

            private function resultHandler(e:ResultEvent):void{
                cueList =e.result.CuePoint;
                var myArr:Array = new Array();
                for (var i:uint; i<cueList.length(); i++){
                myArr.push({name:cueList.@name[i], time:cueList.@time[i]});
                }
                myArr.forEach(traceArr);
                vd.cuePoints = myArr;
                vd.source="xxx/xxx.flv";
            }
            private function traceArr(element:*, index:Number, arr:Array):void{
                trace(element.name + element.time);
            }
            private function cpHandler(e:CuePointEvent):void{
                txt.text = e.cuePointName ;
            }
        ]]>
    </mx:Script>

    <mx:HTTPService id="hs" url="xxx/xxx.xml" result="resultHandler(event)" resultFormat="e4x"/>
    <mx:VideoDisplay id="vd" cuePointManagerClass="mx.controls.videoClasses.CuePointManager"
     cuePoint="cpHandler(event)"/>  
    <mx:Text text="" x="10" y="203" width="205" height="62" fontSize="18" color="#000000" fontWeight="bold" id="txt"/>
</mx:Application>

多少装飾していますが、このコードを使ったサンプルがこちらです。

cuepoint nameだけだとつまらないので、もっと雑多な情報も表示できるモノを作りたいと一応考えています。

Cafe de 鬼のPV制作で、あのハイクオリティなアニメーションを、ほぼ一人で、黄金伝説の企画と勘違いしそうな、中国の食玩工場を越えたかのような過酷な労働条件で作り上げた天久聖一。彼が手がけたと思われる電気グルーブのモノノケダンスPＶは、また無人島の未踏峰のような孤高の作品にしあがってます。

もうミシェルゴンドリーもクリスカニンガムも霞んでしまうような圧倒的な才能。
世界中のアーティストは今すぐ天久さんにPV制作をオファーすべきだと思う。

マドンナなんかにピッタリの、すごくキュートなPVをきっと作ると思うんだよね。




続きを読む

amazonから木村カエラのJasperのCDが届いてたんだけど、instrumentalバージョンが素晴らしすぎる。インストバージョンの方が良かったりするかも。

ってことでニコニコとかYou Tube見て良かったらCD買って損しないと思います。

ニコニコで濃い口のmixなんかもアップされてますね。

昨年自分の入居している清水産業・情報プラザで静岡県立大学経営情報学部の学生数組がビジネスプランの発表をおこなっているのですが、その時のプレゼンテーション資料が産業・情報プラザのサイトにアップされました。

プレゼン資料はPowerpointからFlashにJetsoft P2S Converterで変換しています。
P2S Converterはかなり正確にPowerpointのアニメーションをFlashで再現してくれて感心するのですが、プレゼンテーションを自動再生した時のアニメーションのタイミングがやや不安定でPowerpointのアニメーション設定と書きだしを繰り返してなんとか再生できるようになったスライドもあります。
Captivateはこのあたりどうなんでしょうね。遊びで試すような類いのツールではないのですがちょっと興味を持ちつつあります。

ナレーションのタイミングを調整するために繰り返しプレゼンを聞いていて感じたのですが、「tea＋ Bar」みたいなお茶の店って静岡駅の中にあったりしても良いですよね？
興味のあるかたはぜひコンテンツを覗いてい見てください。

難しい。
シェーダー使って表示したい形状を作ったんだけど、なかなか上手くいかない。
PV3D 2は自分にはまだ早いってことかな。

ってことで、模範演技的なところをメモっておきます。

元祖不思議中年こと石野卓球がプロデュースした木村カエラの新曲（2/6発売）。

世の中のできごとに思う事があっても無くても、「リアクション」と受け取られるようなアウトプットは日本のポップシーンの中ではずっとしてなかったと思うんだけど、今回の卓球の仕事は中田ヤスタカ+Perfumeに対する直球なアンサーとも受け取れなくない。

テクノをより性的な意味でディープに解釈している男が作った和製テクノポップ。

この手のが好きな人は、You TubeにPVが落ちてるので是非見て見てください。



追記

Flexに限らず未経験な方面のモノをコーディングする時にインターネットで公開されているソースをサンプルとして参考にすることは多いと思うのですが、ブログなどで公開されているコードはたいていスタイルシートでキレイに調えられています。

自分の場合は何かコードをブログに貼る場合ずっと何も整形せず貼りっぱなしだったんですが、ネットでソースコードHTML化コンバータ「唐辛子」というFlexで開発されたサービス？を見つけたので、前のエントリでは唐辛子を使わせてもらって変換したhtmlを貼り付けています。

ソースをHTML化するツールはいろいろあるみたいですが、これは簡単だしすごく便利。

AIRで例えば、ブックマーク的機能を持つアプリを作る時にURLを直接入力するとかドラッグ＆ドロップするより、既存のブックマークがあればそれを読み込んでしまう方が効率が良いのではということで、Fileクラスとファイルシステムコンポーネントを使ってファイルをインポートするサンプルをテストしてみました。


safariではブックマークをエクスポートするとhtmlで書きだすのですが、どのブラウザでも同じようなモンでしょうということで、ブラウザからエクスポートしたhtmlより必要なリンクの部分だけ抜き出してたアンカータグ付きのURLのリストをテキストファイルとしてどこかに置いておきます。

参考にさせていただいたのは以下のサイト。
今からはじめるAIRプログラミング
FlashでAIR作りたい人の日記

ソースはこんな感じです

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Style source="assets/dr.css" />
<mx:Script>
    <![CDATA[
        import mx.events.*;
        import flash.filesystem.File;
        
        [Bindable]
        private var dir:File;
        
        private function init():void{
            dir = File.userDirectory;
        }

        private function selectHandler(e:File):void{
            if(!e || e.isDirectory)
            return;
            var file:File = File.desktopDirectory.resolvePath(e.nativePath);
            var stream:FileStream = new FileStream();
            stream.open(file, FileMode.READ);
            var txt:String = stream.readUTFBytes(stream.bytesAvailable);
            var list:XML = new XML(txt);
            dg.dataProvider = list.A;
        }
        
    ]]>
</mx:Script>
    <mx:FileSystemTree x="10" y="10" height="95%" width="185" id="lite" directory="{dir}"
        showIcons="true" showHidden="false"
         fileChoose="selectHandler(event.file)" />
    <mx:DataGrid id="dg" y="10" height="95%" right="5" left="200"/>
</mx:WindowedApplication>

FileSystemTree中のファイルをダブルクリックするとデータをDataGridに表示します。

作ってから気がついたんですが、DataProviderにするために最後に読み込んだテキストをXMLにしてるわけで、これ別にFileStreamで読み込むこともなく直接XMLとして読み込めますよね。。。

日本の映像業界の著作件に関わる方に対し、チャレンジングな試みとして桃屋の三木のり平ＣＭアーカイブのネット公開がちょっと話題になっているようです。

CMアーカイブのネット公開に関する特殊な難しさなどについてはこちらで解説されています。いろいろ面白いです。


このアーカイブではコンテンツとしてCM50本とコメンタリが公開されていますが、Flashでレイアウトの再表示のトランジションとして3Dエフェクトが使われています。

3D系のトランジションはヘタに使うと「これ要らなくネ？」な印象を持ってしまいがちなんですが、このコンテンツでは大胆で気持ちよくすごく効果的何じゃないかと思います。
同種のコンテンツを稚拙ながら手がける事もある者としてリスペクトです。自分もっと腕を磨かないとね。