web-dev-qa-db-ja.com

HTML5はどのようにFlashを「置換」できますか?

IPadの発表以来、FlashとHTML5の問題が再燃している議論のトピック。 HTML5がいつかAdobe Flashに取って代わり/置き換えられることを示唆するものがあります。

ブラウザで実行するソフトウェアを開発していません。ですので、私の(限定的な)理解は次のとおりです。

  • HTMLは、HTTPを介してクライアントブラウザに配信される純粋なテキストマークアップ言語です。クライアントブラウザーはマークアップを解釈し、標準仕様に従ってページをレンダリングします(成功の度合いはさまざまです)。
  • Adobe Flashは、オーディオ、ビデオ、サウンド、ラスター/ベクターグラフィックスを操作するための適切なフレームワークです。特別なオーサリングツール(おそらくコンパイラー)と、ほとんどの一般的なブラウザーのプラグインとして利用可能なカスタムプレーヤーが必要です。

誰かが(このC/C++開発者に)それがどのように可能であるかを説明してもらえますか技術的/コーディングの観点からフレームワーク(Flash)?

意見を述べる議論は避けてください-技術的な事実のみです。

139
Mike Willekes

この議論の文脈で人々が大まかにHTML5を参照するのは、マークアップ言語としてのHTML、レンダリング方法を指定するCSS、およびHTMLとCSSを動的に操作するjavascriptコードの組み合わせです。

さらに、HTML5には標準のテキスト要素だけでなく、2Dグラフィックスを描画できる<canvas>と、ビデオを埋め込む<video>要素もあります(名前が示すとおり)。

したがって、HTML5の本格的な実装では、Flashを使用せずに動的なWebサイトを実装できます。たとえば、最近Safari/Chromeユーザー向けにベータ版として導入されたYoutubeのHTML5バージョンです。 here を参照してください。もう1つは、JavaScript + HTMLの NESエミュレータ です。 (後者はHTML5にはあまり関係ありません... <canvas>を使用します。)

85
Yuji

Steve J.がHTML5が未来であるとコメントしたとき、彼はこの声明が本当にFlashの現在最も普及しているビデオ、つまりビデオであることを説明することを気にしませんでした。おそらく彼は意図的にこれを説明しなかったので、iPhoneでHuluを見たいと誤解している多くのエンドユーザーは、Flashに対する怒りを解き放ちました。これはまさに起こっていることです。それは迷惑であり、私はスティーブに対する敬意を失いました。

HTML5スタック(html、css、JS)は、Flashの直接の代替品ではありません。私は10年以上Flashコンテンツを開発してきましたが、JSでも非常に有能です。 ActionScriptで50%少ないコードで同じことを達成できるタスクにJSを使用することを考えています。 JSとCSSで達成することは不可能ではないにしても、非常に難しいタスクがあります。初歩的なアニメーションとJQueryのような機能の場合、HTML5はFlashではなく実行可能なオプションになります。しかし、複雑なゲームやRIAについては、私はそれを見ません。 Actionscriptは、堅牢でフル機能の言語に進化しました。

もう1つの重要なことは、発生する可能性のある問題に対処するために、AdobeによってFlashプレーヤーが定期的に更新されることです。 HTML5仕様が標準になり、Flashが別れた場合、どのようにHTML5仕様を更新/改善しますか?彼らはしません。 HTML6とそれをサポートするすべてのブラウザーを待つ必要があります。つまり、5〜10年待つことになります。 1998年に私たちを戻す素晴らしい方法です。いいえ、今のところFlashを使い続けます。

オープンスタンダードが価値ある目標であるのと同じくらい、彼らが言っているようにこのパンニングが見られない...

私の2セント。

67
Dresden2

私はここで何人かの人々がsnobsをプログラミングしていて、聞いていないと思います。私も、Flash開発の初期段階であり、これを廃止したくありません。あなたが理由を知っている?クリエイティブな人々はFlashを使用して、私たちの脳にあるものを非常に簡単に開発できるからです。シーンを描き、作成するのが好きな人は、必ずしもコーディングが好きではありません。大量の「文章」を入力することは、描画やアニメーション化ではありません! HTML5についてあなたが言っていることは、ピカソとダリがペイントするためにプログラミング言語を学んだはずだと言っているようなものです。ばかげたね?

