Čtení textu na webu

V některých případech se může hodit textový obsah webu přehrát strojovým hlasem:

  1. Přečtení obsahu obrázků, které slouží jako ochrana proti spamu.
  2. Další způsob, jak může návštěvník konsumovat obsah. I když v tomto případě je značně lepší, když je obsah skutečně namluven.

Pro technickou realisaci je k tomu nutná hlasová čtečka (skript, kterému se předá text a on vrátí zvukový soubor). Za tímto účelem jde použít čtečku, kterou používá Google překladač (translate.google.com) a jakž takž umí i česky.

Kousek předchozího odstavce přečtený Google překladačem:

Google překladač na následující adrese vrátí text z parametru q jako zvuk:

http://translate.google.com/translate_tts?tl=cs&q=Text

Zdá se ale, že pro přímé přehrání na stránce pomocí značky <audio> je potřeba používat placené Google Translate API.

Existují dva způsoby, jak toto omezení pro vyzkoušení alespoň krátkodobě obejít:

Stažení zvuku PHP skriptem

Pro obejití ochrany jde nahrávku pustit přes vlastní skript.

<?php 
$url = "http://translate.google.com/translate_tts?tl=cs&q=" 
      . urlencode($_GET["str"]);
$data = file_get_contents($url);
header("Content-Type: audio/mpeg");
echo $data;

Přehrání v JavaScriptu je potom s využitím HTML 5 <audio> velice jednoduché:

function prehrat(str) {
    var url = "./cist.php?str=" + encodeURIComponent(str); 
    var a = new Audio(url);
    a.play();
}	

Přehrání vložením do rámu

V Google Chrome se obsah přehraje při vložení do rámu.

Samostatná ukázka:

Omezení Googlu

Při četném používání nejspíš Google získá podezření.

Naše systémy zjistily, že vaše počítačová síť je zdrojem neobvyklého provozu. Účelem této stránky je zkontrolovat, zda požadavky odesíláte skutečně vy, a ne robot.

Je potom nutné opsat kód pro ověření.

Omezení v používání API

Odkazy jinam

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Generování PDF

Generování PDF

Vytváření PDF dokumentů v JavaScriptu a PHP.

Offline webová stránka

Offline webová stránka

Jak umožnit návštěvníkům stažení celé webové stránky pro prohlížení offline, umístění na CD apod.

Zjištění barvy obrázku

Zjištění barvy obrázku

Jak v JavaScriptu i PHP zjistit hlavní barvu obrázku.

Automatické generování obsahu

Automatické generování obsahu stránky

Automatické generování obsahu HTML stránky v JavaScriptu i PHP.

Rozpoznávání hlasu

Rozpoznávání hlasu

Jak psát na web převodem hlasu na text pomocí speechRecognition.

Komentáře