alt » 動画

JavascriptでH.264のビデオをデコード(再生)する「Broadway.js」

alt — Fri, 04 Nov 2011 04:43:31 +0000

またスゴいのが出てきたけど、このJSビデオデコーダよりもEmscriptenの方に驚きました。
これ使えば比較的簡単にC言語資産のライブラリとか移植ができそう。
似たようなアプローチだとGoogleのNative ClientやAdobeのAlchemyがありますが
どちらもブラウザプラグインなので、プラグインなしならコレ。
あとJS変換のライバルはllvm-js-backendというのもあります。

とりあえずメモだけ。
下の翻訳間違ってたらすみません。

Broadway.js
https://github.com/mbebenita/Broadway

デモ：
http://mbebenita.github.com/Broadway/broadway.html

説明：
Mozillaの開発者であるMichael Bebenitaが、H.264ビデオフォーマットのJavaScriptデコーダを公開。
ブラウザ上でネイティブに動作することを意図するこのJavascriptデコーダは、
既存のH.264デコーダ（C言語で書かれたAndroidで使用されているH.264デコーダ）を簡素化し、
C/C++のコードをコンパイルしたLLVMビットコードをEmscriptenを使用してJavascriptに変換している。
このデコーダは、従来のハードウェア構成のままで30fpsの実行速度を保ちながらビデオを表示できる。
ソースコードはGitHubにアップされているので誰でも参照できる。
改善余地はWebGLを使用してGPU経由で並列処理を行うなど。
現在の動作環境は、Firefox、Chrome、Safari、Operaはいけてるっぽい。

Emscripten：
Emscripten is an LLVM-to-JavaScript compiler. It takes LLVM bitcode – which can be generated from C/C++, using llvm-gcc or clang, or any other language that can be converted into LLVM – and compiles that into JavaScript, which can be run on the web (or anywhere else JavaScript can run).

プレゼン動画：
http://yfrog.com/nmng0z

Ustream Live Broadcasterについて

alt — Thu, 10 Dec 2009 16:33:15 +0000

UstreamといえばWEBカメラを通じて
ライブビデオストリーミングが可能な動画配信サイトとして有名ですね。
今やグローバルスタンダードの地位を築き、
世界中のクラウドから日々イベントやらセミナーの中継、政治家からアーティストまで
幅広い分野でメディア活動の道具として利用されています。

昨日、このUstreamからリアルタイムに動画配信のできるiPhoneアプリがリリースされました。
ブログなどで国民総メディア化と言われた時代から
双方向性をもってさらに生の映像配信までもユビキタスになったこと。
携帯電話という日常肌身離さない道具にまで技術が大衆性（iTunes）をもって落とし込まれたこと。
マスメディアのあり方に大きな地殻変動が起きるのではと胸が高鳴ります。

これが加速して他のメーカー機種やガジェットに機能が広がると
いわゆる国民総パパラッチ化と言っても過言ではない気がします。
先日、Tweetしたとおり
秋葉の事件や○○の護送時なんかは異様なスクラム状態が目に浮かびます。
日常的にはコンサート会場では行けなくなった友達のためにと
ひたすらライブ映像を送り続ける人、
格闘技やスポーツの生放送番組でCM中の試合状況をつなごうとする人などなど。
所持品チェックで携帯を規制するなんてことはさすがにないだろうけど、
宗教上の理由や知的財産・著作権・プライバシーに関わるような
今まで撮影規制のかかった場所（タブー）は携帯電話をカモフラージュに
裁判所以外どこまでも入り込んでいけるのではないでしょうか。
報道の中立性・過剰性の見直し含め
防衛手段として社会のシステムが機能し、法整備化が進められるのか。
グレーゾーンだらけで破綻していくのか。
秩序のパワーバランスがどのように再編成されていくのか気になるところです。

皆が皆こんなことばっかいってるとネガティブキャンペーンになりかねないが、
もちろん災害時に役立つことだってプロパガンダによって真実が隠蔽になっている国家、
報道の自由を奪われた人々にとっても有用なメディア武装化が進んだといえます。
僕だってせっかくUstが手短に利用できるなら面白く使う方に目を向けていきたいし
World Jam Bandのような世界中の不特定多数との同時セッションは
iPhoneによって場所すら弊害にならなくなってもっと多角的なアプローチも期待できる！

