HTML5とFlashの比較を詳しく紹介-H5 チュートリアル-php.cn

ホームページ

ウェブフロントエンド

H5 チュートリアル

HTML5とFlashの比較を詳しく紹介

黄舟

Mar 25, 2017 pm 03:30 PM

HTML5、インターネット上で最も人気のあるこの言葉は、現在、無数のメーカーやユーザーの心に影響を与えています。 HTML5 仕様はまだ完全に決定されていませんが、主要なブラウザメーカーやビデオサービスプロバイダーは市場機会を掴み、勢いを築くために HTML5 を活用し始めています。 Google、Mozilla、Apple はいずれも、HTML5 を次世代のオンライン動画再生の主な手段として使用する準備を進めているようで、共通の目標は、過去に Flash によって独占されてきた動画プレーヤーを廃止することであるようです ( Microsoft Silverlit Flash の出現 (利点は徐々に薄れてきました) では、HTML5 VS Flash の欠点は何でしょうか?一緒に見てみましょう。

世界最大のビデオサイトである YouTube は、最近 Web サイトの Flash フリー改革を積極的に推進していますが、今週初めには HTML5 プレーヤーについていくつかの懸念を表明しました。

現在、Microsoft の IE9 を含め、すべてのブラウザメーカーは今年後半に HTML5 標準への移行を計画しています。Google の Android モバイルプラットフォームと Microsoft の Windows Phone7 プラットフォームは引き続き Flash Player をサポートしますが、同時に Apple の Safari5 も互換性があります。 Flash を使用する場合、iPhone/iPod/iPad のブラウザのバージョンは Flash プレーヤーをサポートしていません。

ただし、現時点では、従来の Flash プレーヤーに代わる新しい HTML5 プレーヤーについて、Youtube はいくつかの懸念を表明しています。まず、これらはすべて HTML5 標準に属していますが、HTML5 標準を使用してビデオを再生するときにさまざまなブラウザで使用されるエンコード技術は同じではない可能性があります。膨大な数のビデオを含む Youtube のような Web サイトの場合、理想的な状況は制御することです。使用するエンコーダの種類を可能な限り変更する必要があります。そうしないと、統一した処理を行うことが困難になります。

現在の状況から判断すると、Google、Opera、Mozilla が WebM VP8 ビデオエンコーダエンジンをサポートしています。VP8 は Google 主導のオープンソースエンコーダエンジンです。 Microsoft と Apple は商用 H.264 エンコーダをサポートしていますが、Microsoft の IE9 では、ユーザーが WebM エンジンのインストールを自由に選択できます。

さまざまなブラウザメーカーがまだビデオエンコーダの形式について合意に達していないうちに、Youtube は 2007 年から使用している既存の H.264 形式を引き続き使用すると述べました。

エンコーダの点だけでなく、HTML5 プレーヤーでビデオストリームを再生する際のパフォーマンスとシステムリソースの利用にもいくつかの問題があります。リアルタイムビデオを再生する場合、システムのバッファリングとビデオ品質を完全に制御できるかどうかが問題となります。プレイヤーに与える影響は非常に重要です。さらに、DRM 著作権侵害保護技術も YouTube にとって頭の痛い問題の 1 つです。このサービスは一部の許可されたユーザーのみに視聴を許可する可能性があり、ユーザーにはその権利がありません。これらのビデオをコピーしてオンラインで配布すること。

HTML5 プレーヤーを使用したことのある人なら誰でも、このプレーヤーを使用するには Web ページに比較的大きな変更が必要であることを知っています。さらに、HTML5 プレーヤーでビデオを再生しているときに、ユーザーが再生バーを引いてビデオの次の部分に移動すると、プレーヤーでは常に 1 ～ 2 秒の遅延が発生しますが、Flash プレーヤーでは通常、遅延がありません。そういった問題。

下の写真は、HTML5ビデオプレーヤーとFlash10.1.53.64プレーヤーをChrome6.0.447.0ブラウザ+Wiondows7 64ビット究極オペレーティングシステムで実行しているかどうかに関係なく、ビデオを再生するときの2つの画像の比較です。待ち時間とビデオ品質の点で、Flash には特定の利点があります。

HTML5とFlashの比較を詳しく紹介

HTML5とFlashの比較

第三に、Youtube Webサイトには外部ビデオを直接埋め込む機能もありますが、この点でのHTML5のパフォーマンスは一般にFlashほど良くありません。

最後に、HTML5 プレーヤーはカメラ/マイクをサポートしていませんが、Youtube ウェブサイトの Flash プレーヤーは、プレーヤーを使用してカメラ/マイクでビデオを直接録画する機能をサポートしていますが、これは Flash なしでは実現するのが困難です。。

多くのメディアやメーカーが HTML5 をほぼ宣伝しているものの、実用化の観点から見ると、HTML5 プレーヤーには実際にはまだ改善が必要な部分が多く、Flash の現状を置き換えるにはまだ改善が必要であることがわかります。プレイヤー、それはまだ必要です。道のりは長いです。

以上がHTML5とFlashの比較を詳しく紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

html5是什么意思Apr 26, 2021 pm 03:02 PM

html5是指超文本标记语言（HTML）的第五次重大修改，即第5代HTML。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。