Connexionsのモジュールには、様々なタイプのマルチメディアファイルを組み込むことができます。このドキュメントでは、以下に示すタイプのマルチメディアファイルをモジュールに組み込む方法を説明していきます。

• 画像
• Flash
• 動画
• Javaアプレット
• 音声ファイル
• LabVIEW demonstrations

　CNXMLのmediaタグを使用することで、様々なタイプのマルチメディアファイルを、ConnexionsモジュールのWebページに組み込むことができます。mediaタグについての解説はCNXML Language Specificationを参照してください。ただしファイルに有効なMIME(Multipurpose Internet Mail Extension)がなくてはなりません。MIMEはASCIIフォーマットに翻訳されることなく、インターネット上で音声や動画ファイルの転送を可能にするプロトコルです。詳しくはMIME Typesを参照してください。以降では、各マルチメディアファイルを組み込むためのCNXMLの入力例とその表示結果例を述べていきます。

　画像ファイルの種類とConnexionsモジュールで使用されるMIMEタイプは以下の通りです。

• eps - media type="application/postscript"
• png - media type="image/png"
• jpeg - media type="image/jpeg"
• gif - media type="image/gif"

　上記がすべてではありません。有効なMIMEタイプがある画像なら使用することができます。

　モジュールに画像を埋め込むには、以下のようにCNXMLを入力してください。

		
	  <figure id="figure-01">
	    <name>Example Figure</name>
	    <media type="image/png" src="envelope-taller.png"/>
	    <caption>A graphic image displayed as a figure.</caption>
	  </figure> 
	
	

　mediaタグのsrc属性には、モジュールで表示したい画像を、場所かソースで指定します。画像がアップロードするか、インターネット上のほかの場所に保存されたイメージの完全なURLを持っている場合、この属性はファイル名のみになる場合があります。

　実際の画面は以下のようになります。

Example Figure 図 1: A graphic image displayed as a figure.

　subfigureタグを使用することで、あなたは1つの図の中に2つの画像を置くことができます。これは、画像を左右や上下に並べて表示したい場合に役に立ちます。2つの画像を1つの図の中に表示するには、以下のようにCNXMLを入力してください。

		
     <figure id="figure-2" orient="horizontal">
        <subfigure id="subfigure-1">
          <name>Tall Icon and Envelope</name>
          <media type="image/png" src="envelope-taller.png"/>
          <caption>
          Subfigure 1.
          </caption>
        </subfigure>
        <subfigure id="subfigure-2">
          <name>Small Icon and Envelope</name>
          <media type="image/png" src="envelope.png"/>
          <caption>
            Subfigure 2.            
          </caption>
        </subfigure>
 	<caption>Two images displayed horizontally in one figure.</caption>
     </figure>
	  
	

　実際の画面は以下のようになります。

Tall Icon and Envelope Small Icon and Envelope Subfigure 2.1: Subfigure 1. Subfigure 2.2: Subfigure 2. 図 2: Two images displayed horizontally in one figure.

　orient属性はhorizontalかverticalという値を持つことができます。それにより画像がどのように配置されるか指定することができます。

		
	    <figure id='printimage'>
	     <media type='application/postscript' src='image.eps'>
	      <media type='image/png' src='image.png'/>
             </media>
            </figure>
	    
	

		
	    <figure id='thumbnail'>
	     <media type='image/png' src='TajMahal_medium.jpg'>
	      <param name='thumbnail' value='TajMahal_Thumb.jpg'/>
             </media>
            </figure>
	    
	

　Flashをモジュールに挿入することができます。CNXMLコードの例です。

		
         <figure id='flashfig'>
	  <media type="application/x-shockwave-flash" src="flash.swf">
	    <param name='height' value='250'/>
            <param name='width'  value='250'/>
          </media>
	  <caption>"Welcome to Connexions" example Flash object.</caption>
         </figure>
	  
	

　Flashは画像や動画が表示されるのと同じように、モジュール内で表示されます。

図 4: "Welcome to Connexions" example Flash object.

　以下のリストはモジュールに含めることができる動画形式のリストです。これらのタイプと、Webページに挿入できる他のタイプの動画を埋め込むことができます。

• quicktime
• mpeg

　以下のようなコードによって、動画をモジュールに追加することができます。

		
	<figure id='moviefig2'>
	  <media type="video/mpeg" src="Building_on_the_Past.mpg">
	    <param name="width" value="450"/>
	    <param name="height" value="400"/>
	    <param name="autoplay" value="false"/>
	  </media>
	  <caption>The Creative Commons movie: "Building on the Past". 
	 Click the Play button to start the movie.</caption>
	</figure>
	  
	

　実際の画面は以下のようになります。

図 5: The Creative Commons movie: "Building on the Past". Click the Play button to start the movie.

　以下のようなコードによって、Javaアプレットをモジュールに追加することができます。

		
	<figure id="javafig">
          <media type="application/x-java-applet" src="PhasorDemo.class">
            <param name="width" value="430"/>
            <param name="height" value="500"/>
	  </media>
          <caption>3D Animation of a Complex Sinusoid. Click the Run button 
           to start the animation.</caption>
        </figure>
	  
	

　実際の画面は以下のようになります。

図 6: 3D Animation of a Complex Sinusoid. Click the Run button to start the animation.

　グラフィックがうまく表示されないなら、コンピュータにJavaプラグインをインストールするか、またはアップグレードさせる必要があります。java.comにアクセスし、最新版のJavaプラグインをダウンロードしてください。

　MP3、リアルオーディオ、WAVファイルなどの音声ファイルを簡単にモジュールに入れることができます。モジュールに音声ファイルを入れるには、対応する音声ファイルをアップロードしてください。そして以下のようなコードをindex.cnxmlに入力してください。

		
      	 <figure id='musicscale'>
      	  <media type="audio/x-wav" src="chromatic_slurred.wav"/>
      	  <caption>A chromatic scale performed on clarinet by Michael Lawrence.</caption>
         </figure>
	  
	

　実際の画面は以下のようになります。

Audio File: chromatic_slurred.wav 図 7: A chromatic scale performed on clarinet by Michael Lawrence.

　モジュールにLabVIEW demonstrationsを含めることについての情報は、Creating LabVIEW demonstrations for Connexionsを参照してください。

　いくつかのマルチメディアファイルが適切に表示されるには、オプションかパラメタを必要とします。paramタグでこの情報をマルチメディアファイルに与えることができます。このタグはmediaタグに含まれていて、mediaタグの変更を必要としません。paramタグの解説はCNXML Language Specificationを見てください。

　動画ファイル(mpg)のparamタグ入力の例です。

		
      	 <media type="video/mpeg" src="testmovie.mpg">
       	   <param name="width" value="300"/>
      	   <param name="height" value="300"/>
      	 </media>
      	  
	

　異なったタイプのマルチメディアファイルは、異なったタイプのパラメタに対してサポート、応答を行います。異なったタイプのマルチメディアファイルのパラメタの例です。

• Images (image/*): height, width, title, alt
• Flash (application/x-shockwave-flash): height, width, base
• Video (video/*): height, width, classid, codebase, autostart
• Java Applets (application/x-java-applet): height, width, code, codebase, archive
• Audio (audio/*): title, volume
• LabVIEW (application/x-labview): viinfo (See Creating LabVIEW demonstrations for Connexions for more information.)

		
         <media type="video/mov" src="howto.mov">
           <param name="height" value="250" />
           <param name="width" value="250" />
           <media type="image/png" src="novideo.png />
         </media>