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

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

次の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のいずれかのメディア・プレーヤを選択します。ビデオを正しくレンダリングするには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のいずれかのメディア・プレーヤを選択します。オーディオを正しくレンダリングするには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 configname="images.ImagesModule.ImagesModuleLocal"
   id="AlbumModule" username="scott" password="tiger"
   releasemode="Stateless" />

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

<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 configname="images.ImagesModule.ImagesModuleLocal"
  id="AlbumModule" 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 />