だから人々はHTML5よりもFlashを好むのです。利己的なものではなく、クールなアニメーションWebコンテンツを作成できる人は、無関係なスキルを習得したり、他の誰かに頼って解釈したりするよりも、独自のビジョンを作成できることを認めているだけです。

笑する代わりに、Flashに匹敵するHTML5ビジュアル環境を考え出すこともできます。

36
Katryna

テキストベースのマークアップ言語(HTML5)をマルチメディアフレームワーク(Flash)の代替と見なすことが技術的/コーディングの観点からどのように可能か?

HTML5は、「マークアップ言語」ではなく、「Webテクノロジースタック」の新しいホットネームです。

Flashのようにプログラミング言語(JavaScript)があります。一般に「HTML5」とラベル付けされた取り組みの一環として大幅に拡張されたAPIセット、グラフィックスの描画方法(SVG、<canvas>)、オーディオとビデオの再生(<audio>、<video>)。

Flashとは異なり、「HTML5アプリケーション」は独自のブラウザプラグインではなく、ブラウザによって処理されます。これは、少なくともブラウザベンダーにとっては適切です(関連する このブログ記事 -Thanks Jothamを参照) 。たとえば、ブラウザベンダーが問題を修正することを可能にします(Adobeを待たずに)-IIRC Appleは、Macでのすべてのクラッシュの中でクラッシュの一番の理由としてFlashを挙げました。

[バックアップするのが面倒だという「オープンスタンダードの方が良い」という主張を削除するように編集]

10
Nickolay

これは単なるHTML5ではありませんが、ブラウザの採用が完了すると完了します。たとえば、HTML5 <video>タグが存在するということは、ビデオを実際に表示するためにブラウザが提供するビデオプレーヤーがないことを意味します(この時点で、Flash Videoは不要になります)。 <audio>タグについても同様です。

さらに、HTML5のcanvas要素(JSと組み合わせて)を使用すると、ブラウザ内で以前よりもはるかに高度なグラフィックスを実現できます。

8
Doug Neiner

さて、HTML5 /キャンバス+ JavaScriptの機能の印象を得るために、 this の実装をご覧ください Wolfenstein 3D HTML5で純粋に行われます、Flashを使用せずに(これが機能するためにはFirefoxなどのキャンバス対応ブラウザが必要であることに注意してください)。

7
none

HTML5は、機能ごとにFlashを照合することでFlashを置き換えることができます。さらに、HTML5スタック(JavaScriptおよびCSSを含む)を使用して、以前はFlashしか実行できなかった同じ種類のリッチWebアプリケーションを構築できます。 HTMLはFlashプラットフォームの欠点のいくつかにも対処する見込みがあるため、将来このスペースのFlashを置き換えることができる可能性があります。

この説明は、ユーザーエンドでアプリケーションをレンダリングするために使用されるテクノロジーを中心にしています。著者がユーザーに配信するコンテンツを実際に作成できる容易さについては言及していません。 Flashは、リッチコンテンツの作成者のニーズに対応するために、Adobeによって特別に構築および販売されている一連の商用ツールに関連付けられていることを既に述べました。 HTML5のこのようなソリューションはまだあまり採用されていません。オーサリングを主にコーディングと見なしている開発者にとって、これは大きな関心事ではなく、HTML5を利用するのに苦労することはありません(すでに多くの人がそうしています)。開発者/コーディングのバックグラウンドを持っていない著者にとって、これは別の話かもしれません。HTML5の実行可能性は、統合されたオーサリングツールの可用性に大きく依存します。たぶん、Adobe Flashツールは数年以内にSWFの代わりにHTML5に出力するでしょう...

6
VoidPointer

これらの愚かな非創造的な人々が気付いていないのは、HTML5/Javascript/CSSが最初から非常に肥大化しているということです。そのアセットはすべて完全にRAWテキストファイルのままです。圧縮なし、バイトコード最適化なし、常にそのようになります。したがって、ゲーム開発者にとっては、すべてのソースが盗難に簡単にアクセスできるオプションではありません。 Flashを使用すると、ソースコードをよりコンパクトな方法でコンパイルしながら、タイトなベクターグラフィックス方式でダイナミックコンテンツを作成できます。そのフラッシュのトップは、既にシェーダー、ハードウェアアクセラレーション、ピクセルフィルター(ピクセルベンダー)、レイヤー効果をサポートしています。今日まで、html要素を使用して簡単に簡単に影を落とすことはできません。 HTML5は単にメディアプレーヤーとしてFlashを置き換えようとしますが、Flashの人気は一貫性のためであるため、売れ行きが悪くなります。 CSSとJavascriptに対する私の嫌悪は、JavaScriptコードの40%がブラウザーの互換性のためであり、さまざまなブラウザーベンダーでCSS実装が一貫していないという事実によって推測できます。オタクがこの問題を回避するまで、Flashは決して置き換えられません。事実は、あなたがHTML5でできることなら何でも、フラッシュでより速く、より良くできることです。

