Asistivní čtečka Referenční dokumentace sady JavaScript SDK (v 1.1)

sada Asistivní čtečka SDK obsahuje knihovnu javascriptu, která umožňuje integrovat Asistivní čtečka do aplikace.

Functions

Sada SDK zpřístupňuje funkce:


launchAsync

spustí Asistivní čtečka v rámci iframe ve vaší webové aplikaci. Všimněte si, že velikost vašeho obsahu je omezená na maximálně 50 MB.

launchAsync(token: string, subdomain: string, content: Content, options?: Options): Promise<LaunchResponse>;

Parametry launchAsync

Název Typ Description
token řetězec Ověřovací token Azure AD. další podrobnosti najdete v tématu postup vytvoření prostředku Asistivní čtečka .
subdomain řetězec vlastní subdoména prostředku Asistivní čtečka v Azure. další podrobnosti najdete v tématu postup vytvoření prostředku Asistivní čtečka .
content Obsah objekt obsahující obsah, který má být zobrazen v Asistivní čtečka.
options Možnosti možnosti pro konfiguraci určitého chování Asistivní čtečka. Nepovinný parametr.

Návraty

vrátí hodnotu Promise<LaunchResponse> , která se vyřeší při načtení Asistivní čtečka. PromisePřekládá na LaunchResponse objekt.

Výjimky

vrácený Promise objekt bude odmítnut s Error objektem, pokud se Asistivní čtečka nezdaří načíst. Další informace najdete v tématu kódy chyb.


close

zavře Asistivní čtečka.

Příkladem případu použití této funkce je, že je tlačítko Ukončit skryto nastavením hideExitButton: true v Možnosti. Pak jiné tlačítko (například šipky zpět pro mobilní hlavičku) může zavolat tuto close funkci, když na ni kliknete.

close(): void;

Asistivní čtečka Tlačítko pro spuštění

sada SDK poskytuje výchozí styl pro tlačítko pro spuštění Asistivní čtečka. immersive-reader-buttonPro povolení tohoto stylu použijte atribut class. další podrobnosti najdete v tématu jak přizpůsobit tlačítko Asistivní čtečka .

<div class='immersive-reader-button'></div>

Volitelné atributy

Pomocí následujících atributů můžete nakonfigurovat vzhled a chování tlačítka.

Atribut Popis
data-button-style Nastaví styl tlačítka. Může být icon , text , nebo iconAndText . Výchozí hodnota je icon .
data-locale Nastaví národní prostředí. Příkladem je en-US nebo fr-FR. Výchozí hodnota je angličtina en .
data-icon-px-size Nastaví velikost ikony v pixelech. Výchozí hodnota je 20px.

renderButtons

tato renderButtons funkce není nutná, pokud používáte pokyny k přizpůsobení Asistivní čtečkaho tlačítka .

tato funkce styly a aktualizuje elementy Asistivní čtečkaho tlačítka dokumentu. Pokud options.elements je k dispozici, pak se tlačítka vykreslí v rámci každého prvku, který je součástí options.elements . použití options.elements parametru je užitečné, pokud máte ve svém dokumentu více oddílů, na kterých chcete spustit Asistivní čtečka, a chcete zjednodušit vykreslení více tlačítek se stejným stylem nebo chcete vykreslit tlačítka pomocí jednoduchého a konzistentního vzoru návrhu. Chcete-li použít tuto funkci s parametrem renderButtons Options , zavolejte ImmersiveReader.renderButtons(options: RenderButtonsOptions); na načtení stránky, jak je znázorněno v následujícím fragmentu kódu. v opačném případě se tlačítka vykreslí v rámci prvků dokumentu, které mají třídu immersive-reader-button , jak je znázorněno v postupu přizpůsobení Asistivní čtečkaho tlačítka .

// This snippet assumes there are two empty div elements in
// the page HTML, button1 and button2.
const btn1: HTMLDivElement = document.getElementById('button1');
const btn2: HTMLDivElement = document.getElementById('button2');
const btns: HTMLDivElement[] = [btn1, btn2];
ImmersiveReader.renderButtons({elements: btns});

Další možnosti vykreslování najdete na výše uvedených volitelných atributech . Chcete-li použít tyto možnosti, přidejte všechny atributy možností na každou HTMLDivElement stránku ve formátu HTML stránky.

renderButtons(options?: RenderButtonsOptions): void;

Parametry renderButtons

Název Typ Description
options renderButtons možnosti Možnosti pro konfiguraci určitého chování funkce renderButtons Nepovinný parametr.

renderButtons možnosti

možnosti pro vykreslování tlačítek Asistivní čtečka

