Ach so - das war da nur drin um zu demonstrieren, dass es auch mit Zeilenumbrüchen umgehen kann. Die müssen im Text natürlich nicht drin sein.
<html>
<head>
<title>Converting PDF To Text using pdf.js</title>
<style>
html, body { width: 100%; height: 100%; overflow-y: hidden; padding: 0; margin: 0; }
body { font: 13px Helvetica,sans-serif; }
iframe { border: none; width: 100%; height: 100%; }
#output { padding: 10px; box-shadow: 0 0 5px #777; border-radius: 5px; margin: 10px; display:none;}
#processor { height: 70px; }
#error {
margin: 1em 0;
color: #f00;
font-weight: bold;
}
</style>
</head>
<body>
<div id="tts_demo"></div>
<div id="error"></div>
<div id="pdftotext">
<!-- embed the pdftotext web app as an iframe -->
<iframe id="processor" src="../"></iframe>
<!-- a container for the output -->
<div id="output"></div>
</div>
<div>
<!-- the PDF file must be on the same domain as this page -->
<iframe id="input" src="./Predikt_Daniel_4_Lebenslust.pdf"></iframe>
</div>
<!-- the scripts -->
<!-- google tts-script -->
<!-- jquery einbinden -->
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script>
<!-- google-tts einbinden -->
<script type="text/javascript" src="./src/google-tts.js"></script>
<!-- soundmanager einbinden -->
<script type="text/javascript" src="./soundmanager2.js"></script>
<!-- google-tts- setup -->
<!-- google-tts- setup -->
<script type="text/javascript">
$(document).ready(function(){
soundManager.setup({
url: '/',
preferFlash: false,
onready: function () {
alert('test');
if (!window.GoogleTTS) {
$("#error").text("Sorry, the google-tts script couldn't be loaded.");
return;
} else {
var HTML = '\
<div> \
<label for="demo_language">Language:</label> \
<select id="demo_language"> \
<option value="" disabled="disabled">(Select language)</option> \
</select> \
</div> \
';
$("#tts_demo").html(HTML);
}
var googleTTS = new window.GoogleTTS();
// setup language options
$.each(googleTTS.languages(), function (key, value) {
$('#demo_language').append('<option value="' + key + '">' + value + '</option>');
});
// play
$("#demo_play").click(function () {
var currentSentence = '';
function playSentence (sentences) {
if (sentences.length) {
currentSentence = sentences.shift().trim();
if (currentSentence.length) {
googleTTS.play(currentSentence, $("#demo_language").val(), function (err) {
if (err) {
$("#error").text(err.toString());
} else {
window.setTimeout(playSentence(sentences), 3000);
}
});
} else {
playSentence(sentences);
}
} else {
console.log('Finished playing');
}
}
});
// defaults
$("#demo_language").val('de');
// available player
googleTTS.getPlayer(function (err, player) {
if (err) {
return $("#error").text(err.toString());
}
if (player) {
$("#tts_player").text(player.toString());
} else {
$("#tts_player").text('None available');
}
});
}
});
});
</script>
<!-- pdf to text - script -->
<script>
var input = document.getElementById("input");
var processor = document.getElementById("processor");
var output = document.getElementById("output");
window.addEventListener("message", function(event){
if (event.source != processor.contentWindow) return;
switch (event.data){
case "ready":
// if ready read the pdf
var xhr = new XMLHttpRequest;
xhr.open('GET', input.getAttribute("src"), true);
xhr.responseType = "arraybuffer";
xhr.onload = function(event) {
processor.contentWindow.postMessage(this.response, "*");
};
xhr.send();
break;
default:
// copy content to pdf
var status = $("#processor").contents().find("#message").text();
output.textContent = event.data.replace(/\s+/g, " ");
// continuing motification
if (status == "Done!")
{
var sentences = $("#output").val().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/);
playSentence(sentences);
}
else {}
break;
}
}, true);
</script>var sentences = $("#output").val().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/);
alert(sentences); if (!window.GoogleTTS) {
$("#error").text("Sorry, the google-tts script couldn't be loaded.");
return;
} else {
var HTML = '\
<div> \
<label for="demo_language">Language:</label> \
<select id="demo_language"> \
<option value="" disabled="disabled">(Select language)</option> \
</select> \
</div> \
';
$("#tts_demo").html(HTML);
}var sentences = $("#output").text().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/);
alert(sentences);<html>
<head>
<title>Converting PDF To Text using pdf.js</title>
<style>
html, body { width: 100%; height: 100%; overflow-y: hidden; padding: 0; margin: 0; }
body { font: 13px Helvetica,sans-serif; }
iframe { border: none; width: 100%; height: 100%; }
#output { padding: 10px; box-shadow: 0 0 5px #777; border-radius: 5px; margin: 10px; display:none;}
#processor { height: 70px; }
#error {
margin: 1em 0;
color: #f00;
font-weight: bold;
}
</style>
</head>
<body>
<div id="tts_demo"></div>
<div id="error"></div>
<div id="pdftotext">
<!-- embed the pdftotext web app as an iframe -->
<iframe id="processor" src="../"></iframe>
<!-- a container for the output -->
<div id="output"></div>
</div>
<div>
<!-- the PDF file must be on the same domain as this page -->
<iframe id="input" src="Predikt_Daniel_4_Lebenslust.pdf"></iframe>
</div>
<!-- the scripts -->
<!-- google tts-script -->
<!-- jquery einbinden -->
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script>
<!-- google-tts einbinden -->
<script type="text/javascript" src="./src/google-tts.js"></script>
<!-- soundmanager einbinden -->
<script type="text/javascript" src="./soundmanager2.js"></script>
<!-- google-tts- setup -->
<!-- google-tts- setup -->
<script type="text/javascript">
$(document).ready(function(){
soundManager.setup({
url: '/',
preferFlash: false,
onready: function() {
if (!window.GoogleTTS) {
$("#error").text("Sorry, the google-tts script couldn't be loaded.");
return;
} else {
var HTML = '\
<div> \
<label for="demo_language">Language:</label> \
<select id="demo_language"> \
<option value="" disabled="disabled">(Select language)</option> \
</select> \
</div> \
';
$("#tts_demo").html(HTML);
}
var googleTTS = new window.GoogleTTS();
// setup language options
$.each(googleTTS.languages(), function(key, value) {
$('#demo_language').append('<option value="' + key + '">' + value + '</option>');
});
// play
$("#demo_play").click(function() {
function playSentence(sentences) {
alert(sentences);
if (sentences.length) {
currentSentence = sentences.shift().trim();
if (currentSentence.length) {
googleTTS.play($("#demo_text").val(), $("#demo_language").val(), function(err) {
if (err) {
$("#error").text(err.toString());
}
else {
window.setTimeout(playSentence(sentences), 3000);
}
});
}
else {
playSentence(sentences);
}
}
else {
console.log('Finished playing');
}
}
});
// defaults
$("#demo_language").val('de');
//$("#demo_text").val('中文');
// available player
googleTTS.getPlayer(function (err, player) {
if (err) {
return $("#error").text(err.toString());
}
if (player) {
$("#tts_player").text(player.toString());
} else {
$("#tts_player").text('None available');
}
});
}
});
});
</script>
<!-- pdf to text - script -->
<script>
var input = document.getElementById("input");
var processor = document.getElementById("processor");
var output = document.getElementById("output");
window.addEventListener("message", function(event){
if (event.source != processor.contentWindow) return;
switch (event.data){
case "ready":
// if ready read the pdf
var xhr = new XMLHttpRequest;
xhr.open('GET', input.getAttribute("src"), true);
xhr.responseType = "arraybuffer";
xhr.onload = function(event) {
processor.contentWindow.postMessage(this.response, "*");
};
xhr.send();
break;
default:
// copy content to pdf
var status = $("#processor").contents().find("#message").text();
output.textContent = event.data.replace(/\s+/g, " ");
// continuing motification
if (status == "Done!")
{
var msg = $("#output").text();
//var sentences = msg.split(/\!|\?|\.|\r\n|\n|\r/mg);
var sentences = msg.replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/);
alert('test');
playSentence(sentences);
}
else {}
break;
}
}, true);
</script>
</body>
</html>playSentence() gesprungen!function playSentence(sentences) {
alert(sentences);<html>
<head>
<title>Converting PDF To Text using pdf.js</title>
<style>
html, body { width: 100%; height: 100%; overflow-y: hidden; padding: 0; margin: 0; }
body { font: 13px Helvetica,sans-serif; }
iframe { border: none; width: 100%; height: 100%; }
#output { padding: 10px; box-shadow: 0 0 5px #777; border-radius: 5px; margin: 10px; display:none;}
#processor { height: 70px; }
#error {
margin: 1em 0;
color: #f00;
font-weight: bold;
}
</style>
</head>
<body>
<div id="tts_demo"></div>
<div id="error"></div>
<div id="pdftotext">
<!-- embed the pdftotext web app as an iframe -->
<iframe id="processor" src="../"></iframe>
<!-- a container for the output -->
<div id="output"></div>
</div>
<div>
<!-- the PDF file must be on the same domain as this page -->
<iframe id="input" src="./Predikt_Daniel_4_Lebenslust.pdf"></iframe>
</div>
<!-- the scripts -->
<!-- jquery einbinden -->
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script>
<!-- pdf to text - script -->
<script>
// modification
var zaehler = 0;
// continuing original
var input = document.getElementById("input");
var processor = document.getElementById("processor");
var output = document.getElementById("output");
window.addEventListener("message", function(event){
if (event.source != processor.contentWindow) return;
switch (event.data){
case "ready":
// if ready read the pdf
var xhr = new XMLHttpRequest;
xhr.open('GET', input.getAttribute("src"), true);
xhr.responseType = "arraybuffer";
xhr.onload = function(event) {
processor.contentWindow.postMessage(this.response, "*");
};
xhr.send();
break;
default:
// copy content to pdf
var status = $("#processor").contents().find("#message").text();
output.textContent = event.data.replace(/\s+/g, " ");
// continuing motification
if (status == "Done!")
{
var msg = $("#output").text();
var myArray = msg.split(/\!|\?|\.|\,|\:|\;|\r\n|\n|\r/mg);
var txtSize = myArray.length;
for(var i=0;i<myArray.length;i++)
{
//alert(myArray[i]);
// jedes element als key-var in localstorage speichern
localStorage.setItem(i, myArray[i]);
}
textlesen(txtSize);
}
else {}
break;
}
}, true);
// added as modification to play text direct after reed
function textlesen(anzahl)
{
$("#tts_demo").html("");
var soundurl="",soundStr="";
//alert('zahler: ' + zaehler + '\n anzahl: '+ anzahl);
if (zaehler >= anzahl)
{
console.log('Finished playing');
zahler = 0;
}
else {
var currentsentence = localStorage.getItem(zaehler);
soundurl = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q='+currentsentence+'';
soundStr = '<audio controls autoplay><source src="'+soundurl+'" ></audio>';
alert(soundStr);
$("#tts_demo").html(soundStr);
zaehler = zaehler + 1;
var myVar=setTimeout(function () {textlesen(anzahl)}, 3000);
}
}
</script>
</body>
</html>// play
$("#demo_play").click(function () {
var currentSentence = '', sentenceParts = '', currentPart = '',
sentences = $("#output").text().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/); // splits the txt into sentences
function playSentence () {
if (sentences.length) {
currentSentence = sentences.shift().trim(); // gets the currentSentence for each time the playSentence-function is called
if (currentSentence.length) {
// playing currentSentence would start here normally, but we need to check if currentSentence is too big
if (currentSentence.length >= 100) {
sentenceParts = currentSentence.split(/\,/mg); //splits the currentSentence into parts
function playSplitSentence () {
if (sentenceParts.length) {
currentPart = sentenceParts.shift().trim(); // gets the currentPart for each time the playSplitSentence-function is called
if (currentPart.length) {
alert('currentPart:' + currentPart);
// playing currentPart will start here
var partaudio = new Audio(); //setup new audio
partaudio.src = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q=' + currentPart;
partaudio.preload = "auto";
partaudio.play();
//audio function start
//partaudio.addEventListener('canplaythrough', true, false);
partaudio.addEventListener('ended',function(){
//partaudio.src = "";
partaudio.pause();
partaudio.load();
//set shorter pause and recall playSplitSentence-Function to get next Part
window.setTimeout(playSplitSentence, 1000);
});
//audio function end
//set shorter pause and recall playSplitSentence-Function to get next Part
//window.setTimeout(playSplitSentence, 1000);
// currentPart have been played so recall the function to play next Part
} else {
playSplitSentence();
}
}
// all Parts have been played
else {
//set pause and recall playSentence-Function to get next Sentence
window.setTimeout(playSentence, 3000);
}
}
// call the playSplitSentence-function to start playing all parts of currentSentence
playSplitSentence();
// ended new splitting continuing normal playing
} else {
alert(currentSentence);
//play currentSentence
var sentenceaudio = new Audio(); //setup new audio
sentenceaudio.src = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q=' + currentSentence;
sentenceaudio.preload = "auto";
sentenceaudio.play();
//audio function start
//sentenceaudio.addEventListener('canplaythrough', true, false);
sentenceaudio.addEventListener('ended',function(){
//sentenceaudio.src = "";
sentenceaudio.pause();
sentenceaudio.load();
//set pause and recall playSentence-Function to get next Sentence
window.setTimeout(playSentence, 3000);
});
//audio function ende
//set pause and recall playSentence-Function to get next Sentence
//window.setTimeout(playSentence, 3000);
}
// currentSentence have been played so recall the function playSentence to play next Sentece
} else {
playSentence();
}
// all Sentences have been played
} else {
console.log('Finished playing text');
}
}
// call the playSentence-function to start playing all sentences of txt
playSentence();
});
</script>//partaudio.addEventListener('canplaythrough', true, false);// playing currentPart will start here
var partaudio = new Audio(); //setup new audio
partaudio.src = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q=' + currentPart;
partaudio.preload = "auto";
partaudio.oncanplaythrough = function() {
partaudio.play();
};
//partaudio.play();
//audio function start
partaudio.addEventListener('ended',function(){
//partaudio.src = "";
partaudio.pause();
partaudio.load();
//set shorter pause and recall playSplitSentence-Function to get next Part
window.setTimeout(playSplitSentence, 1000);
});
//audio function endHoffentlich die aktuellste Version. Die davor hat ein sehr seltsamen Memory leak...
Du könntest per <iframe> das vorladen, aber wirklich sauber sieht mir das nicht aus.
<html>
<head>
<title>Converting PDF To Text using pdf.js</title>
<style>
html, body { width: 100%; height: 100%; overflow-y: hidden; padding: 0; margin: 0; }
body { font: 13px Helvetica,sans-serif; }
iframe { border: none; width: 100%; height: 100%; }
#output { padding: 10px; box-shadow: 0 0 5px #777; border-radius: 5px; margin: 10px; display:none;}
#processor { height: 70px; }
#error {
margin: 1em 0;
color: #f00;
font-weight: bold;
}
#player{display:block;}
#playlist{ overflow:none; display:block;}
#demo_play{display:none;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="./audiojs/audio.min.js"></script>
</head>
<body>
<button id="demo_play"></button>
<div id="error"></div>
<div id="tts_player"></div>
<div id="pdftotext">
<!-- embed the pdftotext web app as an iframe -->
<iframe id="processor" src="../"></iframe>
<!-- a container for the output -->
<div id="output"></div>
</div>
<div>
<!-- the PDF file must be on the same domain as this page -->
<iframe id="input" src="./Predikt_Daniel_4_Lebenslust.pdf"></iframe>
</div>
<script>
<!-- pdfto text setup modded -->
<!-- original -->
var input = document.getElementById("input");
var processor = document.getElementById("processor");
var output = document.getElementById("output");
var currentSentence = '';
window.addEventListener("message", function(event){
if (event.source != processor.contentWindow) return;
switch (event.data){
case "ready":
// if ready read the pdf
var xhr = new XMLHttpRequest;
xhr.open('GET', input.getAttribute("src"), true);
xhr.responseType = "arraybuffer";
xhr.onload = function(event) {
processor.contentWindow.postMessage(this.response, "*");
};
xhr.send();
break;
default:
// copy content to pdf
output.textContent = event.data.replace(/\s+/g, " ");
// modd
// get the status
var status = $("#processor").contents().find("#message").text();
if (status == "Done!")
{
// start the reading
$("#demo_play").click();
}
else { }
break;
}
}, true);
// play
$("#demo_play").click(function () {
var currentSentence = '', sentenceParts = '', currentPart = '',
sentences = $("#output").text().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/); // splits the txt into sentences
function playSentence () {
if (sentences.length) {
currentSentence = sentences.shift().trim(); // gets the currentSentence for each time the playSentence-function is called
if (currentSentence.length) {
// playing currentSentence would start here normally, but we need to check if currentSentence is too big
if (currentSentence.length >= 100) {
sentenceParts = currentSentence.split(/\,/mg); //splits the currentSentence into parts
function playSplitSentence () {
if (sentenceParts.length) {
currentPart = sentenceParts.shift().trim(); // gets the currentPart for each time the playSplitSentence-function is called
if (currentPart.length) {
alert('currentPart:' + currentPart);
// playing currentPart will start here
var partaudio = new Audio(); //setup new audio
partaudio.preload = "auto";
partaudio.src = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q=' + currentPart;
partaudio.play();
//audio function start
partaudio.addEventListener('ended',function(){
//partaudio.src = "";
partaudio.pause();
partaudio.load();
//set shorter pause and recall playSplitSentence-Function to get next Part
window.setTimeout(playSplitSentence, 1000);
});
//audio function end
//set shorter pause and recall playSplitSentence-Function to get next Part
//window.setTimeout(playSplitSentence, 1000);
// currentPart have been played so recall the function to play next Part
} else {
playSplitSentence();
}
}
// all Parts have been played
else {
//set pause and recall playSentence-Function to get next Sentence
window.setTimeout(playSentence, 3000);
}
}
// call the playSplitSentence-function to start playing all parts of currentSentence
playSplitSentence();
// ended new splitting continuing normal playing
} else {
//play currentSentence
var sentenceaudio = new Audio(); //setup new audio
sentenceaudio.preload = "auto";
sentenceaudio.src = 'http://translate.google.com/translate_tts?ie=utf-8&tl=de&q=' + currentSentence;
sentenceaudio.play();
//audio function start
sentenceaudio.addEventListener('ended',function(){
//sentenceaudio.src = "";
sentenceaudio.pause();
sentenceaudio.load();
//set pause and recall playSentence-Function to get next Sentence
window.setTimeout(playSentence, 3000);
});
//audio function ende
//set pause and recall playSentence-Function to get next Sentence
//window.setTimeout(playSentence, 3000);
}
// currentSentence have been played so recall the function playSentence to play next Sentece
} else {
playSentence();
}
// all Sentences have been played
} else {
console.log('Finished playing text');
}
}
// call the playSentence-function to start playing all sentences of txt
playSentence();
});
</script>
</body>
</html>// play
$("#demo_play").click(function () {
var currentSentence = '', zaehler = 0,
sentences = $("#output").text().replace(/([.?!]+ )/g, "$1\n").split(/\s*[\n\r]+\s*/); // splits the txt into sentences
$("#processor").contents().find("#message").text("Text is prepared for TTS...");
function playSentence () {
if (sentences.length) {
currentSentence = sentences.shift().trim();
if (currentSentence.length) {
$.getJSON('https://www.yakitome.com/api/call/json/tts?api_key=my_api_key&voice=Klara&speed=4&text='+currentSentence, function(data) {
var servicestatus = data.status;
var bookid = data.book_id;
if (servicestatus == "TTS RUNNING") {
function TTSloader() {
zaehler = zaehler + 1;
if (zaehler <= 6) {
$.getJSON('https://www.yakitome.com/api/call/json/cdl?api_key=my_api_key&book_id='+bookid, function(ndata) {
var ttsstatus = ndata.status;
var frameurl = ndata.iframe;
if (ttsstatus == "TTS DONE") {
$('#tts_player').attr('src', frameurl);
$("#processor").contents().find("#message").text("TTS is running");
$('#tts_player').load(function(){
console.log('laoded the iframe');
window.setTimeout(playSentence, 5000);
});
} else {
$("#processor").contents().find("#message").text("Text is processed by TTS-Api. This process may take some time! Please wait ...");
window.setTimeout(TTSloader, 10000);
}
});
} else {
var wnmsg="Attention!\n\nThe process of TTS-processing takes a long time already, there may be an error.\nYou can continue to wait for the processing or abort.\nIf you want to continue to wait, please click 'OK'!\n";
if(confirm(wnmsg))window.setTimeout(TTSloader, 10000);
}
}
TTSloader();
} else {
$("#error").text(servicestatus);
}
});
//audio function end
} else {
playSentence();
}
} else {
console.log('Finished playing');
}
}
playSentence();
});