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