Tam Ekran Okuyucu için HTML içeriği hazırlama

  • Makale

Bu makalede, Tam Ekran Okuyucu uygulamanızın kullanabilmesi için HTML'nizi nasıl yapılandırabileceğiniz ve içeriği nasıl alabileceğiniz gösterilmektedir.

HTML içeriğini hazırlama

İşlemek istediğiniz içeriği kapsayıcı öğesinin içindeki Tam Ekran Okuyucu yerleştirin. Kapsayıcı öğesinin benzersiz idbir öğesine sahip olduğundan emin olun. Tam Ekran Okuyucu temel HTML öğeleri için nasıl destek sağladığı hakkında daha fazla bilgi edinmek için SDK başvurusuna bakın.

<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>

JavaScript'te HTML içeriğini alma

id JavaScript kodunuzda HTML içeriğini almak için kapsayıcı öğesini kullanın.

const htmlContent = document.getElementById('immersive-reader-content').innerHTML;

HTML içeriğinizle Tam Ekran Okuyucu başlatma

çağrısı ImmersiveReader.launchAsyncyaparken, html işlemeyi etkinleştirmek için öbek mimeType özelliğini olarak text/html ayarlayın.

const data = {
    chunks: [{
        content: htmlContent,
        mimeType: 'text/html'
    }]
};

ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);

Sonraki adım

Tam Ekran Okuyucu SDK başvuruyu keşfetme