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

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

次の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  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 />         

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

次のトピックは、ビジネス・コンポーネント・データ・タグのリファレンスです。

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

 

Copyright © 1997, 2004, Oracle. All rights reserved.