DemoCreatorで作成した動画をWebサイトに埋め込む

今回は、PCを操作を記録し、動画マニュアル、教材作成が可能なツール、DemoCreatorの裏技を紹介したいと思います。DemoCreatorは、PCの操作方法を録画してコメントなどを入れることができますので、以下のような感じで動画マニュアルを作成する事ができます。

▼PPT2Flash オンラインセミナー(一部)
PPT2Flashで簡単!コンテンツ作成
テンプレートを変更してみよう

▼QuizCreator オンラインセミナー(一部)
QuizCreatorので簡単!テスト作成
テスト問題を作成してみよう

通常はこのような感じで、独立したHTMLが立ち上がる形になりますが、実は以下のような形で、ページ内に埋め込んでしまうことも可能です。

その方法は、以下のとおり。

1.DemoCreatorでWeb形式でパブリッシュを行うと
- .html
- .swf
- .js
この3つのファイルが書き出されます。このとき、.jsファイルをメモ帳などのテキストエディタで開くと<param name= および <embed src=”という部分が複数行あります。この部分でDemoCreatorで書き出されたSWFファイルを呼び出しているので、これをHTMLに書き写してあげることで、Webページの中でDemoCreatorの動画を呼び出すことができます。

ちなみに、上に埋め込んでいる動画の該当部分は、以下のようになっています。

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0” width=”550″ height=”477″ ID=”sf” VIEWASTEXT>
<param name=”movie” value=”http://e-seminar.info/wp-content/uploads/2009/10/PPT2F_outline/PPT2F_outline.swf” />
<param name=”menu” value=”false” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”window” />
<param name=”allowScriptAccess” value=”always” />
<param name=”allowFullScreen” value=”true” />
<embed src=”http://e-seminar.info/wp-content/uploads/2009/10/PPT2F_outline/PPT2F_outline.swf” quality=”high” name=”sf” allowScriptAccess=”always” allowFullScreen=”true” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”550″ height=”477″></embed>
</object>

このようにWebページの中に埋め込むことで、Webサイトの中で自然な形でサイトの操作説明を実施したり、オンラインマニュアルなどに役立てることが可能になります。DemoCreatorのダウンロードは以下のURLから可能ですので、是非お試しください。

▼DemoCreatorダウンロード
http://democreator.jp/?page_id=8

Facebookページもよろしくお願いします

CATEGORIES eラーニングby.o.nakamura0 Comments2009.11.12
記事の投稿者
中村 央理雄
株式会社キバンインターナショナルの取締役。代表取締役の西村とKiBANを創業しました。eラーニングの導入後の集合研修やLMSの導入サポートを担当しています。プログラム・デザイン・ネットワークなど、創業時は、いろんなことを経験しましたが、それらのノウハウを全部活かしてeラーニングの導入を支援しています。

Facebook comments:

コメントをどうぞ

Eメールアドレスは公開されません。

Trackback URL

管理者の承認後に表示します。無関係な内容や、リンクだけで意見や感想のないものは承認しません。

  • 製品・サービス
    PC、iPhone対応のeラーニングシステム。20名まで無料でASPサービスを利用できます
    PC、iPhone対応のeラーニング学習管理システム(LMS)【SmartBrain】
    http://smartbrain.info/
    PC、iPhone対応のeラーニングシステム。ユーザ数無制限のASPコースをご用意。


    eラーニングポータルサイト【elearning.co.jp】
    http://elearning.co.jp/
    eラーニング専門企業(株)キバンインターナショナルの製品を紹介しています。


    コンテンツビジネス支援パック
    http://contentsbank.jp/

    Ustream配信、動画コンテンツ制作、セミナーにご利用いただけるレンタルスタジオ
    Ustreamレンタルスタジオ「パンダスタジオ」
    http://pandastudio.tv/

    eラーニング専門企業(株)キバンインターナショナルのスタッフが、eラーニングに関する情報・最新事情をBlogでご紹介。月50本程度の情報発信を行っています。
    ブログ「blog.eラーニング.co.jp」
    http://blog.elearning.co.jp/

  • アーカイブ
  • カテゴリー
  • Amazon
  • タグ