問題タブ [smil]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4937 参照

video-streaming - jwプレーヤーで動的smilファイルを使用する

JW Player 6でオンラインストリームプレーヤーを作ろうとしています。

ストリームのすべての品質バージョンで smil ファイルを作成し、以下のコードを使用すると、正常に動作します。

smil ファイル:

ユーザーの品質選択に基づいて、その場で smil ファイルを作成したいと考えています。(つまり: 720 を超えるビットレートを破棄します)

asp ファイルを使用して smil ファイルを動的に作成しましたが、機能しませんでした:

エラー:プレーヤーの読み込み中にエラーが発生しました: 再生可能なソースが見つかりません

もちろん、asp ファイルでヘッダー タイプをapplication/octet-streamに設定しましたが、問題は解決しませんでした。

また、同じaspファイルをsmil拡張子で保存して、IIS設定でsmilファイルのaspハンドラーを設定しようとしました。ブラウザで呼び出すと完全に機能しますが、jwプレーヤーには同じエラーが表示されます。

推奨事項はありますか?

ありがとう。

0 投票する
1 に答える
1321 参照

video-streaming - smil ファイルを使用して JW Player の名前の品質を変更する

jw player 6 で使用する smil ファイルがあります。

プレイヤー上ではこんな感じ

プレイヤー上ではこんな感じ

JW プレーヤーで 540p/320p の代わりに High/Med/Low を表示するにはどうすればよいですか? smil ファイルのビデオ ノードに名前、タイトル、ラベル パラメータを追加しようとしましたが、うまくいきませんでした。

何か提案はありますか?

ありがとう

0 投票する
1 に答える
961 参照

javascript - インライン SVG アニメーションのベスト プラクティス

インライン SVG をアニメーション化する方法は?! パス上でいくつかのアニメーションを実行したいと考えています。いくつかのイベントでの回転のように、複数のパスでの animateMotion もいくつかのイベントによってトリガーされます。

開発サイトへのリンクを含めます: http://www.myradon.net。私は次のことを達成しようとしています。

電源プラグが (「ポートフォリオ」のすぐ上) メス (現在は Web サイトに接続されています) に接続されている場合、太いダッシュがページの上から下まで移動します (現在の視覚化)。これらの破線でパスアニメーションを考えています(したがって、速度はパスの長さに依存し、前のパスが終了したときに開始する必要があります)。破線は、Ajax 呼び出しで jQuery によって挿入された 12 個の SVG です。

誰もこれに対処する方法についていくつかの素晴らしいアイデアを持っていますか? SMIL、Raphael/D3.js (SVG は既に DOM にあります)? 編集:ちなみに、IE8以下は気にしません。

0 投票する
1 に答える
249 参照

css - 異なるブラウザ ウィンドウでアニメーションを同期する

私は一種のアニメーション スライドショーを表示するアプリに取り組んでいます。複数のモニターが、同じコンピューターによって制御された、異なるが関連するアニメーションを表示します。

アニメーションは、異なるモニター間で同期する必要があります。つまり、モニター A では要素が動き始め、モニター B ではまったく別の要素が動き始めますが、これらは明らかに同時に発生する必要があります。

私は、モニターごとに異なるブラウザー ウィンドウを使用することを前提としています。

タイムアウトを使用して、アニメーションを同時に起動するのは簡単でした。現在の Time をスケジュールされた時間と比較し、そのミリ秒数だけ待機します。メソッドの上部にある console.log() は、両方のメソッドが互いに 1 ~ 2 ミリ秒以内に起動することを示しています。ただし、アニメーションは同時に発生しません。よく見ると、1/3 秒も遅れています。どれが最初でどれが最後かは一貫していません。(参考までに、これらは CSS3 アニメーションです。)

では、setTimeout がそれを行わない場合、他にどのようなオプションがありますか?

SVG/SMIL に移行する必要がありますか? 実行しているブラウザを選択できます。

または、ブラウザー ウィンドウをすべてのモニターにまたがらせる簡単な解決策はありますか?

0 投票する
1 に答える
1377 参照

javascript - 表示された EPUB3 電子ブックに Javascript を埋め込んで、iBooks のページを (リフロー モードで) めくります。

Apple iBooks のリフロー可能な EPUB3 eBook のメディア オーバーレイ サポート (別名「読み上げ」または「SMIL」) をシミュレートするライブラリ (BSD/MIT ライセンスで近々リリース予定) を開発しました。(Readium や Azardi とは異なり、iBooks は FXL レイアウト モードでのみ MO をサポートしていることを思い出してください。)

現在アクティブな SMIL フラグメントが現在のページを離れて次のページに移動するときに、iBooks のページを「めくる」ようにしたいと考えています。そのためには、次のことを行う必要があります。

1) アクティブなフラグメントが現在のページの外に出たことを認識し、2) ページを強制的にめくります。

最初のポイントは、SMIL 要素のオフセットを計算することで (面倒ですが) 達成できます。私は2)の実行に行き詰まっています。

Apple の ibooks.js には何も役に立たず、TouchEvent の注入は機能しないようです。これは、「ホスト WebKit」ではなくアクティブなドキュメントに報告されるためです。

現在表示されている EPUB3 リフロー可能な電子ブックによってロードされた JS 内から iBooks のページをめくる方法はありますか?

編集: この質問に続いて、前述の JS をここでリリースしました: https://github.com/pettarin/rb_smil_emulator

0 投票する
1 に答える
2815 参照

javascript - `beginElement`メソッドを持つSVG/SMIL DOM要素は?

最終的に、これは Firefox で実行されるキオスク スタイルのアプリ (jQuery 1.6.4 を使用) のためのものであるため、答えは Firefox 固有のものになる可能性があります。

アニメーション化したSVGを作ろうとしているのですが、SMILを動的に挿入してアニメーション化しようとしています。それができないことを示唆するものは何も見たことがなく、http : //srufaculty.sru.edu/david.dailey/svg/SMILorJavaScript.svgの両方が示しているようですそれができること。

私が理解している問題はbeginElement、動的に挿入されたアニメーションを開始するためにメソッドを呼び出す必要があることですが、どこにも表示されません。

ここに問題を示すフィドルがあります: http://jsfiddle.net/2pvSX/

タイトルの質問への回答に失敗した場合:

  1. 私は何を間違っていますか?
  2. 私がやろうとしていることをよりよく理解するために利用できるリソースはありますか?

これは次の問題ですか。

  1. SVG をどのように定義していますか?
  2. SMIL の作成方法を教えてください。
  3. どのように SVG にアクセスしていますか?
  4. SMIL の挿入方法を教えてください。
  5. まったく別の何か?

最後に、SVG をアニメーション化するより良い方法はありますか?