HTML5プレーヤー

Uppod runetプレーヤーにはHTML5バージョンがあります。
画像


プレイヤーのデザイナーは多くの尊敬されるプロジェクトを使用しているため、テクノロジーを選択することにしました。 HTML5バージョンは、数年にわたって開発してきたFlashバージョンの現在の設定と可能な限り互換性があります。 そして、知っている彼女よりも優れているかもしれません。 これまでのところ、スタイルとプレイリストなしで基本的な機能のみが実装されています。 プレーヤーのベータ版はhtml5player.ruで見ることができますが、 ここではプレーヤーをダウンロードして試してみることができます。

開発


いくつかのエディターを試しましたが、皮肉なことに、FlashDevelopが最良の選択でした。無料で非常に便利なコードエディターです。 JavaScriptにも推奨。 ActionScriptを使用した場合よりも高速に動作します。コンパイルする必要はありません。また、ネイティブのCSSとDOMの関係により、非常に簡単になります。

フレームワーク(jQueryなど)は使用されなかったため、uppod.jsは動作するためにライブラリを必要としません。 圧縮ファイルの重量は約27kBです。

すべてのインターフェイスグラフィックは、独自のボタンを作成できるFlashバージョンに似せるためにキャンバスに描画されました-また、プログラムで描画されます。 FireFoxはグラフィックスでは少しわかりにくく、他のブラウザではすべて問題ありません。

予期しない問題は、バッファを示すビデオの上部のアニメーションでした-エッジに歪みとアーティファクトが現れました。 したがって、表示はタイムラインの上に碑文を付けて無条件に行わなければなりませんでした。

動物園


このプレーヤーは、HTML5をサポートするすべてのブラウザーで動作します。
映像ブラウザ
H.264(MP4)、AACSafari 3.0以降
Chrome 5.0以降
iOS 3.0以降
Android 2.0以降
IE 9.0以降
Theora(OGG)、VorbisFirefox 3.5以降
Chrome 5.0以降
Opera 10.5+
VP8(WebM)、VorbisIE 9.0以降
Firefox 4.0以降
Chrome 6.0以降
Opera 10.6+

音声ブラウザ
MPEG(MP3)Safari 4.0以降
iOS 3.0以降
Chrome 3.0以降
Theora(OGG)、VorbisFirefox 3.5以降
Chrome 3.0以降
Opera 10.5+
WavFirefox 3.5以降
Safari 4.0以降
Opera 10+

開発者によると、最悪の状況はIEであり、9番目のバージョンでのみHTML5をサポートしていることを表に示しています(前回のデモではキャンバスもビデオもありません)。 しかし、彼らはGPUサポートを約束します。

パフォーマンステストでは、ChromeとSafariのリーダーシップが示されました。 FireFoxの負荷で、秋に至るまで最悪です。 FireFoxには、ストリームの読み込みデータを取得する際の問題もあります-標準的なバッファープロパティの代わりに、今日まで循環読み込みが使用されています。 これは、昨日リリースされた4.04bで修正されましたが、OGG専用です。 Operaには何もありませんので、プレイラインのみが表示されます。

HTML5標準では、形式との互換性についてブラウザをチェックし、サポートされているファイルを提供することを提案しています。 古いバージョンのブラウザにFlashバージョンを提供することでも慣れることができます(プレイヤーはこれを自分で行うことができます)。

iPhone(iOS)では、プレーヤーは組み込みのQuicktimeの起動ボタンのように機能します-何もないよりはましです。

インターフェース


これが、プレーヤーと動画タグを区別するものです。 彼らは私たちの標準のFlashバージョンに可能な限り似たインターフェースを作成しました。一見するとそれを認識しないかもしれません。 ブラウザウィンドウ全体(+ F11)、メインホットキーにフルスクリーンモードを追加しました。コントロールパネルは再生中に自動的に非表示になります。 将来的には、スタイル、プレイリスト、モジュール(字幕、広告など)を含むすべての機能が完全に複製されます。 詳細の柔軟性については、Flashは長い歴史があるため、見た目が良くなっています。

インポート


ブログへのインポートの標準はiframeである可能性が高く、HTML5とFlashおよび広告を表示できます。 唯一の問題は、ブログやソーシャルネットワークのエンジンがこれに対応できるようになるまでの時間です。

合計


彼らは新しいものを見つけられなかったので、よく知られている事実を繰り返します。

標準のHTML5を使用すると便利です。一部の場所ではパフォーマンスが向上します。Flashのないデバイスでも機能します。

HTML5が悪い理由:
-クロスブラウザの互換性なし;
-フォーマットに関する合意なし。
-ストリーム(RTMPなど)の通常のサポートはありません。
-マイクとウェブカメラのサポートはありません。
-インフラストラクチャなし(広告ネットワーク、ブログへのエクスポートなど)。

HTML5は、ブラウザメーカーがストリーミングデータ用の新しいテクノロジーを見つけようとする場合、メディアプレーヤー市場のマスセグメントでFlashを数年後に置き換えることができるようです。

HTML5プレーヤーは無料で、FlashバージョンのUppodも同様です。

最新ニュース:


PSバグレポートをありがとう、すべてを考慮に入れます。

Source: https://habr.com/ru/post/J102576/


All Articles