0

SVG アニメーション要素があります。

...
<animation id="playlist" begin="indefinite" dur="60.0" repeatDur="indefinite" width="1920" height="1080" preserveAspectRatio="xMidYMid" xlink:href="playlist.svg"/>
...

プレイリスト.svg 内には、いくつかの svg ビデオ要素があります。例えば:

...
<video begin="0;item_8.end" dur="10.0" width="1920" height="1080" xlink:href="files/content/movie.mp4" id="item_1" preserveAspectRatio="xMidYMid" />
...

すべて正常に実行され、これらのビデオ クリップはエラーなしで継続的に実行されます。

プレイリストの経過時間を取得しようとしています。使用してみました

var elapsed_time = document.getElementById('playlist').getCurrentTime();
//  or
var elapsed_time = $('#playlist').getCurrentTime();

しかし、それは戻ってきています

$("#playlist").getCurrentTime is not a function

プレイリストの現在の時間を取得するメソッド、経過時間を保持する変数の名前、またはこれを生成するコード スニペットのいずれかが必要です。

参考までに、これはブラウザにはありません。SVG ファイルを実行してログを生成するデバイス上にあるため、Firebug や console.log などにはアクセスできませんが、alert() を実行してエラーを表示することはできます。

ありがとう。

4

1 に答える 1

0

あなたが探しているのは、ルート svg 要素のgetCurrentTime()だと思います。アニメーションごとに 1 つではなく、ドキュメント フラグメント全体に対してのみです。

于 2012-10-12T21:44:36.403 に答える