という疑問投げっぱなし煽りっぱなしの浅はかな文章となってしまったのですが、
ワクワクなのかドキドキなのか無駄にセンシティブな僕の見解は左から右へ受け流しましょう。
社会学部でメディア論とか素通りしてしまったファッキン野郎（僕）は
今まさに後悔の念を背負いつつマクルーハンを真剣に読み返すときがきたとです。

実際、う○こしながらアプリをインスコして使ってみたのですが
ログインしたらいきなりLIVEモードになって世界に生中継してしまった。。
（＝ほんとに誰でも手軽に手早くブロードキャストできるのが証明できた）
アプリ起動後、最初に利用規約が出ますが
ホスト側は早く各国語対応してほしいところ。

YoutuVJというエセVJスタイル

alt — Mon, 09 Nov 2009 15:47:12 +0000

最近は動画サイトやCGMの普及のおかげで
ネットのあちら側に動画アーカイブが膨大に蓄積されました。
VJを全くやったことのない私でも
VJソフトや映像制作の力を借りずに
フロアの演出を飾ることが可能です。

ここに勝手ながら「YoutuVJ」というスタイルを提唱しておきます。
というかYoutubeが存在する以上、誰でも可能なので明示的に定義しつつも各々の捉え方に任せます。
僕は2008年後半ぐらいから始めて最近段々と型にはまってきました。
実践において分かってきたことを挙げながら、勢いで定義付けしてみます。

【定義】
パーティーにおけるYoutubeを使った映像表現。
Youtube検索の過程などを大胆かつ如実にスクリーンに露出し
検索ワードからタイプミスまで、マウス移動の心理的要素までも映像表現として扱う。（ジョン・ケージ風）
DJが誰に似てるとかタイムリーなゴシップネタとか含めて今伝えたいものを
検索ワードから引っ掛けて視覚化することもアリっちゃーアリ。
その場の空気感・一体感をお客さんと共有することを何よりも重要視する。

【環境】
パーティー内にネットワークとプロジェクター、ノートPCがあればOK。
VJミキサーやソフトはいらない。

【方法論】
リアルタイムでDJがかけている曲を脳内イメージを元にYoutube上で検索し、
ひっかかったPV、関連性のある動画をフルスクリーンに映し出す。
いちいちブースに覗きに行くのはDJにウザがられるので
WEBカメラでレコードのラベルをリモート監視するテクニックなどが使える。
単純再生でもいいが、シークバーをうまく利用するとシーンの断片をリピート再生・逆再生のようにできる。

【注意】
即興なのでアドリブがきかないと命取り。センスも必要。
検索に何も引っかからなくても映像を一定時間止めない努力をする。
オーディエンスの心の広さとある程度自由が尊重される場所が最適。
※「ヒロシイツキ」や「シンイチモリ」など昭和歌謡は意外と重宝する。

今見てもこのときのシンイチモリは終始神がかっています。
0:40～と1:40～はとくに森進一よりも森進一です。

iPhoneアプリ「iMotion」でストップモーションが簡単に撮れる

alt — Wed, 07 Oct 2009 17:28:26 +0000

iPhoneアプリで10/10まで絶賛無料配布中の「iMotion」がイカしてます。
（さっきまで10/15までだったはずなのに10/10に変更になってる！？）

iPhoneカメラでストップモーションのようなコマ撮り撮影した動画をアニメgifとして
フォトライブラリに保存、もしくはメールで送付できます。
撮影方式はマニュアル（手動）かタイムラプスの2通りで
タイムラプスの場合、撮影枚数を最大500まで、インターバルを1秒間隔で設定できます。
さっそくやってみたのが以下の動画。

こんなのが普段持ち歩いている携帯電話でできちゃうのがスバラスィ～。
iPhoneカメラで定点観測するには
やはり何かしら固定するためのスタンドが必要なので
このへんのUSBアクセサリーか車内用スタンドを買ってやるしかないのかな。

ELECOM iPod Dock型スピーカー ASP-P101BK

2段可動アーム＋360度回転で自由自在吸盤式【iPhone 3Gスタンド】

操作デモ動画もありました。

3D描画ツール「Rhonda」の動画

alt — Thu, 06 Aug 2009 05:31:02 +0000

Rhonda Forever 2003-2009
http://rhondaforever.com/

トラックボールマウスと液晶タブレットで3Dモデリングを行っている動画です。
開発者はAmit Pitaru氏。
2003年から開発が始まり、このたびビデオ公開に至ったようです。
レコードのスクラッチとはまた意味が違いますが
時代を逆行するわけでもなく、
アナログチックで職人の手の質感を活かしつつ作業するなんともいえない感覚ですね。
機材の進化は進めど、今だバトルDJのメインストリームであるスクラッチで例えると、
Q-BERTとVESTAXのような関係に似てる！？
それよりこれ、どこで目にすることができるのでしょうか・・・

