保護されたコンテンツがユーザー認証を必要とする場合、通常、AIR アプリケーションはユーザーインターフェイスを経由してユーザーの認証情報を取得する必要があります。
次に、Flex でのユーザー情報を取得するための単純なユーザーインターフェイスの例を示します。これは、2 つの TextInput オブジェクト(ユーザー名情報用のオブジェクトとパスワード情報用のオブジェクト)を含んでいる 1 つのパネルオブジェクトで構成されています。パネルには、
credentials()
メソッドを起動するボタンも 1 つ含まれています。
<mx:Panel x="236.5" y="113" width="325" height="204" layout="absolute" title="Login">
<mx:TextInput x="110" y="46" id="uName"/>
<mx:TextInput x="110" y="76" id="pWord" displayAsPassword="true"/>
<mx:Text x="35" y="48" text="Username:"/>
<mx:Text x="35" y="78" text="Password:"/>
<mx:Button x="120" y="115" label="Login" click="credentials()"/>
</mx:Panel>
credentials()
メソッドは、
setDRMAuthenticationCredentials()
メソッドにユーザー名とパスワードの値を渡すユーザー定義メソッドです。値が渡されると、
credentials()
メソッドは TextInput オブジェクトの値をリセットします。
<mx:Script>
<![CDATA[
public function credentials():void
{
videoStream.setDRMAuthenticationCredentials(uName, pWord, "drm");
uName.text = "";
pWord.text = "";
}
]]>
</mx:Script>
この種の簡単なインターフェイスを実装する方法の 1 つに、パネルを新しい状態の一部に含める方法があります。この新しい状態は、DRMAuthenticateEvent オブジェクトがスローされるときのベースとなる状態から作成されます。次の例には、保護された FLV ファイルをポイントする source 属性を持つ VideoDisplay オブジェクトが含まれます。この例では、
credentials()
メソッドはさらにアプリケーションをベースの状態に戻すように変更されています。メソッドがこれを実行するのは、ユーザーの資格情報を渡して TextInput オブジェクトの値をリセットした後になります。
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="800"
height="500"
title="DRM FLV Player"
creationComplete="initApp()" >
<mx:states>
<mx:State name="LOGIN">
<mx:AddChild position="lastChild">
<mx:Panel x="236.5" y="113" width="325" height="204" layout="absolute"
title="Login">
<mx:TextInput x="110" y="46" id="uName"/>
<mx:TextInput x="110" y="76" id="pWord" displayAsPassword="true"/>
<mx:Text x="35" y="48" text="Username:"/>
<mx:Text x="35" y="78" text="Password:"/>
<mx:Button x="120" y="115" label="Login" click="credentials()"/>
<mx:Button x="193" y="115" label="Reset" click="uName.text='';
pWord.text='';"/>
</mx:Panel>
</mx:AddChild>
</mx:State>
</mx:states>
<mx:Script>
<![CDATA[
import flash.events.DRMAuthenticateEvent;
private function initApp():void
{
videoStream.addEventListener(DRMAuthenticateEvent.DRM_AUTHENTICATE,
drmAuthenticateEventHandler);
}
public function credentials():void
{
videoStream.setDRMAuthenticationCredentials(uName, pWord, "drm");
uName.text = "";
pWord.text = "";
currentState='';
}
private function drmAuthenticateEventHandler(event:DRMAuthenticateEvent):void
{
currentState='LOGIN';
}
]]>
</mx:Script>
<mx:VideoDisplay id="video" x="50" y="25" width="700" height="350"
autoPlay="true"
bufferTime="10.0"
source="http://www.example.com/flv/Video.flv" />
</mx:WindowedApplication>