SVGでのOgg Theoraビデオのデモ

Mozilla FirefoxHTML5タグ<video>をサポートするChris Doubleは、TheoraビデオファイルをSVGファイルのライブテストとして使用する優れたデモを公開しました( HTML5タグ<video>についてはすでに書いています )。

これらのオブジェクトを移動、回転、サイズ変更できます。 本当に印象的です! 必ずビデオを見てください 、今すぐそれをしてください;)。 theora.org経由

svgのTheora



このビデオでは、 Chris DoubleVladimirVukićević ファイルを変更し ましたPhotos.svgは、Silverlight(Moonlight)テクノロジーのデモビデオの簡単な解釈です。

Damo Silverlight



私は、Mozilla Firefox 2.0.0.6でPhotos.svgを開き、 Opera 9.23、9.5だけでなく、後で記述するテストアセンブリも開きました。 Opera 9.1の実験ビルド( Theoraサポート付き )では、SVGファイルは機能しませんでした。

ビデオを操作する機能は、<foreignObject>を使用して新しいSVGファイルに追加されました。
<foreignObject>
<div xmlns = "http://www.w3.org/1999/xhtml">
<video src = "myvideo.ogg" />
</ div>
</ foreignObject>
オーディオトラックは、大きなz-indexを持つオブジェクトに対してのみ有効になります。

SVGファイルの表示は、Mozilla Firefoxのテストビルドを使用して実行されました。 Windows、Linux、Mac OS X 10.4で利用可能です 。 <video>タグのドラフトhtml5ドラフト仕様から、このアセンブリに多くが実装されています。 video.svgファイルはまだ利用できませんが、Chris Doubleが投稿することを約束しましたが、今のところ(サイトのリスト)、 高度なビルドMozilla Firefoxまたは実験ビルドOpera 9.1(非推奨)を使用してOgg Theraビデオをオンライン視聴してください。 Wikimedia.orgはすでにOgg Theraを主要な標準として選択しています。

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


All Articles