2011-01-04 9 views
0

私はいくつかの掘り下げを行っていて、私の質問に対する答えを見つけ出すことができませんでした。私はFlashデベロッパーではないので、私が含むかもしれない誤解を許してください。OSMF BitmapDataをHTML5 <canvas>タグにエクスポートできますか?

基本的に、私はOSMF VideoElementのフレームをHTML5 <canvas>要素にエクスポートしたいと思います。いくつかの掘り出しを行った後、BitmapDataオブジェクトで現在のフレームをキャプチャすることが可能なように見えます。

また、Flash-JSブリッジインターフェイスを介して生のBitmapDataを公開することはできますか?それは遅くても私のためには十分かもしれません。どんな助けもありがとう!

+0

完全な答えではありませんが、Actionscript FileReferenceクラスを使用してBitmapDataを保存することができます:var fileReference:FileReference = new FileReference(); fileReference.save(videoSnapshot.data、 "your-filename.jpg"); – redconservatory

+0

ああ、まさに私が探していたものではありませんでしたが、それにもかかわらず興味深いものでした! –

答えて

0

HTML画像のsrc属性をbase64でエンコードされた画像文字列: http://en.wikipedia.org/wiki/Data_URI_schemeに設定できます(HTML5機能が必要なので気にしない古いIEを気にしないと仮定します)。

後でキャンバスに画像データを描画するためにJavaScriptを使用することができます。あなたはExternalInterfaceを介して、かなり速い問題なくフラッシュと(したがって、キャンバス)Javascriptの間でビットマップを送信することができ、このことができます

希望、 アンドリアーノ

+0

私はあなたがこれを行うことができることを知っています、そして、それは私がFlashオブジェクトからデータを取得したら、キャンバス要素にデータを書き込む方法です。しかし、SWFから抜け出すことは問題です。 –

+0

ExternalInterfaceを使用してbase64文字列を送信するだけです:http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/flash/external/ExternalInterface.html – Andrian

+0

Btw、BSDライセンスのOSMFベースのビデオプレーヤーであるStrobe Media PlaybackのJavaScriptBridgeクラスのソースコードを見てください:https://sourceforge.net/adobe/smp – Andrian

0

。私は、htmlページに画像にPixelBenderフィルタを実行するために、この例では、最適化技術を使用しています:http://www.quasimondo.com/archives/000695.php

このためなどとJS sourcecodesがここで見つけることができます:あなたのケースではhttp://code.google.com/p/quasimondolibs/source/browse/#svn%2Ftrunk%2FPixelBenderForCanvas

をあなただけでしょうbase64よりも効率的な方法でbitmapdataのバイトをエンコードする.as部分を必要とし、それをFlashからJSに送信し、.js部分はデータを受け取ってキャンバスに書き込みます。

関連する問題