すでにWolfenstein 3DをCanvasで見ました。 その下。そして小さな。より大きなウィンドウでより良い3Dエンジンを作成できます。負けた?

5
Shinto

Flashにはオーディオ/ビデオよりもはるかに多くのものがあります。 Flexは、豊富なプログラミングモデルと高性能のユーザーインターフェイスを開発できるため、最近非常に人気があります。

hTML 5などを普及させる必要がある場合は、まず組み込みのJavaScriptエンジンをより効率的にする必要があります。最近のFlex/Flashは、堅牢なActionScriptエンジンにより人気があります。

4
Satish

多くの人々は、HTML5がFlashやSilverlightのようなプラグインを殺すと主張していますが、そうではありません。

たとえば、このシナリオを考えてみましょう。

URLにバイナリファイルを読み込みます。デモのために、シェープファイル形式(.shp)を使用します。これには、座標系の地理的ポリゴンが含まれています。

バイトコンテンツのクライアント側を解析します。

効率的な方法でコンテンツを描きます。

デモ: http://www.libertyvanguard.com/liberty-gis

これは、プラグインテクノロジーがHTML5に置き換えられない1つの例にすぎません。

4

HTML5がswfとflvを置き換える方法について話していることを願っています。完全にFlashではありません。私はFlash開発者です(成熟)。私にとって、Flashはスクリプトプログラミングよりも芸術的であり、ほとんどの場合、Flashは非常に使いやすいです。 HTML5で漫画のキャラクターを画面上で移動させるにはどうすればよいですか?または、円を正方形にモーフィング(トゥイーン)するような単純なものですか?確かに私はそれをコードとして書く必要はありません。私はそれを達成するためのプログラミングの分野では単に賢くありません。 Flashは比較的単純です。すべてのグラフィックを、これまでに快適なアプリ(イラストレーター)で描画し、アクションスクリプトでつなぎ合わせます。 AppleとAdobeの両方が大好きです。何らかの妥協を考えてください。

4
Damo

GUIイベントを追跡し、新しいHTML 5要素のスクリプティングを行うJavaScriptとともに、Flashが提供する多くの機能を利用できます。

HTML 5には多くの新しい要素があります。それらの1つはCanvasと呼ばれます。それを使用すると、その境界内で、画面上に好きなものを描くことができます。 javascriptを使用して描画し、javascriptでも同様のマウスクリックをキャッチできます。 Tk、GTKなどのデスクトップ上のGUIツールキットに慣れている場合は、これらの新しい要素をそれらのGUIツールキットのウィジェットの一部にたとえることができます。

thejit を見て、HTML 5のグラフの例を見てください

3
jeorgen

HTML5が商品を配信し、フラッシュを完全に置き換えるのではなく、少なくともビデオに関してはそうなることを期待しています。フラッシュビデオのサイズは小さいですが、処理に時間がかかりすぎます。 Flashblockを有効にせずにyoutubeにアクセスし、タスクマネージャーを開きます。これで、youtubeのようなフラッシュ駆動型サイトにアクセスするたびに、firefoxのプロセスがどのように突然ページから飛び出すかを確認できます。私のアドバイスはFlashblockを取得します。

3
Rick Savage

Flashはタイムライン、ステージ、シーンで動作し、映画を重ねて読み込むことができます。また、オニオンスキニング、トゥイーン、その他のベクターアートツールがあり、フレームごとのアニメーションを使用して漫画アニメーションを簡単に作成できます。このすべてを実行し、それを非常に簡単な量のコード/アクションスクリプトで制御します。 HTML Java CSSは、作者にとって芸術的な体験に近いものではなく、同様の結果を達成するためにさらに多くのコーディングが必要です。フラッシュが急いでどこにでも行くことを疑います。

