ビジネス・コンポーネント・データ・タグを使用したマルチメディア・コンテンツのレンダリング

ブラウザに埋込みイメージを表示するには、次のようにします。

次のSQL文で作成されたデータベース表があるとします。

create table images (id number primary key, pic ordsys.ordimage, description varchar2(200));

この表にデータベースからアクセスするビジネス・コンポーネント・プロジェクトを作成します。次のサンプル・コードでは、表に格納されているイメージ・データが表示されます。

<%@ page language="java" errorPage="errorpage.jsp" contentType="text/html" %>

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>

<jbo:ApplicationModule id="am" 
            configname="images.ImagesModule.ImagesModuleLocal" 
			releasemode="Stateless" />
			
<jbo:DataSource id="ds" 
            appid="am"
			viewobject="Images1View"
			rangesize="3"/>

<jbo:EmbedImage datasource="ds" 
            mediaattr="Pic"
            whereclause="id = 2"
			alt="family reunion picture" />

<jbo:ReleasePageResources />        

埋込みプレーヤを使用してブラウザでビデオを再生するには、次のようにします。

ビデオ再生に使用するメディア・プレーヤとしてWindows Media Player、RealMedia PlayerおよびQuickTime Playerから1つ選択します。ビデオを正常にレンダリングするには、Internet Explorerを使用する必要があります。

	
<%@ page language="java" errorPage="errorpage.jsp" contentType="text/html" %>

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>

<jbo:ApplicationModule id="am" 
           configname="videos.VideosModule.VideosModuleLocal"
		   releasemode="Stateless" />
			
<jbo:DataSource id="ds" 
           appid="am" 
		   viewobject="Videos1View" 
		   rangesize="3"/>

<jbo:EmbedVideo helperapp="QuickTimePlayer" 
           datasource="ds" 
           mediaattr="Clip"
		   whereclause="id = 2" />

<jbo:ReleasePageResources />    

埋込みプレーヤを使用してブラウザでオーディオを再生するには、次のようにします。

オーディオ再生に使用するメディア・プレーヤとしてWindows Media Player、RealMedia PlayerおよびQuickTime Playerから1つ選択します。オーディオを正常にレンダリングするには、Internet Explorerを使用する必要があります。

	
<%@ page language="java" errorPage="errorpage.jsp" contentType="text/html" %>

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>

<jbo:ApplicationModule id="am" 
             configname="audios.AudiosModule.AudiosModuleLocal"
			 releasemode="Stateless" />
			 
<jbo:DataSource id="ds" 
             appid="am" 
			 viewobject="Audios1View" 
			 rangesize="3"/>

<jbo:EmbedAudio helperapp="QuickTimePlayer" 
             datasource="ds" 
             mediaattr="Clip"
			 whereclause="id = 2" />

<jbo:ReleasePageResources />    

コンテンツを独自の方法でレンダリングするには、次のようにします。

次のサンプルではイメージが表示されます。マウスをイメージの上に置くと、ブラウザのステータス・バーに「vacation photo」というテキストが表示されます。

<%@ page language="java" errorPage="errorpage.jsp" contentType="text/html" %>

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>

<jbo:ApplicationModule id="am" 
           configname="images.ImagesModule.ImagesModuleLocal"
		   releasemode="Stateless" />
		   
<jbo:DataSource id="ds" 
           appid="am" 
		   viewobject="Images1View" 
		   rangesize="3"/>

<jbo:MediaUrl id="urlBuilder" 
           datasource="ds" 
		   mediaattr="Pic" 
           whereclause="id = 15" >
              <IMG SRC="<%= urlBuilder.getOrdDomainURL() %>" 
                 ALT="vacation photo." 
                 onMouseover="window.status='vacation photo';
                 return true" >
</jbo:MediaUrl>

<jbo:ReleasePageResources />    

イメージを新規の行に挿入するには、次のようにします。

次の2つのJSPサンプル・ページは、イメージを新規の行に挿入する方法を示しています。

first.jsp

<form ACTION="second.jsp" METHOD="POST" ENCTYPE="multipart/form-data"> 
pic id: <INPUT TYPE=TEXT NAME="Id"><br>
pic: <INPUT TYPE=FILE NAME="Pic"><br>
<input type="submit" text="submit"> 
</form>     

second.jsp

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %> 

<jbo:ApplicationModule  id="AlbumModule" 
        configname="images.ImagesModule.ImagesModuleLocal" 
        username="scott" password="tiger" 
        releasemode="Stateless" /> 

<jbo:DataSource id="second" 
        appid="AlbumModule" 
        viewobject="Images1View" />

<jbo:Row id="setdata" datasource="second" action="Create" >
   <jbo:SetAttribute dataitem="*" usemultipartformat="yes" /> 
   <jbo:EmbedImage datasource="second" mediaattr="Pic" />
</jbo:Row>

<jbo:Commit appid="AlbumModule" />
<jbo:ReleasePageResources />    

既存の行にあるイメージを更新するには、次のようにします。

最初のJSPファイルの内容は、次のとおりです。

	
<form ACTION="second.jsp" METHOD="POST" ENCTYPE="multipart/form-data"> 
pic id: <INPUT TYPE=TEXT NAME="Id"><br>
pic: <INPUT TYPE=FILE NAME="Pic"><br>
<input type="submit" 
text="submit"> 
</form>    

第2のJSPファイルには、次のデータ・タグが含まれています。

	
<%@ page import="oracle.jbo.html.HtmlServices" %>
<%@ page import="oracle.jbo.html.RequestParameters" %>

<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %> 
<jbo:ApplicationModule id="AlbumModule" 
          configname="images.ImagesModule.ImagesModuleLocal" 
          username="scott" 
          password="tiger"
          releasemode="Stateless" />

<jbo:DataSource id="second" 
         appid="AlbumModule"
         viewobject="Images1View" 
         whereclause="<%= \"id = \" + ((RequestParameters)HtmlServices.getRequestParameters(pageContext)).getParameter(\"Id\") %>" >
</jbo:DataSource> 

<jbo:RowsetNavigate datasource="second" action="First" />

<jbo:Row id="setdata" datasource="second" action="Current" >
   <jbo:SetAttribute dataitem="*" usemultipartformat="yes" />
   <jbo:EmbedImage datasource="second" mediaattr="Pic" />
</jbo:Row>

<jbo:Commit appid="AlbumModule" />
<jbo:ReleasePageResources />         

ビジネス・コンポーネント・データ・タグについて
ビジネス・コンポーネント・マルチメディア・データ・タグについて

ビジネス・コンポーネント・データ・タグについては次のリファレンスを参照してください。

リファレンス: ビジネス・コンポーネント・データ・タグ・ライブラリ