ベストアンサー

このサイトの実装方法を教えてください。

2006/01/19 20:22

このサイトで、「詳細」部分をクリックすると音声とパワーポイントの図が連動しているのですが、どうやって実装しているのでしょうか。こういったシステムは簡単に出来るモノなのでしょうか。宜しくお願い致します。 http://www.sharp.co.jp/corporate/info/policy/index.html

momoko1234
お礼率66% (84/127)

JavaScript
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

skytemple
ベストアンサー率62% (5/8)

2006/01/21 20:16 回答No.4

ページにWindowsMediaPlayerを表示する方法は他の皆様が解答されていますので省略します。で、PowerPointとの連携について。私は昔とあるe-Learningコンテンツの制作に携わっていたのですが、そのコンテンツもこのページとほとんど同じ仕組みを採用していました。結論から言うと、PowerPointの切り替えは音声ファイル(asxファイル)に埋め込まれたスクリプトで動きます。つまり「何分何秒になったらPowerPointを差し替える」ってスクリプトが音声ファイルに埋め込まれた状態になっていて、それをストリーミング再生するとスクリプトの通りにタイミングごとに差し替わるわけです。私が制作していたときは「Windows Media ASF Indexer」というツールを使用していたのですが、WindowsMediaのページを見る限り、他にもいくつかツールはあるようです。コツさえつかめれば作ること自体はそれほど難しくないのですが、タイミングの同期などがけっこう面倒だった印象がありました。ちなみに、このPowerPoint自体はGIFファイルに変換されております。これは PowerPointの保存の時にGIFを指定すればできます。

参考URL：: http://www.microsoft.com/japan/msdn/windowsmedia/production/vbscript.asp

質問者

お礼 2006/02/11 02:44

回答ありがとうございました。パワーポイントと音声が連動しているようなコンテンツをつくろうと思って、ちょっと実装方法を確認したのですが、なんだか難しそうなので、諦めるコトにしました。苦笑

その他の回答 (3)

choppy99
ベストアンサー率0% (0/1)

2006/01/20 17:10 回答No.3

<EMBED WIDTH="300" HEIGHT="200" ID="SampleMovie" SRC="123.mpg"> のようにタグを貼ると、ブラウザ上にMediaPlayerが表示されます。ここで指定したIDを指定して、MediaPlayerコントロールを利用できます。 APIは http://msdn.microsoft.com/library/ja/default.asp?url=/library/ja/wmplay/mmp_sdk/windowsmediaplayerevents.asp JavaScriptで、SampleMovie.currentPosition と指定すると、現在の経過秒数が取得できるので、経過時間に応じてスクリプトを実行すればよいのだと思います。 PowerPointのほうは具体的にはわかりませんが、 PowerPointをブラウザでプレビューとすると、ブラウザ上でスライドを切り替えられるので、上のMediaPlayerのコントロールなどと組み合わせればよいのではないでしょうか？最近のSCORM対応のe-Learningのシステムなどで、こういうページをよく見かけますよ。

arenani_sorenani
ベストアンサー率73% (58/79)

2006/01/20 15:42 回答No.2

調べてみましたが、判りません。 http://www.c-hotline.com/japanese/html/shar6005arc/meta/shar6005nm.asx 上記のasxファイルをhtmlに貼り付けて再生させると自動的に新規ページが開くようです。 Windowsのメディアプレーヤーの機能なのかそれともコールドフュージョンを使用してるようなのでサーバーから操作してるのか。以下のソースをローカルで実行すると動きは良く判ります・・ <HTML> <BODY> <OBJECT height=500 width=500 classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95> <PARAM NAME="FileName" VALUE="http://www.c-hotline.com/japanese/html/shar6005arc/meta/shar6005nm.asx"> <PARAM NAME="Autostart" VALUE="1"> </OBJECT> </BODY> </HTML>