3
animator

実際、HTML5はFlashやSilverlight UIテクノロジーに取って代わるものではありません。そして問題は、HTML5がアプリのUIコンポーネントで必要な量が制限されているだけでなく、ランタイムにシームレスに統合されるような方法でカスタムコンポーネントを作成できないことです。

Ample SDK-JavaScript UI Framework をご覧ください。このアーキテクチャは、Flex、Silverlight、またはGeckoのアーキテクチャを継承しています。クロスブラウザーを可能にするUIテクノロジーの1つはXULであり、CSSでスタイル設定可能で、XUL DOMまたはjQuery APIを使用してJavaScriptでプログラム可能です。フレームワークの上に独自のUIテクノロジーを作成することもできます。

3
Sergey Ilinsky

HTML5はflash/flexの大部分を置き換えると思いますが、canvasはクールなので、おそらく別のブランチとして継続します。新しいライブラリが登場します。しかし、JSが事実上シングルスレッドである限り、特にゲームでは、Adobeがあきらめないと仮定すると、それほど高速ではありません。

3
tomasb

Flashに含まれるすべてのものの代替として意図されているとは思いません。ただし、最近Webを見てみると、Flashがブラウザでビデオまたはオーディオコンテンツを配信するために広く使用されていることがわかります。 HTML 5に含まれているものは、標準コーデックに同意できなかったため、今では機能していません。

確かに、これらすべてのNice Flashゲームと広告は、HTML 5のためだけに消えることはありません。HTML5はそれらを置き換えることができません。しかし、実際にはcanコンテンツを配信する用途を置き換えることができることを目指しています。ベクターグラフィックスには、特別な扱いを受ける可能性のあるSVGもあります。

これが本当にビデオ向けFlashの死なのかどうかはまだわからない。 HTML 5ビデオコーデックの問題は、遅かれ早かれ解決される可能性があります。ただし、コンテンツ配信者が配信されるコンテンツ、DRM、および同様の手法をより詳細に制御したい場合は、Flashが引き続き最適なメディアである可能性があります。

3
Joey

HTML5標準 をサポートする最新のブラウザーには、サードパーティのプラグインを必要とせずに、ブラウザー内でサポートされているメディアファイルを再生する機能があります。

これは自分で試すことができます。 SafaryとGoogle Chromeの最新バージョン(Firefox 3.6も同様)は、HTML5ページで<video>タグを直接再生できます。 YouTubeはHTML5をサポートするようになりました

そのため、ビデオサイトでHTML5を使用し、Adobe Flashプラグインを使用せずに、HTML5標準に完全に準拠するSafariブラウザーを使用すると、iPadでビデオを再生できます。

3
Donny Kurnia

興味深いトピック。ここでは、HTML 5が基本的なマルチメディアプレゼンテーションで大きな飛躍を遂げる一方で、Flashに置き換わることができないという、ほとんどのポスターの感情を繰り返します。すべてのオンラインゲームサイトが良い例です。 Flashは、特定のモバイルデバイスを除くほとんどのブラウザーで実行できます。

そのメモで、バッテリーの消耗が、スティーブ・ジョブズがiPhoneとiPadでFlashをサポートしたくなかった最初の理由だと思います。これは、Apple(しゃれなし)を噛むかもしれません。 Android 2.2はフラッシュをサポートします(ただし、すべてのハードウェアメーカーがフラッシュをサポートするかどうかは明確ではありません-バッテリーに自信があります)。

また、BlackBerryデバイスでは、BBフォンや今後のBB Playbookタブレットなど、Flash 10+が確実なものになると思われます来年)。

HTMLは、HTML 5サポートがユニバーサルになった後でも、Web開発で引き続きFlashが大きくなることは間違いありません。

2
Krigs

私は最初に、Steve Jobsから「Flashに代わるHTML」のコメントを聞きました。 (彼はおそらく、彼のMacコンピューターでクラッシュするので、Flashが嫌いです。私は確信がありません。彼は連絡が取れないと思います。その証拠は、彼のとんでもない製品「iPad」です。)

重要なのは、開発者にとってIS ITがどれだけ良いかということです。回答:Flashほど良くありません。まだ。なぜ限られた経験でこれを言うのですか?すべてのブラウザで動作するためにJavascriptで必要な互換性コードはすべて「試して...キャッチ」です。大量のゴミ。 ActionScript/Flashは、すべてのブラウザーの1つのコード/アプリです。

