Spielen remote-audio (von Google Translate) in HTML5 auf einem server

Ich versuche, text-to-speech auf einer website mit HTML5 und Google Translate.

Immer die Rede von Google ist so einfach wie eine GET-Anfrage an:
http://translate.google.com/translate_tts?tl=en&q=hello

Um zu spielen, dass die Datei verwende ich das audio-tag:

<audio id="speech" src="http://translate.google.com/translate_tts?tl=en&q=hello" controls="controls" autoplay="autoplay">Your browser does not support the audio element.</audio>

Der perfekt funktioniert, wenn ich versuche, öffnen Sie die html-Datei lokal mit Chrome 11, aber funktioniert überhaupt nicht, wenn ich öffnen Sie den html-von meinem server... Es funktioniert einfach nicht alles tun, (die play-Taste blinkt für eine Sekunde, aber es passiert nichts).

Finden Sie die Datei hier: http://www.announcify.com/chrome/background.html

Irgendwelche Ideen? 🙂


Tom

InformationsquelleAutor TomTasche | 2011-05-04
  1. 2

    Stellen Sie sicher, dass Ihre rel-tags korrekt definiert sind. Gibt es eine Möglichkeit, dass Google hat eine cross-domain-Schutz.

    • Ich habe bereits versucht rel=noreferrer. Kein Erfolg, entweder... Ist es das was du meinst?
    • Versuchen Sie den link in anderen Browsern (Firefox / IE / Safari) zu sehen, ob diese funktioniert, auf diese Weise können Sie erkennen, ein bisschen mehr zu finden, die Ursache.
    • Funktioniert nicht auf Firefox entweder. :/ Leider bin ich nicht in der Lage, testen Sie es auf einem beliebigen anderen Browser, denn ich bin mit Ubuntu...
    • Ich habe das durchgezogen und getestet, alle Browser-fail. Hier ist, was höchstwahrscheinlich der Arbeit: erstellen Sie eine lokale php-Datei (und auf Ihren server hochladen natürlich), so dass der tag src="audio.php". Dann, innerhalb der audio.php Datei, die php-doc file_get_contents der google-url, die Sie benötigen, um die Header für audio/mpeg. Das sollte den trick tun.
    • Wow!!! Es funktioniert! Ich danke Ihnen sehr. 🙂 PHP-Code: $voice = file_get_contents('http://translate.google.com/translate_tts?tl=en&q=hello'); echo $voice;
    • Kein problem! Danke!
    • Hat diese noch funktionieren? Ich habe es die Arbeit von localhost, aber nicht auf meinem server. file_get_contents gibt FALSE zurück
    • Danke, das funktioniert Super in Firefox und Chrome aber aus irgendeinem Grund, es funktioniert nicht in Safari (8.0). Irgendwelche Gedanken auf, warum das sein kann? Vielleicht ein bestimmter header übergeben werden muss an die file_get_contents nennen?

    InformationsquelleAutor MKN Web Solutions
  2. 3

    NodeJS äquivalent für die akzeptierte Antwort (formuliert in den Kommentaren) ist:

    app.route("/api/tts").get(function(req,res){
      res.type('audio/mpeg');

      var text = req.query.q;
      var request = require('request');
      var url = "https://translate.google.pl/translate_tts?ie=UTF-8&q=" + text + "&tl=en&total=1&idx=0&client=t&prev=input";
      request.get(url).pipe(res);
  });

    Kunde sollte senden Sie die url-codierten text-als-query param-q, z.B. host/api/tts?q=Hello

    • Mache ich auch so, aber das problem mit dieser Methode ist, dass jetzt die Bandbreite erhöht. Anstelle der client anfordert, direkt von google, der client fordert vom server die Filter durch google. Gibt es trotzdem, um dieses? Kann ein angular.js client-senden Sie eine Anfrage mit dem korrekten Header?
    InformationsquelleAutor Piotr Sobczyk
Schreibe einen Kommentar