いとうせいこうライブ in Earth Day Tokyo 2009

alt — Mon, 27 Apr 2009 11:09:17 +0000

19日日曜日に行ってきた「Earth Day Tokyo 2009」での
いとうせいこうライブ映像をYoutubeとflickrにアップしました。
駆けつけたときには既に始まってたので途中からです。すみません。
しかもデジカメのズーム荒いです。。

「ナナオサカキ追悼ポエトリーリーディング」

右はディジュリドゥのGOMA氏。左は三浦康嗣氏。ダブMIXはダブマスターX氏。
お恥ずかしながらナナオサカキの名にピンとこなかったのですが
日本のビートニック運動の草分け的存在やらヒッピー運動「部族」長老やら書かれていて
伝説のおじいちゃんなんですね。

　　　　足　に　土
　　　　手　に　斧
　　　　目　に　花
　　　　耳　に　鳥
　　　　鼻　に　茸
　　　　口にほほえみ
　　　　胸　に　歌
　　　　肌　に　汗
　　　　心　に　風
　　　　これで十分
　　　　　　　　──「これで十分」（ナナオ　サカキ）

NANAO SAKAKI LOVELETTER（Earth Day Tokyo 2006）

Microsoft Sustainability

alt — Wed, 01 Apr 2009 06:57:42 +0000

制作会社：Oh, Hello

この動画はMicrosoftが考える未来のユビキタス社会（死語？）「Microsoft Sustainability」。
タッチスクリーンを中心とした様々なインターフェースが紹介されています。
生活の中心がほとんどタッチスクリーンやらタッチパネルになっているけど、
iPhoneすら持ってない自分は果たしてどうなんだろ・・・
銀行のATMと駅の切符売り場で練習しとくか。ｗ

こっちはバーチャル空間に町を作ってしまうショートフィルム「World Builder」。
マイノリティ・リポートのような世界を超えるVR（仮想現実）っぷりにびっくらこいた。

制作：Bruce Branit氏。

Datamoshingという映像技法

alt — Mon, 02 Mar 2009 17:31:06 +0000

Chairlift – 「Evident Utensil」

KANYE WEST “Welcome To Heartbreak” Directed by Nabil

2009年、別々の二人のディレクターによって作られたChairliftとKanye Westのミュージックビデオは「Datamoshing」という映像技法をブランド化させました。
このDatamoshingというビジュアル表現、テクニックは誰も溯源することはなかったのですが
2004、5年ぐらいからいくつかのアーティストによって似たようなテクニックは存在していました。
ネット上ではパイオニア誰？議論が飛び交ってます。

ネタ元：
http://www.kottke.org/09/02/another-jpeg-artifact-video
http://www.metafilter.com/79087/Digital-Acid

wiki：「Datamoshing」とは
http://en.wikipedia.org/wiki/Datamoshing
Datamoshingは、ビデオアートとミュージックビデオで頻繁に使われたビデオの映像テクニックです。
それはcompression artefactsかcompression glitchと呼ばれます。
異なったビデオコーデックが動きと色彩の情報を処理する際の過程で発生します。
このテクニックのパイオニアは芸術家Sven König。
最近ではDavid OReillyが使ったり、PaperradとともにTakeshi MurataとPaul B Davisがコラボレーションしたりしています。

バイナリの破壊を繰り返しながらモーフィングのように次々と映像がオーバーラップしていく、
まるでグリッジノイズのように美しいデータエラーな世界。
上記二つの作品は自分にはとっても新鮮で、
エディタひとつに文字列の一発置換で、予測不可能なエフェクトを作り出すことができ
目の前に存在する技法をさらにグッと大衆に近づけた良質なメディアとなったのではないかと思います。

兎にも角にも御託はいいからとっとと作れってことでやってみました。
Rosa Menkmanによる記事によればHex Editorというバイナリエディタを使って
MPEG4形式のAVIファイルを開いたらI-フレームを検索してぶっ壊せ！と書いてあります。

