9

私はいくつかの基本的なjavascriptインタラクティビティを備えたSVGを持っており、それにいくつかのオーディオも入れられるようにしたいと思っています。

明確にするために：

  • これは、HTMLにインライン化されていない、それ自体であるSVG用です。
  • javascriptライブラリを使用する必要はありませんが、必要に応じて使用できます。

これをどのように達成できるかについての洞察はありますか？

4

2 に答える 2

10

SVG 1.2 Tiny で定義されている SVG タグ<audio>と要素タグがあります。<video>Opera はそれらをサポートしていますが、他の UA はまだサポートしていません。

IE 9/10 以外のほとんどの場所で機能する解決策は、子要素として<foreignObject>html 要素を持つ要素を使用することです。<audio>

サポートしていないため、IE9/10のサポートが必要な場合、良い答えはないと思います<foreignObject>

于 2013-01-19T08:55:42.090 に答える
9

HTML5 オーディオをサポートするブラウザーが必要な場合は、オーディオ要素を svg に配置するだけで済みます (オーディオ要素とその子には XHTML 名前空間を使用します)。前回試したときは、foreignObject ラッパーは必要ありませんでした。これを行う方法を示す例を次に示します (chrome、firefox、opera で動作します)。

JavaScript を使用して HTML5 オーディオ要素を作成し、SVG 内で使用することもできます。

于 2013-01-21T09:55:02.360 に答える