tts google test 01

by Sebastian Kay

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://code.responsivevoice.org/responsivevoice.js"></script>
<button class="btn btn-primary" id="playtts1">TTS 1</button>

<button class="btn btn-primary" id="playtts2">TTS 2</button>

<button class="btn btn-primary" id="playtts3">TTS 3</button>

<audio id="ping_player1" preload="auto" src="http://translate.google.com/translate_tts?ie=UTF-8&q=Player connecting&tl=en&client=tw-ob" type="audio/mpeg"></audio>

<audio id="audio_tts_pcount" preload="auto" type="audio/mpeg">
  <source src="http://translate.google.com/translate_tts?ie=UTF-8&q=4&tl=de&client=tw-ob" type="audio/mpeg">
  <source src="http://translate.google.com/translate_tts?ie=UTF-8&q=6&tl=de&client=tw-ob" type="audio/mpeg">
</audio>

JavaScript

$("#playtts1").click(function() {
				ping_player1.play();
				});
var playercount = "66";
var fileName = "http://translate.google.com/translate_tts?ie=UTF-8&q="+ playercount +"&tl=de&client=tw-ob";
$("#playtts2").click(function() {
 
 //$("#audio_tts_pcount").attr("src",fileName).trigger("play");
 $("#audio_tts_pcount").play();
 				});
 
 $("#playtts3").click(function() {
 var playercount2 = "eins";
 var fileName2 = "http://translate.google.com/translate_tts?ie=UTF-8&q="+ playercount2 +"&tl=de&client=tw-ob";
 $('<audio>').attr('src', fileName2).trigger("play");
 });