１．まずMP4をvimeoからダウンロードしてAVIに拡張子を変更します。（MP4のままでもOK）
２．Hex Editorを開いてメニュー「Search」→「Find」より
　　「01B0」から適当な文字列「02B1」に全文検索置換します。
３．終わったら保存して特定のプレイヤーで再生すれば色彩の情報や動きに乱れが生じます。
※再生プレイヤーによってはキーフレームの補完を行ってくれないときに落ちたり固まるので注意してください。
real playerとかwindows media playerでは途中固まりました。woopieではうまくいきました。
出来上がったのはコレ↓

元動画：

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
Hex Editorで弄ったら：

— Datamoshing系の代表的なアーティスト ———-

Sven König
http://www.popmodernism.org/appropirate/

David OReilly
http://www.davidoreilly.com/

Compression Reel from David OReilly

Venetian Snares – Szamar Madar from David OReilly

Takeshi Murata
http://www.takeshimurata.com/
http://ubu.com/film/murata_silver.html
http://www.eai.org/eai/artistTitles.htm?id=10311

Silver (2006) – Takeshi Murata
(Murata used this same pixel bleeding effect in his 2005 piece Monster Movie)

paperrad

umbrella zombie datamosh mistake (2007) – Paper Rad & Paul B. Davis

Mark Brown
http://www.growingsound.com/

Growing // Innit from Mark Brown

— その他、Datamoshingが使われているビデオ ———-

Beck – Youthless
http://www.youtube.com/watch?v=yFkFMDqDVhY

The Presets – Are You The One? clip
http://www.youtube.com/watch?v=opQMK05ZWec

Hip House Documentary（ヒップハウスドキュメンタリービデオ）

alt — Mon, 16 Feb 2009 03:19:28 +0000

Mix Masters,IncオーナーのDJ Boogiemanが
Youtubeに「ヒップハウスドキュメンタリー」をアップしてくれています。
このビデオは市販で流通していないようなので自主制作なのでしょうか？
サンクス。ブギーマン！

Chicago HipHouse Documentary 1989

DJ International RecordsのFast Eddie、Tyree CooperやRocky Jonesを
特集するヒップハウスドキュメンタリー。
Bill Coleman、KC Flight、Precious、Sundanceおよび他のアーティストによるインタビューを含んでいます。

Fast Eddie – Yo Yo Get Funky Live 1990

TVショーか何かの貴重なヒップハウス映像。
Fast Eddie、Rocky Jones、DJ Martin “Boogieman” Lunaへのインタビューと
「Yo Yo Get Funky」のライブを収録しています。

HD画質（H.264）をフルスクリーン再生してTweenerで遊んでみる

alt — Wed, 11 Feb 2009 14:28:04 +0000

左：ズームイン
真ん中：ブラー
右：黒スクエアを被せてTransitionManagerでBlinds

Flash Player 9 Update 3からH.264に正式対応したわけですが、
なかなかHD画質の動画を読み込んでどうのこうのする機会がないのでちょっと試してみる。
一体全体どれくらいきれいになったのかはAdobeのHD Galleryにいくとよく分かります。
480p(848×520)、720p(1248×742)、1080p(1920×1080)とそれぞれ3つのタイプの動画を体験できます。

まずHD画質の動画をどこかから手に入れないと。
そもそもHD（ハイディフィニション）って？

「垂直720ライン以上の解像度を保持し、なおかつ映像のアスペクト比率が16:9。
垂直解像度が720ラインに満たないものは、SD（スタンダードディフィニション）。」 – Wikipedia

縦720px以上の動画か～。
前回同様、vimeoからCCライセンスの動画探したらあったあった。
ココのダウンロードボタンから
1280×720、H.264、384kb/s、30fpsのHD品質のmov動画を落として、、、
movをVideoクラスで読み込んでフルスクリーン再生してみたのが上部のサンプル。わ～きれい！
さらに、
var videoplayer:VideoPlayer = new VideoPlayer();
VideoPlayerオブジェクトをTweenerで
ズームインさせたり、ブラーフィルターかけたりしてみました。
Tweener.addTween(videoplayer, { _Blur_blurX: 200, time: 0});
Tweener.addTween(videoplayer, { _Blur_blurX: 0, time: 1, transition: “easeOutExpo”});

知らなかったですが、
FLVPlaybackコンポーネントにもH.264のMPEG4ビデオ形式のサポートがされたみたいです。
サポートはMP4、M4A、MOV、MP4V、3GPおよび3G2が含まれます。
↓↓↓
Flash Player 9 Update 3のFLVPlaybackコンポーネントの使用
http://www.adobe.com/jp/devnet/flash/articles/flvplayback_fplayer9u3_04.html