Jeśli treść chroniona wymaga uwierzytelnienia użytkownika, aplikacja AIR zazwyczaj musi uzyskać poświadczenia uwierzytelniające użytkownika za pośrednictwem interaktywnego interfejsu użytkownika.
Poniżej przedstawiono przykładowy prosty interfejs użytkownika napisany w języku Flex, służący do uzyskiwania poświadczeń użytkownika. Składa się z obiektu panelu zawierającego dwa obiekty TextInput, odpowiednio dla poświadczeń nazwy użytkownika i hasła. Panel zawiera także przycisk uruchamiający metodę
credentials()
.
<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>
Metoda
credentials()
jest metodą zdefiniowaną przez użytkownika, która przekazuje nazwę użytkownika i hasło do metody
setDRMAuthenticationCredentials()
. Po przekazaniu wartości metoda
credentials()
przywraca pierwotne wartości w obiektach TextInput.
<mx:Script>
<![CDATA[
public function credentials():void
{
videoStream.setDRMAuthenticationCredentials(uName, pWord, "drm");
uName.text = "";
pWord.text = "";
}
]]>
</mx:Script>
Jednym ze sposobów zaimplementowania tego rodzaju prostego interfejsu jest uwzględnienie panelu jako elementu nowego stanu. Nowy stan jest pochodną stanu bazowego i powstaje w wyniku wywołania obiektu zdarzenia DRMAuthenticateEvent. Poniższy przykład zawiera obiekt VideoDisplay z atrybutem source, który wskazuje na plik chroniony FLV. W tym przypadku metoda
credentials()
została zmodyfikowana, tak aby przywracała aplikację do stanu bazowego. Zadanie to jest realizowane po przekazaniu poświadczeń użytkownika i wyzerowaniu wartości obiektu 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>