Preparación del contenido HTML para el Lector inmersivo
En este artículo se muestra cómo estructurar el código HTML y recuperar el contenido para que lo pueda usar la aplicación Azure Immersive Reader.
Preparación del contenido HTML
Coloque el contenido que desea representar en el Lector inmersivo dentro de un elemento contenedor. Asegúrese de que el elemento contenedor tenga un idúnico. Para obtener más información sobre cómo Azure Immersive Reader brinda compatibilidad con los elementos HTML básicos, consulte la referencia SDK.
<div id='immersive-reader-content'>
<b>Bold</b>
<i>Italic</i>
<u>Underline</u>
<strike>Strikethrough</strike>
<code>Code</code>
<sup>Superscript</sup>
<sub>Subscript</sub>
<ul><li>Unordered lists</li></ul>
<ol><li>Ordered lists</li></ol>
</div>
Obtención del contenido HTML en JavaScript
Use el id del elemento contenedor para obtener el contenido HTML en el código de JavaScript.
const htmlContent = document.getElementById('immersive-reader-content').innerHTML;
Inicio del Lector inmersivo con contenido HTML
Al llamar a ImmersiveReader.launchAsync, establezca la propiedad mimeType del fragmento en text/html para habilitar la representación HTML.
const data = {
chunks: [{
content: htmlContent,
mimeType: 'text/html'
}]
};
ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);