問題タブ [smil]

http url で mms を smil コンテンツとして送信するために mbuni を使用しています。

と

現在、mms はハンドセットに送信されていますが、画像はダウンロードされていません。

mmsboxのURL

Smileファイルの内容とパス

パスは /var/www/html/mms/ です。また、画像パスを image1.jpg から mms/image1.jpg に変更しましたが、変更はありません。

content-url= http://localhost/image1.jpgのような直接画像を送信している場合、適切に送信されています。

osmf プラグインを使用してカスタム プレーヤーを作成しましたが、200kbps ビットレートの RTMP ビデオを再生しているときに OSMF で問題が発生しました。バッファ サイズを 2 秒に設定し、OSMFSettings.enableStageVideo を false に設定しました。ビデオがピクセル化されていることがわかりましたが、再生しますjwplayer の同じビデオでは、ビデオのピクセル化が少ないことがわかりました。これに 2 つの画像を添付しています。誰でもこの問題を解決する方法を教えてください。

OSMFCustomPlayer

JWPlayer

ありがとう

バージョン 37.0.2 以降に渡された新しいバージョンの FF に関する情報を教えてください。バージョン 38 のバグのほとんどがバージョン 38.0.5 で修正されていることは知っていました。FF のすべての新しいバージョンで、属性 'animate' と 'animateTransform' の処理速度の違いに気付きました。このため、ページが非常に遅くなります。アニメーションタグを削除する場合:

これに：

その後、アニメーション（ホバー）効果が失われ、速度は正常になりました。これは、古いバージョンのFF（37.0.2）のアニメーションタグ（削除されていない）のようです。

トピックを作成しました: https://bugzilla.mozilla.org/show_bug.cgi?id=1171966

それらにいくつかのコードとビデオの例が追加されました。ページ上に多数の要素がある場合に速度低下の問題が見られますが、それはそれぞれの要素が「animate」などの属性を持っている場合のみです。多分これも好きです：

私の場合、タグを使用してホバー効果を作成し、マウスオーバーで不透明度を変更します。css、html5、DOM を使用していない

同様のトピック (stackoverflow、bugzilla) や、この問題に直面した人を見つけることができれば幸いです。ありがとう

このトピックに従って：

Firefox 38-40 SMIL の問題 - 非常に遅い速度 (22.09.15 の FF バージョン 41 で解決済み)

そしてこのトピック：

非推奨の意図: SMIL

SVG タグ 'animateTransform' がうまく機能しません。SMIL（アニメーションタグ）をCSSやCSSトランジションに置き換えると良いでしょう。

---

次の Google Chrome 警告:

リビジョン 196823: SMIL 非推奨の警告を追加

---

まず、次の 3 つのことを実装する必要があります。

1）マウスオーバー時のホバー効果（最も簡単）

どうだった：

タグを削除し、setタグにクラスをrect追加し、これを CSS ホバー擬似クラスに追加しました。

---

2) この要素に変更がコミットされた後、数回スケーリングされます (ページロード)

どうだった：

animateタグ なしで整理する方法:

???

---

3) スケールアップとスケールダウンをアニメーション化します (onclick)

どうだった：

animateタグなしで整理するには？を使用しようとし:activeましたが、動作に違いがあります:

---

これは私のテンプレート要素のコード全体です:

---

私の現在の作業プロジェクトの作業バージョンは次のようになります。

http://jsfiddle.net/7e2jeet0 (以前はブラウザー FF でのみ使用されていました - (注意してください) ホバーはここで 2 つの数字で機能するためです - 原因 [Chrome は SMIL と「使用」を一緒にサポートしますが、Firefox は現在 SMIL と「使用」をサポートしていません) '一緒に] / Robert Longsonによると）

同等のCSSを作成しようとすると、次のようになります

http://jsfiddle.net/7e2jeet0/1/ (FF)

http://jsfiddle.net/7e2jeet0/2/ (Chrome)

---

または他の要素についても同じです。作業バージョン:

http://jsfiddle.net/f7o03rsr/

http://jsfiddle.net/f7o03rsr/1/

http://jsfiddle.net/f7o03rsr/2/

ありがとう！

---

編集 1

この組み合わせバリアントは、Firefox ではホバーとマウスダウンで正常に機能しますが、Chrome ではホバー効果のみが機能することがわかりました。

---

これらのアニメーションのいくつかを保存する方法にも興味があります。

http://jsfiddle.net/e4dxx2wg/

http://jsfiddle.net/e4dxx2wg/1/

それらをCSS / Webアニメーションに転送することによって？

SMIL を使用してオブジェクトの中心でスケール変換をアニメーション化しようとしています。Firefox 38 では機能しますが、Chrome 43 では機能しません。Chrome では、CSS の transform-origin プロパティが何らかの理由で無視されているようです。

オリジナル

最もクリーンで簡単な方法であるため、Chrome でこの方法を使用する必要があります。

私はこのように機能する他のことを試しました：

トライアル#1

しかし、それは少しハックであり、私はそれを好みません。

加算アニメーションも試しましたが、問題があります（おそらく私のせいです）

トライアル#2

何か案は？ありがとう。

SVG/SMIL を使用して説明線のアニメーションを開発していますが、Firefox でアニメーションを表示すると CPU 負荷が高くなります。CPU パフォーマンスに関して、SVG 自体と宣言型アニメーションのベスト プラクティスはありますか? ビューアーやブラウザーが異なれば結果も異なるため、一般的な経験則を探しています。これを Web アニメーション API に変換できるようにしたいと考えています。

時計回りと反時計回りの 2 つのボタンを使用して回転する図形がいくつかあります。

この CodePen でも見ることができます: http://codepen.io/Daolagajao/pen/qdyBLo

1 回クリックすると、シェイプが正常にアニメーション化されます。ボタンを立て続けにクリックすると(ダブルクリック、トリプルクリックなど)、問題が発生します。回転軸がずれますが、これは確かに望ましくありません。

この問題を回避する方法はありますか? 次のボタンをクリックすると、進行中の前のアニメーションが位置の保持を停止し、新しいアニメーションが発生します。