問題タブ [smil]

Wowza Media Server 3 で JWPlayer 5 を使用しています。ビットレート切り替えに SMIL ファイルを使用して、RTMP 経由でビデオ ファイルをストリーミングしています。私たちの問題は、RTMPT フォールバックに関係しています。

単一のファイル (SMIL を使用していない) がある場合、ビデオは RTMPT に適切にフォールバックします。

これは機能します：

ただし、SMIL ファイルが導入されると、フォールバックは発生しません。

これは動作しません：

SMIL ファイル:

注意: SMIL バージョンは、企業のファイアウォールの外側で動作します。それが機能しないのは、RTMPT を切り替える必要がある企業のファイアウォールの内側だけです。

RTMPT フォールバックと SMIL ビットレート切り替えの両方をうまく連携させるにはどうすればよいでしょうか?

<set>タグを使用して図形の回転角度を設定しようとしていますが、一生の間、それを理解できません。正しい構文は何ですか？

編集：明確化-私はそれを特定の角度に設定された時間設定しようとしていますが、そこでアニメーション化するのではありません。0回転から110回転にジャンプさせたい（上記の例では）

この単純なSVGSMILアニメーションについて考えてみます。

これは、Windows上のChrome v18で正しく機能します（色を保持することに関するバグを法として）：http：
//phrogz.net/svg/change-color-on-click-simple.svg

JavaScriptを使用して要素を生成する<animate>と、Firefox、Safari、Operaですべて正常に動作しますが、Chromeでは正常に動作しません。Chromeでは、円をクリックしても何も起こりません。

こちらのJavaScriptバージョンをご覧ください：http：
//phrogz.net/svg/change-color-on-click-simple-js.svg

コンソールにスクリプトエラーはありません。最初の例のコンテンツは、2番目の例を読み込んだ後にChromeデベロッパーツールから[HTMLとしてコピー]を選択して実際に生成されたため、正しい属性名と値が生成されていることがわかります。要素のnamespaceURIは、すべての属性<animate>のと同様に、両方（SVG名前空間）間で同じです（ ）。 namespaceURInull

<animate>JSで生成された要素をChromeで機能させる方法はありますか？

iscroll.js の左/右へのスワイプ機能を timesheet.js SMIL タイミング スライドショー エンジンとオーディオ同期で使用できるようにしたいと考えています。

左または右にスワイプすると、スライド/オーディオが進みます。

iscroll.js: http://cubiq.org/iscroll

timesheet.js オーディオ同期デモ: http://wam.inrialpes.fr/timesheets/slideshows/audio.html

I've embedded a <div> in a <svg> using <foreignObject>. I want to <animate>its CSS attribute opacity, fading it in when the page has loaded. So I specified an XLink locator, referring to the target element to be animated:

(The svg is embedded in a HTML5 document).

Testing it in chrome, It doesn't work. On native svg elements however, it does. How do I make this work in objects embedded with <foreignObject>?

この昆虫のSVGを持っているとしましょう。この方法で他に不可能でない限り、<img />または<object />タグとして挿入したいと思います。

現在、insect.svgには2つのアニメーションがあります。1つは歩行用、もう1つは飛行用です。

これらのアニメーションを個別に、およびHTMLのJavaScriptから開始/停止したいと思います（または、HTMLJavaScriptから埋め込みSVGJS関数「walk」または「fly」を呼び出します）。

つまり、ゲームプレイ中に昆虫を飛ばしたい場合は、JSでそうするように通知し、飛ぶべきではなくなったときに停止するように指示することができます。ウォーキングも同じです。

これを行う方法はありますか？私は過去1時間グーグルをしていて、実際の発見はありませんでした。それが問題である場合、私はIEサポートを気にしません。

お時間をいただきありがとうございます！

私はL字型の<path>要素を持っており、それをスムーズに成長させるために<animate>そのd属性を試しています：http: //jsfiddle.net/Mathiasa/be5HS

以前にS字型で試しましたが、機能します：http: //jsfiddle.net/Mathiasa/bq9dt/

L字型がS字型のようにズームしないのはなぜですか？同じ方法を使用しているのでしょうか？

私は持っている：

これらの命令を実行するループが必要です。

3000 以上のパスを持つモンスター アニメーション SVG ファイルを作成しました。各パスは、宣言型 SMIL アニメーションを使用して個別にアニメーション化します。IE9 の小さな js フォールバックを使用して、すべての新しいブラウザーでゆっくりと、しかし美しく再生されます。（リンクを投稿しますが、何も明確になりません。）

HTML5 とインライン SVG を使用してページを開発しました。作業を終えようとしているときに、モバイル ブラウザにこの巨大なファイルを強制的に詰まらせたくないことに気付きました。そのため、svg を外部ファイルに移動し、すべての xml 宣言を追加し直しました。ページ内の重要な情報が既にレンダリングされた後、いくつかの条件付きロジックと教科書 ajax を使用して、外部 svg を呼び出しています。

さまざまなブラウザーのインスペクター ツールは、ファイルが正しく読み込まれていることを示しています。問題は、アニメーションがトリガーされないため、何も起こらないことです! それらはDOMにあります。私はそれらを見ることができます。しかし、マークアップでSMIL アニメーションを開始するタイマーやイベントは、動的に読み込まれたアニメーション要素には適用されないようです。

しかし、その後、このユース ケースに焦点を当てた Bugzilla のバグ レポートを読み、問題が解決されたことを示唆しています (ただし、FF13 での私のテストでは、明らかに解決していません)。うーん...

動的にロードされた SVG コンテンツで SMIL アニメーションのクロックを開始するために使用できるカスタム関数または宣言はありますか? 答えが完全に「いいえ」であっても、私のような人々が何らかの方法で知っているといいでしょう. 明確にしていただきありがとうございます。

アップデート：

これが生のsvgファイルです。FF、Opera、および Webkit で動作します。しばらくお待ちください:

http://bit. ly/LC3LEQ

そして、同じドメインから、まったく同じ SVG ファイルを参照するページがあります。appendChild以前のコードのステートメントを変更しadoptNode()て、FF13 と Opera 11.64 で機能するメソッドを含めるようにしましたが、webkit でアニメーションが開始されることはありません。

http://bit. ly/Mk0lnz

SMIL ファイルを HTML ファイルに添付してブラウザで実行するにはどうすればよいですか? ここに私のSMILファイルがあります

ありがとう

ニキル