{
    elements: HTMLDivElement[];
}

Parametry možností renderButtons

Nastavení Typ Description
elementy HTMLDivElement[] prvky pro vykreslení Asistivní čtečkach tlačítek v.
elements
Type: HTMLDivElement[]
Required: false

LaunchResponse

Obsahuje odpověď od volání ImmersiveReader.launchAsync . všimněte si, že odkaz na iframe , který obsahuje Asistivní čtečka, je k dispozici prostřednictvím container.firstChild .

{
    container: HTMLDivElement;
    sessionId: string;
}

Parametry LaunchResponse

Nastavení Typ Description
kontejner HTMLDivElement element HTML, který obsahuje Asistivní čtečka iframe.
sessionId Řetězec Globálně jedinečný identifikátor pro tuto relaci, který se používá pro ladění.

Chyba

Obsahuje informace o chybě.

{
    code: string;
    message: string;
}

Parametry chyby

Nastavení Typ Description
kód Řetězec Jeden ze sady chybových kódů. Viz kódy chyb.
zpráva Řetězec Čitelné znázornění chyby.

Kódy chyb

Kód Description
BadArgument Zadaný argument je neplatný, viz message parametr chyby.
Časový limit Načtení Asistivní čtečka během zadaného časového limitu se nepovedlo načíst.
TokenExpired Platnost poskytnutého tokenu vypršela.
Škrtil Limit frekvence volání byl překročen.

Typy

Content

Obsahuje obsah, který se má zobrazit v Asistivní čtečka.

{
    title?: string;
    chunks: Chunk[];
}

Parametry obsahu

Název Typ Description
title Řetězec Text nadpisu zobrazený v horní části Asistivní čtečka (volitelné)
Kousky Blok dat[] Pole bloků dat
title
Type: String
Required: false
Default value: "Immersive Reader" 
chunks
Type: Chunk[]
Required: true
Default value: null 

Blok dat

Jeden blok dat, který se předá do obsahu Asistivní čtečka.

{
    content: string;
    lang?: string;
    mimeType?: string;
}

Parametry bloků dat

Název Typ Description
obsah Řetězec Řetězec, který obsahuje obsah odeslaný do Asistivní čtečka.
Lang Řetězec Jazyk textu, hodnota je ve formátu značky jazyka IETF BCP 47, například en, es-ES. Jazyk se detekuje automaticky, pokud není zadaný. Viz Podporované jazyky.
Mimetype řetězec Podporuje se prostý text, MathML, HTML & Microsoft Word formáty DOCX. Další podrobnosti najdete v tématu Podporované typy MIME.
content
Type: String
Required: true
Default value: null 
lang
Type: String
Required: false
Default value: Automatically detected 
mimeType
Type: String
Required: false
Default value: "text/plain"

Podporované typy MIME

Typ MIME Description
text / prostý text Prostý text.
text/html Obsah HTML. Další informace
application/mathml+xml MathML (Mathematical Markup Language). Přečtěte si další informace.
aplikace / vnd.openxmlformats-officedocument.wordprocessingml.document Microsoft Word .docx formátu dokumentu.

Možnosti

Obsahuje vlastnosti, které konfigurují určité chování Asistivní čtečka.

{
    uiLang?: string;
    timeout?: number;
    uiZIndex?: number;
    useWebview?: boolean;
    onExit?: () => any;
    allowFullscreen?: boolean;
    hideExitButton?: boolean;
    cookiePolicy?: CookiePolicy;
    disableFirstRun?: boolean;
    readAloudOptions?: ReadAloudOptions;
    translationOptions?: TranslationOptions;
    displayOptions?: DisplayOptions;
    preferences?: string;
    onPreferencesChanged?: (value: string) => any;
    customDomain?: string;
}

Parametry možností

