https://quizdidaktik.de/lueckentext/daten/js/audioeinbetten.js

1var obergrenze=3000000;
2
3var audio_iframe_teil_1='<iframe id="erzeugter_iframe"\n'+
4'        src="';
5
6var audio_iframe_teil_2='"\n'+
7'        style="width:20px;height:20px;border:0px none transparent;background-color:transparent;overflow:hidden;display:inline;"\n'+
8'        seamless scrollbars="">\n'+
9'</iframe>';
10
11var audio_html_teil_1='<!DOCTYPE html>\n'+
12'  <head>\n'+
13'    <meta charset="utf-8" />\n'+
14'    <script type="text/javascript">\n'+
15'      function spiele_audio() {\n'+
16'          var audioelement=document.getElementsByTagName(\'audio\')[0];\n'+
17'          audioelement.play();\n'+
18'      }\n'+
19'    </script>\n'+
20'    <style type="text/css">\n'+
21'      body, p {\n'+
22'        margin:0px;\n'+
23'        padding:0px;\n'+
24'      }\n'+
25'    </style>\n'+
26'  </head>\n'+
27'  <body>\n'+
28'    <p>\n'+
29'      <a href="#" onclick="spiele_audio()"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAGqUlEQVRIS6VXaWxUVRT+7nsz0w5tKZ0pbSmlpdBSKiK0gKAQIKHsitGEhIBI4g9MNPpPDPzARBNFRMFojAuiIIgihM0GWhRZ2hQotGxdBrqXZd60Uyh0me29a859M9M3ZVAT7iTNzHv3nu+c73znnFsGw7pc08BPXqiFo60DnoAGxhjAATDjLkR/NngL5xhikTEhOw1FMyZgfE5W2Er4y479f/KDZXVISUtFwbhRSEmKg8UkPwoojNMx8ibK4vobn1/FXfcDVDna8aDLjVXzC7B88UyBJ/7sOXKa/3K6DotnT0FRwRgENKDP64eqGQ1HCzk6Lj01yRLiYkzQOEfxeQfOnr+MN5dNx5K5UxlrvaXwdV8dRmHhRCyakgPH7fvo8fghEbVPsIS7nGNYXAyy0xJw4Gwt2hqbsH3j6vls37EKfqiyGasWzcCDXj+8ARVmopXrUTKJQYuIeMCTkFtcsK1TbiSeNOH1q0iwmiHLwK/HKrB20WSwL3aX8ptuH+YU5uFhnw+yxAzZ4vD4VMTFmgVSQA2KS/z6P3STE0xQTDZKz13H7LwUsG17TvDGLh+mjc+Gj4waKOWcg8sybrt7kGQ1wxYfA7+qiciFsqOtRzSmO0fBlF+9iZm5yWDbdp/gjk4PpuRlRQiHzhI1K+bm4V6/H0crW9HZ1YORSVbEx5rhC2giA4OxB8cf+k1OnrveEIx0dymvU/pRMC4LajCPem70fLw8KxdZKUNFTOUOBSeq2+Dp9yLTHocYsyz2UCR6SYcg9PMhMQlWGFBZ04g5+algW38u4XVKHybmZELVtDBhuggCWDE3HyPtCYJSk0kS9B6vbsOpa+0wcQ2Z9nhIEoOXmomhgsMio2cCk6GqrglznkoD27rrOL92twdPjx0lEh7SSAh05bwJyEpJhKZyIVBZWGbo7vPhQEUDKuvvIDHWhAx7vGDKH9BEuZEeyAZFr0fNccXRjHkT0gn0GK9q60ZOZjqsFlM4r3TA4/NjzcJnMDp1mGBBliRhjKKWZUn419bxEL+X3UBtkwupSVakJlpFvqmxhKIlJno9ftxoacfCSRlgn+8s5tVt3bDbbELWBBzKUb83gNeXTEZ2WlJQsToRIgLOhWHqPLSuNXVg3+l6tCpdyEiOR4I1RjBHnz5vQHS4DpcL8yeNAvvspz94det92Gw2UYfUGEggFsqfX8PaZVMxZgSBapAkHYAAQ44Jw4bI/65qQcnFJgS0AEwSQ78vIOySc64OFxZMygTb8uNRXtVyD3a7TXhO9sg7qiuPL4B3V8xCXkayiJRoGgDVI6ZF74h+0ckAnLnSjL0nr4vcB48Ie4riwsLCLLAtOw7zSy1dsNvsunqDiZDARA9+b+Vs5GcOF+9C/TgMNijKq413caisDk13uzAkxqKXUVCcpAEddDTYpz8c4pea3eFIQzVDAAS6ftVcjM8cLuglsFA+jWJqdd7DkfJaVN28I5RqDU4XY8MiESqKgkVTssE2bz/ILzZ2wp5sg6ZSnepFTbT0en1Y/+o85GelQNVUSEyKUK67uxfFFXUou9qMfp+KeKtFp58GRLAdijlAoy5I7+KpY8A2f3+AX2jsRLLIabA50BmSeb8PG9YUIT8zBX5VhVmWRaRUSsfP16P0wg3cf9iHOGuMyFnENBrUmvVIXVgybSzYJ9/t5xcaOpBsT4KqDgxtEk2Px4cNr80XkZJyKT9nLjeiuLwG7a77sMZaYJElQ/s0TovIaUA5dSouLH02B2zTt/v4+ZsuJNvtuqdB9RLIwz4vPnxjKXIzklHtaMfhs9dR3+qCxSwj1qzfCkLt9t8GHb0zyQxOp4IXZowj0N/4OYciQI29l5ISUFWsWTod9S1OlF1pEuodEmvRiz48HEKzLGJ8P3KH0tWr4MXn8sA2fbOXVzgU2EWkmmFOkJgIWBONn8DILAFGzNwol0UjsSEGKKdORcFLz+eBffnTAV5yqRnDh+u1GG0ReHgYRN3x3w8FqNOJ1QsKwE6VV/JNu0qQmj4SqigZo+vGATVgODQ19K36BIm8qw66nnIIIbqdt/Dx28t1pt7auI3f6pGQlJiAAN0/H3enjQhocC6j5VR32mSS0eF2Y1JGAj5at1Zvno4bDfz9r/ehF1YMTUgQNUqfJ13EADWc7u4HSB2i4YN3ViFjZPrADaexqZnvPPgXalo74dOkRy8/gzwwEvrYcuEcsTJHYe4IrHmlCOnp6QM3fKO9mtp63nanQyjW+L+MuAlQ9I9jMTjuwgQRYIwZozPSkDcuJ4K2fwAFYUfL9FW+XwAAAABJRU5ErkJggg==" alt="Play" title="Play" width="16" height="16" />\n'+
30'</a><!-- ANFANG Audio-Element -->';
31
32var audio_html_teil_2='<!-- ENDE Audio-Element -->\n'+
33'    </p>\n'+
34'  </body>\n'+
35'</html>';
36
37var playicon_data='data:image/png;base64,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';
38
39
40
41function audio_iframe_erzeugen(dateiinhalt) {
42    var datauri_korr=dateiinhalt.replace(/video/g, 'audio');
43    var audio_tag='<audio hidden>\n  <source src="'+datauri_korr+'" />\n</audio>\n';
44    var html_seite_komplett=audio_html_teil_1+
45                            audio_tag+
46                            audio_html_teil_2;
47    var encodedData = 'data:text/html;charset=utf-8;base64,'+window.btoa(unescape(encodeURIComponent(html_seite_komplett)));
48    var iframe_komplett=audio_iframe_teil_1+
49                        encodedData+
50                        audio_iframe_teil_2;
51    return iframe_komplett
52}
53
54
55function audio_auswahl_textbereich(dateiinhalt) {
56    var aktuelle_auswahl=tinymce.activeEditor.selection.getContent({format: 'text'});
57    var neuer_inhalt=audio_iframe_erzeugen(dateiinhalt);
58    tinymce.activeEditor.selection.setContent(neuer_inhalt, {format: 'raw'});
59}
60
61function audio_handleFileSelect(ereignis) {
62    var dateien = ereignis.target.files; // Liste aller Dateiobjekte
63    var datei=dateien[0]; // erstes Dateiobjekt, da Einzelauswahl
64    var dateityp=datei.type;
65    dateigroesse=datei.size;
66    dateiname=escape(datei.name);
67    mime_typ=dateityp;
68    //alert(dateityp);
69    /*if (dateityp.match('audio/mpeg')    ||
70        dateityp.match('audio/ogg')     ||
71        dateityp.match('video/ogg')     ||
72        dateityp.match('audio/x-mpeg')  ||
73        dateityp.match('audio/MPA')     ||
74        dateityp.match('audio/mpa-robust') ||
75        dateityp.match('application/ogg') ||
76        dateityp.match('audio/aac')    ) { // MP3 oder OGG */
77        // Rückmeldung über den Dateityp
78        //alert('OK - Dateityp: '+dateityp+' wird eingelesen.');
79        var reader = new FileReader(); // neues Datei-Leseobjekt erzeugen
80        // Funktion zum Einfangen der Dateiinhalte und Dateiinformationen
81        reader.onload = (function(datei) {
82            return function(ereignis) {
83            var dateiinhalt=ereignis.target.result;
84            //alert(dateiinhalt);
85            //etwas mit diesem Inhalt anfangen!
86            audio_auswahl_textbereich(dateiinhalt);
87            //zeichne_bild(dateiinhalt);
88            };
89        })(datei);
90        // Einlesen des Dateiinhalts als DataURI

91        reader.readAsDataURL(datei);
92    /*}*/
93    //falls Datei zu groß > 3 MB: Warnhinweis anzeigen!
94    if (dateigroesse > obergrenze) {
95        alert('Dateien größer als 3MB sind für ein direktes Einbetten als DataURL schlecht geeignet!');
96    }
97}
98
99function hole_audio() {
100    $('#audio_fakeField').trigger('click');
101}