問題タブ [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 に答える
286 参照

xml - SMIL ファイル xml は e4x フレンドリーではありませんか?

smil ファイル (xml 形式に従う) を読み込んでいますが、名前 (例: xml.body) でプロパティを選択することはできません。代わりに、xml.child(0).

試してみましxml.child('body')たが、まだ何もありません。誰でも簡単な回避策を知っていますか?xml.head.(@name=='rtmpPlaybackbase')XMLListにアクセスできるようにしたいxml.body.switch.video

どうもありがとう!

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

html - SMIL(Synchronized Multimedia Integration Language)の将来は?

SMIL (Synchronized Multimedia Integration Language) は 2008 年に最後に更新されましたが、マルチメディア ファイルの同期に関して、従うべきより良いプロトコルがあるかどうかを知っている人はいますか?

0 投票する
3 に答える
1329 参照

actionscript-3 - as3 名前空間 - マイナス記号を含む属性を取得します

重複の可能性:
e4x / as3: 名前にダッシュが含まれるノードにアクセスする方法。

SMIL を使用するように XML の名前空間を設定し、次の方法で要素の src 属性を取得できます。

my.node.@src「これはいくつかのURLです」を取得します

ただし、「system-bitrate」という別の属性があります。マイナス記号のせいで、私はできませ@system-bitratemy.node.attribute('system-bitrate')

奇妙なことに、うまくいきませんmy.node.attribute('src')。これは名前空間が原因だと思いますか?では、を使用して属性を取得するにはどうすればよいny.node.attributeですか?

機能するのは だけですmy.node.attributes()[1]それが「正しい方法」ではないことはわかっているので、誰かが私を啓発できることを願っています!

参考までに、私はSMILファイルを扱っています

** 編集 **

私が使用している XML に必要な名前空間は次のとおりです。 default xml namespace = new Namespace('http://www.w3.org/2001/SMIL20/Language');

そして、私が扱っている XML の例:

** DennisJaaman のコード サンプル **

0 投票する
2 に答える
1169 参照

javascript - SMIL を使用した SVG のアニメーション化

SVG を使用してビデオ要素の UI を改善しようとしています。コントロールバーをアニメーション化するための簡単な解決策を探しています。マウスがウィンドウの中にあるときにウィンドウの下部から上昇したい(YouTubeのように)。

これが私がやりたいことです:

残念ながら、window.mouseover は何もしません。代わりに、ウィンドウ全体を覆う透明な長方形を作成し、それに id="screen" を指定して begin="screen.mouseover" などを使用しました。確かに、マウスがウィンドウ内にあるときに、コントロール バーが希望どおりにアニメーション化されます。残念ながら、screen はその下のすべての要素が独自のマウス イベントを取得するのを妨げます。

これを達成するための最も簡単な方法を探しています。大量の JavaScript やライブラリを避けたいので、マークアップのみ (SMIL) を使用することをお勧めします。

ありがとう!

>>>編集<<<私が求めているものを明確にするために:

HTML5 <video> 要素用のカスタム SVG UI を作成したいと考えていました。私の最初のアプローチは、document.createElementNS を使用して SVG を DOM に動的に挿入することでしたが、これは非常に面倒でした。次に Raphael を試してみましたが、少しだけ乱雑になりませんでした。UI を自己完結型のドキュメントにすることにしたので、UI 用の SVG ドキュメントを作成し、それをロードして <video> 要素の上にオーバーレイされる <object> 要素を作成することにしました。これに関する私の問題は、マウスが UI のウィンドウ内にある限り、コントロール バーをアニメーション化してその位置にとどめられないことでした。また、親ドキュメントから UI と通信するのも面倒でした。

私の現在の解決策:

次のように <video> 要素を HTML ドキュメントに配置します。

次に、次の JavaScipt を使用します (jquery を使用):

これにより、video 要素が、データ uri が次のように設定されている <object> に置き換えられます: video.xhtml#myvideo.webm

次に、video.xhtml の内容は次のようになります。

このドキュメントは、ハッシュからビデオ URI を取得し、SVG UI の背後にビデオ要素を挿入します。これは XHTML ドキュメント (SVG ではない) であるため、jquery を使用してマウス イベントを処理できるようになりました。これは理想的ではありませんが、機能しているようです。唯一の問題は、JavaScript エラーが発生することです: a.compareDocumentPosition は関数ではありません ソース ファイル: jquery.js Line: 17 in Firefox.

このアプローチは意味がありますか?より良い方法はありますか?また、JavaScript/jQuery ではなく、SMIL のみを使用したアニメーションのソリューションを希望します。

ありがとう!

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

ipad - iPad で SMIL を使用してビデオの一部を再生する

Smooth Streaming Media Services がインストールされた IIS サーバーと、ビデオ ファイル (長さは 100 に等しい) があります。
次のケースでは、SMIL に任意のパラメーターまたは別のものをマークアップさせます。

  1. html5 ビデオタグの場合、SMIL ファイルをソースとして設定します
  2. SMIL では、オフセットや期間などの属性を設定します
  3. ビデオは 20 秒から 50 秒まで再生され、html5 ビデオ コントロールはビデオの長さが 30 秒であることを示す必要があります。
  4. iPadで動作するはずです

ありがとう

0 投票する
3 に答える
3780 参照

java - WebページでFlashなしのカラオケ(厳密なタイミング)を強調表示するにはどうすればよいですか。どのようなテクノロジーを選択しますか?

詩の全文を表示してから、あらかじめ設定された時系列に従ってテキストを強調表示したいと思います。カラオケのようなものですが、サウンドトラックはありません。そうすれば、ユーザーは正確に「正しい」テンポでそれを読むことができます。

タイミングデータを使用して字幕トラックを生成できると思います(たとえば、Aegisumのようなもので-これは私のMacではクラッシュし続けますが)。次のような行ごとの何か:

1 00:00:18,067-> 00:00:20,067きらめききらめき小さな星

2 00:00:20,467-> 00:00:22,467どうしてあなたは何なのかしら

...またはさらに良いことに、一度に1つの単語または音節。

iPad/iPhoneの理由でFlashを使いたくない。

私はやや素朴なので、私の正確な質問はこれです:使用するのに最適なテクノロジーは何でしょうか?正確な解決策は必要ありません。どこに努力を集中すべきかについてのいくつかの指針が必要です。HTML5(TTML)のTimed Textには、これに使用できるものがありますか?またはSMIL?

0 投票する
4 に答える
6134 参照

javascript - 要素が動的に追加された SVG アニメーション

このコードに基づいて、動的に生成された SVG 要素をアニメーション化しようとしています。

SVG は正常に表示されますが、アニメーションは機能しません。同等のコードをプレーンな HTML/SVG で記述すれば、機能します。私はクロムを使用しています。

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

javascript - 繰り返しループの終わりで SVG animateTransform を変更する

時間の経過とともにオブジェクトの回転が速くなるようにしようとしていますが、アニメーションが繰り返されるたびにイベントが発生するのに問題があります。SVG/SMIL のrepeatEventが必要なようですが、次のコードでonSpinEnd()はまったく呼び出されていないようです。私は何を間違っていますか?

結局のところ、「16s」から「16」が[0].slice(0, -1))得られません。.slice(0, -1))意思。その行は次のようになります。

0 投票する
0 に答える
485 参照

android - Androidデバイスで生のMMSメッセージを取得するにはどうすればよいですか

キャリアから受話器に​​送信されるSMILレイアウトをデバッグしようとしています。デバイスが受信した生のメッセージを保存または表示する方法はないようです。誰か知っていますか:

  1. デフォルトのメッセージングアプリから生のMMSメッセージを保存または表示する方法はありますか?

  2. この可視性を提供できる市場のアプリ?

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

xml - MMS SMIL XML で特殊文字をエンコードする方法

テキストと画像を含む MMS メッセージを送信しています。これはうまく機能しますが、SMIL ファイルのメッセージ テキストにノルウェー語の ÆØÅ のような特殊な文字が含まれている場合、正しくエンコードされません。これは私の SMIL ファイルです。

ファイル 20121002-144236.txt には特殊文字が含まれています。誰か?