HTML ページへのリンク - テキストの表示 - RealPlayer SMIL コンテンツクリエーション

2 テキストの表示

8.4 HTML ページへのリンク

ここでは、リンク先が HTML である場合に、ブラウザーにリンク先を開く方法を説明します。

HTML ページへリンクする場合は、<area/>タグに以下の属性を記述します。

external=”true”

rn:sendTo=”_rpbrowser”

メディアブラウザーペインに HTML ページを開きます。

external=”true”

rn:sendTo=”_osdefaultbrowser”

ユーザーのデフォルトブラウザーに HTML ページを開きます。

external=”true”

rn:sendTo=”_rpcontextwinn”

関連情報ペインに HTML ページを開きます。

これらの属性を使用する場合は、<smil>タグに以下の拡張名前空間を記述する必要があります。

xmlns:rn=”http://features.real.com/2001/SMIL20/Extensions”

8.4.1メディアブラウザーペインへのリンク

次の例は、メディアブラウザーペインに HTML ページを開く例です。

………..

57

link_hotspot_mediabrowser.smil

<smil xmlns="http://www.w3.org/2001/SMIL20/Language"

xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">

<head>

<root-layout width="320" height="240" backgroundColor="black"/>

<region id="video_region" width="240" height="180" top="30"

left="40" fit="fill"/>

</layout>

</head>

<body>

<area href="http://www.jp.realnetworks.com/" shape="rect"

coords="0,0,180,90" external="true" rn:sendTo="_rpbrowser"/>

<area href="http://www.realnetworks.com/" shape="rect"

coords="0,90,180,240" external="true" rn:sendTo="_rpbrowser"/>

</video>

</body>

</smil>

この例では、ビデオクリップの上半分をクリックすると、RealNetworks 社の日本語ページが開き、下半分をクリックすると、US のサイトが開きます。

追加情報：クリップの再生状態の変更

前述のように、リンクをクリックして、HTML ページを開く場合、リンク元のビデオはポーズ状態になります。これを再生状態に変更するには<area/>タグに sourcePlaystate=”play”

と記述します。また値を stop にするとリンク元のビデオクリップは停止状態になります。デフォルトは pause です。

8.4.2関連情報ペインにHTMLページを開く方法

次の例は、RealPlayer 10 の関連情報ペインに HTML ページを開く例です。

link_hotsopt_infopane.smil

<smil xmlns="http://www.w3.org/2001/SMIL20/Language"

xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">

<head>

<root-layout width="320" height="240" backgroundColor="black"/>

<region id="video_region" width="240" height="180" top="30"

left="40" fit="fill"/>

</layout>

………..

58

</head>

<body>

<area href="../clips/page1.htm" shape="rect" coords="0,0,180,90"

external="true" rn:sendTo="_rpcontextwin">

<rn:param name="width" value="320"/>

<rn:param name="height" value="240"/>

</area>

<area href="../clips/page2.htm" shape="rect" coords="0,90,180,240"

external="true" rn:sendTo="_rpcontextwin">

<rn:param name="width" value="320"/>

<rn:param name="height" value="240"/>

</area>

</video>

</body>

</smil>

関連情報ペインに HTML ページを開くには、<area>タグに external=”true”と rn:sendTo=”_rpcontextwin”を記述し、さらに関連情報ペインのサイズを定義する

<rn:param/>タグを記述します。

この例では、以下のタグ関連情報ペインのサイズを幅 320 ピクセル、高さ 240 ピクセルに定義しています。

<rn:param name="width" value="320"/>

<rn:param name="height" value="240"/>

このタグを記述するには、<area/>タグを、<area>…</area>タグに変更し、その間に<rn:param/>タグを記述します。

追加情報：関連情報ペインの表示領域を予め確保しておく

関連情報ペインに HTML ページを開く場合、関連情報ページが予め表示されていないと、RealPlayer 10 はメディア再生ペインの右側に関連情報ペインを表示するので、RealPlayer 10 のサイズが大きくなります。また、メディアブラウザーを表示している状態では、メディア再生ペインは、左右の真中に表示されますが、関連情報ペインを表示すると、左に移動します。

したがって、予め関連情報ペインの表示領域を確保しておくと、このような移動は起こらなくなります。以下の属性を<root-layout/>タグに記述することで、関連情報ペインの表示領域を確保できます（ただし、メディアブラウザーペインが表示されている場合のみ有効です）。

<root-layout rn:contextWindow=”openAtStart” …./>

また、Ram ファイルのパラメーターで関連情報ペインの表示領域を確保することができます。詳しくは「コンテンツクリエーション初級コース」で説明しています。

………..

59

8.4.3 自動的にURLを開く方法

次の例は、タイムラインに沿って自動的に HTML ページを開きます。

timedlink.smil

<head>

<root-layout width="176" height="144" />

</layout>

</head>

<body>

<area href="page1.htm" external="true" begin="3s"

actuate="onLoad" sourcePlaystate="play"/>

<area href="page2.htm" external="true" begin="6s"

actuate="onLoad" sourcePlaystate="play"/>

<area href="page3.htm" external="true" begin="9s"

actuate="onLoad" sourcePlaystate="play"/>

</video>

</body>

</smil>

この例では、video3.rm という RealVideo クリップの進行に合わせて、page1.htm、

page2.htm、page3.htm、page4.htm が順番に開きます。ブラウザーにリンク先を開くために external=”true”を指定しています。時間に沿ってリンク先を開くためには actuate=”onLoad”を指定し、さらにリンクを開く時間を begin 属性で指定します。actuate 属性のデフォルト値は actuate=”onRequest”で、ユーザがクリップをクリックすることによってリンクを開きます。

[演習]

timedLink.smil を変更してメディアブラウザーペインに HTML を表示してみましょう。

………..

60

ｔimedlink2.smil

<smil xmlns="http://www.w3.org/2001/SMIL20/Language"

xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">

<head>

<root-layout width="176" height="144" />

</layout>

</head>

<body>

<area href="page1.htm" external="true" begin="3s"

rn:sendTo="_rpbrowser" actuate="onLoad"

sourcePlaystate="play"/>

<area href="page2.htm" external="true" begin="9s"

rn:sendTo="_rpbrowser" actuate="onLoad"

sourcePlaystate="play"/>

<area href="page3.htm" external="true" begin="15s"

rn:sendTo="_rpbrowser" actuate="onLoad"

sourcePlaystate="play"/>

<area href="page4.htm"" external="true" begin="20s rn:sendTo="_rpbrowser" actuate="onLoad"

sourcePlaystate="play"/>

</video>

</body>

</smil>

………..

61

ドキュメント内 RealPlayer SMIL コンテンツクリエーション (ページ 58-63)