<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() {
googleTTS.play($("#demo_text").val(), $("#demo_language").val(), function(err) {
if (err) {
$("#error").text(err.toString());
}
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>
// 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)
{
if (zaehler >= anzahl)
{
console.log('Finished playing');
zahler = 0;
}
else {
var currentsentence = localStorage.getItem(zaehler);
googleTTS.play(currentsentence, $("#demo_language").val(), function(err)
{
if (err) {
$("#error").text(err.toString());
}
console.log('playing of text ' +zaehler+ 'ended');
});
zaehler = zaehler + 1;
var myVar=setTimeout(function () {textlesen(anzahl)}, 3000);
}
}
</script>
</body>
</html>
