6

AJAX を使用して HTML ページの WAV ファイルをバックグラウンドでロードする必要があります。AJAX を使用して WAV ファイルの詳細を取得し、embed タグを使用すると、autostart を true に設定するとファイルが再生されるため、ファイルが正常にロードされたことを確認できます。ただし、ユーザーがボタンをクリックしたとき (またはイベントが発生したとき) にのみファイルを再生する必要があります。以下は、これらのファイルをプリロードするための私のコードです。

function preloadMedia() {
  for(var i = 0; i < testQuestions.length; i++)  {
  var soundEmbed = document.createElement("embed");
  soundEmbed.setAttribute("src", "/media/sounds/" + testQuestions[i].mediaFile);
  soundEmbed.setAttribute("hidden", true);
  soundEmbed.setAttribute("id", testQuestions[i].id);
  soundEmbed.setAttribute("autostart", false);
  soundEmbed.setAttribute("width", 0);
  soundEmbed.setAttribute("height", 0);
  soundEmbed.setAttribute("enablejavascript", true);
  document.body.appendChild((soundEmbed));
}

}

次のコードを使用してファイルを再生します (ユーザーが再生したいサウンド ファイルに基づいて)

function soundPlay(which) {
  var sounder = document.getElementById(which);
  sounder.Play();
}

上記のコードを使用してファイルを再生することをテストしたブラウザーはどれもなかったため、ここで何かが間違っています。エラーはなく、コードは単に戻ります。

私はそのままにしておいたでしょう (つまり、クライアントにすべての WAV を MP3 に変換して MooTools を使用するよう説得したでしょう)。しかし、動的に埋め込まれていないサウンド ファイルを再生できることに気付きました。

したがって、同じ soundPlay 関数が、次の方法で埋め込まれたファイルに対して機能します。

<embed src="/media/sounds/hug_sw1.wav" id="sound2" width="0" heigh="0" autostart="false" enablejavascript="true"/>

HTML 内の任意の場所。

また、すべてのブラウザでうまく再生されます。

誰でもこれについて手がかりを持っていますか？これは、すべてのブラウザで文書化されていないセキュリティ制限のようなものですか? (autostart プロパティを true に設定することで確認できるように、ファイルは動的にプリロードされることを覚えておいてください - それらはすべて再生されます)。

どんな助けでも感謝します。

4

3 に答える 3

1

うーん..おそらく、 preloadMedia() を呼び出した後、埋め込みオブジェクトが「src」をロードするのを待つ必要がありますか?

soundPlay() を呼び出したときにメディア ファイルが読み込まれていることを確認しますか?

于 2009-05-26T06:13:04.727 に答える
0

互換性を高めるためのヒント: MacOS の Firefox では、幅と高さを 0 より大きくする必要があることをここで読みました。

于 2012-05-16T10:13:12.483 に答える
0

あなたの質問が少し古くなったことは知っていますが、まだ疑問に思っている場合に備えて...

soundEmbed.setAttribute("id", testQuestions[i].id);

同じidを 2 回使用したgetElementByIdが、1 つの要素しか返さないか、false一致する要素が 1 つだけ見つからない場合。

次のようなことを試すことができます：

soundEmbed.setAttribute("id", "soundEmbed_"+testQuestions[i].id);

idは一意でなければならないことに常に注意してください

于 2010-03-03T22:45:22.547 に答える