Flashには、プロセスを合理化するためのグラフィカル(および非グラフィカル)開発ソフトウェアツールもあります。

短い回答IS Adob​​eはHTML5を少なくとも短期的には「置き換え」ません。しかし、GoogleがGWTアプリを作成するための使いやすいWYSIWYGエディターを開発する場合のように、特にWYSIWYGグラフィカルツール用に十分な開発ツールを作成すれば、Flashと競合する可能性があります。そして、それは大きなIFです。

2
Navigateur

現在、LCMSを開発中です。一度は、アニメーション、ビデオ、音声、相互作用を伴う複数のタイプの評価を含むSCORMおよびAICC準拠のトレーニング資料を開発するための完全なWYSIWYGオーサリングツールです。このツールは、パワーポイントの外観に近いため、ユーザーは学習オブジェクトを写真付きスライドに簡単にドラッグアンドドロップしたり、画像のサイズを変更したり、移動したり、テキストを重ねたり、テストを追加したりできます。

このワークスペースは現在Flexで実行されており、優れたパフォーマンスを発揮します。Googleドキュメント/プレゼンテーションでさえ、このアプリケーションの柔軟性とパフォーマンスに近いものではありません。

その規模のアプリケーションは、膨大なリソースなしでHTML5で開発できるのだろうか。私たちは小さな開発者グループを持つ小さな会社です。

2
Jorge

テキストベースのマークアップ言語(HTML5)がマルチメディアフレームワーク(Flash)を置き換える可能性があります。

ソリューションは簡単です。フレームワークをブラウザに移動して、オープンスタンダードになるだけです。マルチメディアフレームワークだけでなく、ブラウザには、現在オペレーティングシステムに属する他の多くのものを含めることができます。

ブラウザーが最終的にOS(ユーザーモード)になる可能性があります。現在のOSはカーネルモードに限定され、主にハードウェアを扱います。

2
Jack

めったに作られないほど明白でより広い角度のポイントは、漠然と参照されている「フラッシュ」という用語が実際にはFlashプラットフォーム全体を包含し、Flash IDEを含むことです。

技術を使用して複雑な漫画やアニメーションを作成するアニメーターやその他の芸術的なタイプは、ほぼ完全にIDEに依存しています。それなしでは不可能です。物語の終わり。重要なのは、言語仕様レベルのテクノロジーだけではありません!また、この場合はIDEの「サポートテクノロジー」についてです(「サポート」と言いますが、Flash IDEは、Flashプラットフォームの他の部分と統合されたテクノロジーです)。

Flash IDEに匹敵する機能を備えたHTML5 IDEを誰かが作成した場合、それは素晴らしいことですが、そのポイントがめったに作られないことに驚いています。アーティストはプログラマーと同じくらい議論の一部であり、それが彼らのビジネスではないと言うのは不合理です。

したがって、あなたの質問に直接答えるには:HTML5は、適切なIDEが構築されている場合にのみ、Flashなどのマルチメディアフレームワークの完全に合理的な代替物、または代替物と見なされます。マルチメディアフレームワークも。

IDEを考慮せずに議論するのは現実的ではありません。質問が具体的にの場合、「HTML5をIDEなしで完了状態にすることは、手動でアニメーション化された複雑なアニメーションとは別に、アプリケーションのFlashの代替になりますか?」答えはおそらく「はい」になり、私たちは皆家に帰ります。

2
helloworlder

Web開発者は、IE6のような非常に古いブラウザをまだ気にしているので、Flashや同様の技術が長い間使われていることを確信できます...

1
Deniz Acay

簡単に言えば、多くの人は、JavaScriptと組み合わせたHTML5機能が、フラッシュよりも優れた、安価で、より効率的なグラフィカルWebエクスペリエンスを提供できることを望んでいます。 Gmail、Googleマップ、YouTubeなどの多くの洗練されたWebサイトは、HTMLやJavaScriptを使用してフラッシュなしで実行できることを考慮してください。 JavaScriptとHTMLに加えられた改善により、Webサイトは、Adobeにお金を払うことなく、より豊富なグラフィカルおよびアニメーション機能を開発できます。

1
Doug T.