Název Typ Description
uiLang Řetězec Jazyk uživatelského rozhraní, hodnota je ve formátu značky jazyka IETF BCP 47, například en, es-ES. Výchozí hodnota je jazyk prohlížeče, pokud není zadaný.
timeout Číslo Doba trvání (v milisekundách) před selháním metody launchAsync s chybou časového limitu (výchozí hodnota je 15 000 ms). Tento časový limit se vztahuje pouze na počáteční spuštění stránky Čtenář, kde se úspěch zobrazí, když se otevře stránka Čtenář a spustí se číselník. Časový limit by neměl být nutný.
uiZIndex Číslo Index Z vytvořeného iframe (výchozí hodnota je 1 000).
useWebview Logická hodnota Pro zajištění kompatibility s aplikacemi pro Chrome použijte místo prvku iframe značku webview (výchozí hodnota je false).
onExit (onExit) Funkce Provede se při Asistivní čtečka aplikace .
obrazovka allowFullscreen Logická hodnota Možnost přepínat zobrazení na celé obrazovce (výchozí hodnota je true).
hideExitButton Logická hodnota Určuje, jestli se má skrýt Asistivní čtečka tlačítka pro ukončení (výchozí hodnota je false). To by mělo být pravdivé pouze v případě, že existuje alternativní mechanismus pro ukončení Asistivní čtečka (např. šipka zpět na mobilním panelu nástrojů).
CookiePolicy CookiePolicy Nastavení pro Asistivní čtečka souborů cookie (výchozí hodnota je CookiePolicy.Disable). Hostitelská aplikace zodpovídá za získání veškerého nezbytného souhlasu uživatele v souladu se zásadami dodržování předpisů EU pro soubory cookie. Viz Možnosti zásad souborů cookie.
disableFirstRun Logická hodnota Zakažte prostředí prvního spuštění.
readAloudOptions ReadAloudOptions Možnosti konfigurace čtení nahlas
translationOptions TranslationOptions (Možnosti překladu) Možnosti konfigurace překladu
displayOptions Možnosti zobrazení Možnosti konfigurace velikosti textu, písma atd.
Předvolby Řetězec Řetězec vrácený z onPreferencesChanged představující předvolby uživatele v Asistivní čtečka. Další Nastavení v tématu Parametry nastavení a Předvolby uživatelů pro ukládání.
onPreferencesChanged Funkce Provede se, když se předvolby uživatele změní. Další informace najdete v tématu Ukládání uživatelských předvoleb.
customDomain Řetězec Vyhrazeno pro interní použití. Vlastní doména, kde je Asistivní čtečka aplikace hostovaná (výchozí hodnota je null).
uiLang
Type: String
Required: false
Default value: User's browser language 
timeout
Type: Number
Required: false
Default value: 15000
uiZIndex
Type: Number
Required: false
Default value: 1000
onExit
Type: Function
Required: false
Default value: null
preferences

Upozornění

DŮLEŽITÉ Nepokoušejte se měnit hodnoty řetězce odeslaného do a z aplikace Asistivní čtečka prostřednictvím kódu programu, protože by to mohlo způsobit neočekávané chování, které by pro vaše zákazníky způsobilo snížení -preferences uživatelského prostředí. Hostitelské aplikace by nikdy neměly přiřadit vlastní hodnotu k řetězci ani s ním -preferences manipulovat. Při použití možnosti řetězce použijte pouze přesnou hodnotu vrácenou z možnosti -preferences -onPreferencesChanged zpětného volání.

Type: String
Required: false
Default value: null
onPreferencesChanged
Type: Function
Required: false
Default value: null
customDomain
Type: String
Required: false
Default value: null

ReadAloudOptions

type ReadAloudOptions = {
    voice?: string;
    speed?: number;
    autoplay?: boolean;
};

Parametry ReadAloudOptions

Název Typ Description
Hlas Řetězec Voice, buď "Female" nebo "Male". Všimněte si, že ne všechny jazyky podporují oba pohlaví.
rychlost Číslo Rychlost přehrávání musí být v rozmezí 0,5 až 2,5 (včetně).
Automatické přehrávání Logická hodnota Automaticky spustit čtení po načtení Asistivní čtečka.
voice
Type: String
Required: false
Default value: "Female" or "Male" (determined by language) 
Values available: "Female", "Male"
speed
Type: Number
Required: false
Default value: 1
Values available: 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5

Poznámka

Z důvodu omezení prohlížeče se v Prohlížeči Safari nepodporuje automatické přehrávání.


TranslationOptions (Možnosti překladu)

type TranslationOptions = {
    language: string;
    autoEnableDocumentTranslation?: boolean;
    autoEnableWordTranslation?: boolean;
};

TranslationOptions – parametry

Název Typ Description
language Řetězec Nastaví jazyk překladu, hodnota je ve formátu značky jazyka IETF BCP 47, například fr-FR, es-MX, zh-Hans-CN. Vyžaduje se k automatickému povolení překladu slov nebo dokumentů.
autoEnableDocumentTranslation Logická hodnota Automaticky přeloží celý dokument.
autoEnableWordTranslation Logická hodnota Automaticky povolit překlad slov.
language
Type: String
Required: true
Default value: null 
Values available: See the Supported Languages section

Možnosti zobrazení

type DisplayOptions = {
    textSize?: number;
    increaseSpacing?: boolean;
    fontFamily?: string;
};

