8

Web スライド ショーを生成するアプリケーションを作成する必要があります。

複数の画像間で (ブラウザー内で) 派手なトランジションを行うことができ、それらの画像が表示されている間に音声を提供できる必要があります。オーディオが終了するまで、イメージ間のトランジションを遅らせる必要があります (各イメージには独自のオーディオ トラックがあります)。

また、プログラムで作成する必要があるため、派手な GUI デザイナー ツールは必要ありません。ブラウザーに直接ロードするか (jQuery 風に)、自由に配布可能なツールでコンパイルできる XML またはプレーン テキスト ファイルを生成できるようにしたいのです。 （オープンラズロ）。

これまでの私の Web 作業はすべて J2EE でしたが、よりリッチなクライアント側ツールをいくつか試してみる時が来たと思います。Open Laszlo と jQuery の両方を簡単に調べましたが、スライドとオーディオを同期する方法がわかりません。基本的なプロセスは次のとおりです。

  • オーディオトラックを開始します。
  • 画像に遷移します。
  • オーディオトラックが終了するまで待ちます。
  • すすぎ、繰り返します。

この種のことはjQueryで可能ですか? 大量の DOM 操作が行われているようですが、オーディオの同期について明らかなことは何も見つかりません。

他の提案があれば自由に受け入れますが、自由に配布できるツールの要件は絶対です。これにより、Adobe Flash タイプのソリューションの大部分が除外される可能性があります。

4

5 に答える 5

3

オーディオ イベント ハンドラとしてjPlayer http://www.happyworm.com/jquery/jplayer/をお勧めします。jPlayer は、HTML5 オーディオもサポートしているため、優れています。

その後、 jPlayer 内でonSoundCompleteコールバック関数を使用して、画像の変更をトリガーできます。リストするには画像スクローラー/スライドショー jQuery が多すぎますが、個人的には Cycle が好きです: http://malsup.com/jquery/cycle/

于 2010-01-05T01:04:50.500 に答える
2

html5 にはこの新しい明るく輝くオーディオ タグがありますが、ほとんどのサーファー ブラウザーがサポートするまで、実際には使用できません。これは、フラッシュがオーディオ部分の唯一のオプションであることを意味します。アプリケーション全体に Flash/Actionscript を使用するのが簡単な方法かもしれませんが、複数のテクノロジを使用することもできます。オーディオを制御するための非常に便利な JavaScript ライブラリとして、Soundmangerをお勧めします。これは、実際にクリップを再生する小さなフラッシュ ムービーで動作しますが、適切な API の背後にあるすべてのインターフェイスを隠します (多数のイベントも含まれます)。

したがって、これがオーディオ バックエンドである可能性があります。シーン全体を制御するには、確かに jQuery を選択しますが、それは好みの問題です。最も簡単な方法は、すべての画像と音声の URL を含む (または、js コードなどで直接生成する) JSON ファイルを取得することです (そして、それを「評価」するか、JSON2 Scriptで解析します)。取得したクリップを Soundmanager インスタンスにフィードし、画像の一部またはすべてをプリロードして、準備完了です。

画像遷移効果に関しては、jQuery/JS/HTML で多くのことができますが、Flash ではさらに多くのことができるため、プロジェクト全体で Flash と ActionScript を使用するという私の最初の提案につながります。

これが少し役立つことを願って、頑張ってください！

psこれは、 javascript/audio 同期の例です。ページは音楽レコードを模倣しようとします (残念ながらドイツ語で)、曲が終了するのを待ちます;)。

于 2010-01-04T16:42:07.850 に答える
0

Flex ライブラリを使用して ActionScript 3 で記述できます (SDK は無料です)。特にオーディオ要件との同期を考慮して、ここで他のオプションを知りません。

AS3 を使用すると、スライドショーを説明する XML ファイルをロードし、適切なアセットをダウンロードし、好きなタイミングで使用し、考えられるほとんどすべての効果を記述することができます。

于 2009-12-31T14:41:38.810 に答える
0

はい、jQuery でこれを行うことができます。音声については、HTML5 の audio タグを使用して、Opera&IE のフラッシュ フォールバックを使用します。

img を変更すると、音声の URL を変更できます。

于 2009-12-31T14:42:29.527 に答える
0

おそらくやり過ぎですが、再配布可能なプレーヤーが重要な基準である場合は、Unity を使用してみてください。Web プレーヤーは無料で、自由に再配布できます。

于 2010-01-05T03:59:12.660 に答える