Parametry DisplayOptions

Název Typ Description
velikost textu Číslo Nastaví zvolenou velikost textu.
increaseSpacing Logická hodnota Nastaví, jestli jsou mezery v textu zapínané nebo vypnuté.
Fontfamily Řetězec Nastaví zvolené písmo ("Calibri", "Kašassan" nebo "Sitka").
textSize
Type: Number
Required: false
Default value: 20, 36 or 42 (Determined by screen size)
Values available: 14, 20, 28, 36, 42, 48, 56, 64, 72, 84, 96
fontFamily
Type: String
Required: false
Default value: "Calibri"
Values available: "Calibri", "Sitka", "ComicSans"

Možnosti CookiePolicy

enum CookiePolicy { Disable, Enable }

Nastavení uvedená níže jsou jenom pro informační účely. Aplikace Asistivní čtečka ukládá nastavení (nebo předvolby uživatelů) do souborů cookie. Tato možnost cookiePolicy ve výchozím nastavení zakazuje používání souborů cookie, aby byly v souladu se zákony EU o dodržování předpisů ohledně souborů cookie. Pokud chcete soubory cookie znovu povolit Asistivní čtečka obnovit výchozí funkce pro předvolby uživatelů, budete muset zajistit, aby váš web nebo aplikace získaly od uživatele správný souhlas s povolením souborů cookie. Pokud pak chcete znovu povolit soubory cookie v Asistivní čtečka, musíte při spuštění souboru explicitně nastavit možnost cookiePolicy na CookiePolicy.Enable Asistivní čtečka. Následující tabulka popisuje, jaká nastavení Asistivní čtečka uloží do souboru cookie, když je povolená možnost cookiePolicy.

Nastavení Parametry

Nastavení Typ Description
velikost textu Číslo Nastaví zvolenou velikost textu.
Fontfamily Řetězec Nastaví zvolené písmo ("Calibri", "Kašassan" nebo "Sitka").
textSpacing Číslo Nastaví, jestli jsou mezery v textu zapínané nebo vypnuté.
formattingEnabled Logická hodnota Nastaví, jestli je formátování HTML zapnout nebo vypnout.
Téma Řetězec Nastaví vybraný motiv (například "Světlý", "Tmavý"...).
syllabificationEnabled Logická hodnota Nastaví, jestli je přepínač syllabification vypnutý nebo zapnout.
nounHighlightingEnabled Logická hodnota , která nastaví, jestli je zvýrazněné podstatné jméno zapíná nebo je vypnuté.
nounHighlightingColor Řetězec Nastaví vybranou barvu zvýraznění podstatného jména.
verbHighlightingEnabled Logická hodnota Nastaví, jestli je zvýraznění sloveso zapnout nebo vypnout.
verbHighlightingColor Řetězec Nastaví vybranou barvu zvýraznění slovesa.
adjectiveHighlightingEnabled Logická hodnota Nastaví, jestli je zvýraznění přídavných jména zapnout nebo vypnout.
adjectiveHighlightingColor Řetězec Nastaví barvu zvýraznění zvoleného přídavného jména.
adverbHighlightingEnabled Logická hodnota Nastaví, jestli je zvýraznění přísloví zapnout nebo vypnout.
adverbHighlightingColor Řetězec Nastaví zvolenou barvu zvýraznění přísloví.
pictureDictionaryEnabled Logická hodnota Nastaví, jestli je slovník obrázků vypnutý nebo zapnout.
posLabelsEnabled Logická hodnota Nastaví, jestli je horní textový popisek každé zvýrazněné části řeči zapnout nebo vypnout.

Podporované jazyky

Funkce překladu v Asistivní čtečka podporuje mnoho jazyků. Další podrobnosti najdete v tématu Podpora jazyků.


Podpora HTML

Pokud je formátování povolené, vykreslí se následující obsah ve formátu HTML v Asistivní čtečka.

HTML Podporovaný obsah
Styly písma Bold, Italic, Underline, Code, Strikethrough, Superscript, Subscript
Neuspořádané seznamy Disk, kruh, čtverec
Seřazené seznamy Decimal, Upper-Alpha, Lower-Alpha, Upper-Roman, Lower-Roman

Nepodporované značky se vykreslí porovnatelně. Obrázky a tabulky se v současné době nepodporují.


Podpora prohlížečů

Pro nejlepší prostředí s tímto rozhraním použijte nejnovější verze následujících Asistivní čtečka.

  • Microsoft Edge
  • Internet Explorer 11
  • Google Chrome
  • Mozilla Firefox
  • Apple Safari

Další kroky