{"id":70854,"date":"2025-12-02T03:01:00","date_gmt":"2025-12-01T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=70854"},"modified":"2025-12-01T18:22:45","modified_gmt":"2025-12-01T08:22:45","slug":"talking-select-multiple-webpage-palette-speech-bubble-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/talking-select-multiple-webpage-palette-speech-bubble-tutorial\/","title":{"rendered":"Talking Select Multiple Webpage Palette Speech Bubble Tutorial"},"content":{"rendered":"
\"Talking<\/a>

Talking Select Multiple Webpage Palette Speech Bubble Tutorial<\/p><\/div>\n

Our “second cab off the rank” with this current Intranet feeling macOS text to speech (via “say”<\/a>) interface thinking relates to the Speech Bubble work we last talked about with Select Multiple Webpage Palette Speech Bubble Contact Tutorial<\/a>. There is no PHP (except to interface to) here and we fleshed out the new HTML …<\/p>\n


\n<div id=divsayf style=display:none;><\/div>
\n<\/code><\/p>\n

… using new Javascript, as below<\/font> to help …<\/p>\n


\n var dcontit='', lastdcontit='', saywords='', sayvoice='Alex';
\n var talkdo=false, talkvoice='';
\n
\n var voicedrop=\"<select style=\\\"display:inline-block;\\\" onchange=\\\"window.opener.dotalk(this.value);\\\" name=\\\"voice\\\" id=\\\"myinputvc\\\" value=\\\"\\\"><option id=\\\"commopt\\\" value=\\\"\\\">Optionally add commentary with Voice ...<\/option><option value=\\\"Alex\\\">Alex en_US # Most people recognize me by my voice.<\/option><option value=\\\"Alice\\\">Alice it_IT # Salve, mi chiamo e sono una voce italiana.<\/option><option value=\\\"Alva\\\">Alva sv_SE # Hej, jag heter . Jag \u00e4r en svensk r\u00f6st.<\/option><option value=\\\"Amelie\\\">Amelie fr_CA # Bonjour, je m\u2019appelle . Je suis une voix canadienne.<\/option><option value=\\\"Anna\\\">Anna de_DE # Hallo, ich hei\u00dfe und ich bin eine deutsche Stimme.<\/option><option value=\\\"Carmit\\\">Carmit he_IL # \u05e9\u05dc\u05d5\u05dd. \u05e7\u05d5\u05e8\u05d0\u05d9\u05dd \u05dc\u05d9 \u05db\u05e8\u05de\u05d9\u05ea, \u05d5\u05d0\u05e0\u05d9 \u05e7\u05d5\u05dc \u05d1\u05e9\u05e4\u05d4 \u05d4\u05e2\u05d1\u05e8\u05d9\u05ea.<\/option><option value=\\\"Damayanti\\\">Damayanti id_ID # Halo, nama saya . Saya berbahasa Indonesia.<\/option><option value=\\\"Daniel\\\">Daniel en_GB # Hello, my name is . I am a British-English voice.<\/option><option value=\\\"Diego\\\">Diego es_AR # Hola, me llamo y soy una voz espa\u00f1ola.<\/option><option value=\\\"Ellen\\\">Ellen nl_BE # Hallo, mijn naam is . Ik ben een Belgische stem.<\/option><option value=\\\"Fiona\\\">Fiona en_scotland # Hello, my name is . I am a Scottish-English voice.<\/option><option value=\\\"Fred\\\">Fred en_US # I sure like being inside this fancy computer<\/option><option value=\\\"Ioana\\\">Ioana ro_RO # Bun\u0103, m\u0103 cheam\u0103 . Sunt o voce rom\u00e2neasc\u0103.<\/option><option value=\\\"Joana\\\">Joana pt_PT # Ol\u00e1, chamo-me e dou voz ao portugu\u00eas falado em Portugal.<\/option><option value=\\\"Jorge\\\">Jorge es_ES # Hola, me llamo y soy una voz espa\u00f1ola.<\/option><option value=\\\"Juan\\\">Juan es_MX # Hola, me llamo y soy una voz mexicana.<\/option><option value=\\\"Kanya\\\">Kanya th_TH # \u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e04\u0e48\u0e30 \u0e14\u0e34\u0e09\u0e31\u0e19\u0e0a\u0e37\u0e48\u0e2d<\/option><option value=\\\"Karen\\\">Karen en_AU # Hello, my name is . I am an Australian-English voice.<\/option><option value=\\\"Kyoko\\\">Kyoko ja_JP # \u3053\u3093\u306b\u3061\u306f\u3001\u79c1\u306e\u540d\u524d\u306f\u3067\u3059\u3002\u65e5\u672c\u8a9e\u306e\u97f3\u58f0\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/option><option value=\\\"Laura\\\">Laura sk_SK # Ahoj. Vol\u00e1m sa . Som hlas v slovenskom jazyku.<\/option><option value=\\\"Lekha\\\">Lekha hi_IN # \u0928\u092e\u0938\u094d\u0915\u093e\u0930, \u092e\u0947\u0930\u093e \u0928\u093e\u092e \u0932\u0947\u0916\u093e \u0939\u0948. \u092e\u0948\u0902 \u0939\u093f\u0928\u094d\u0926\u0940 \u092e\u0947\u0902 \u092c\u094b\u0932\u0928\u0947 \u0935\u093e\u0932\u0940 \u0906\u0935\u093e\u091c\u093c \u0939\u0942\u0901.<\/option><option value=\\\"Luca\\\">Luca it_IT # Salve, mi chiamo e sono una voce italiana.<\/option><option value=\\\"Luciana\\\">Luciana pt_BR # Ol\u00e1, o meu nome \u00e9 e a minha voz corresponde ao portugu\u00eas que \u00e9 falado no Brasil<\/option><option value=\\\"Maged\\\">Maged ar_SA # \u0645\u0631\u062d\u0628\u064b\u0627 \u0627\u0633\u0645\u064a . \u0623\u0646\u0627 \u0639\u0631\u0628\u064a \u0645\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/option><option value=\\\"Mariska\\\">Mariska hu_HU # \u00dcdv\u00f6zl\u00f6m! vagyok. \u00c9n vagyok a magyar hang.<\/option><option value=\\\"Mei-Jia\\\">Mei-Jia zh_TW # \u60a8\u597d\uff0c\u6211\u53eb\u7f8e\u4f73\u3002\u6211\u8aaa\u570b\u8a9e\u3002<\/option><option value=\\\"Melina\\\">Melina el_GR # \u0393\u03b5\u03b9\u03b1 \u03c3\u03b1\u03c2, \u03bf\u03bd\u03bf\u03bc\u03ac\u03b6\u03bf\u03bc\u03b1\u03b9 . \u0395\u03af\u03bc\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03c6\u03c9\u03bd\u03ae.<\/option><option value=\\\"Milena\\\">Milena ru_RU # \u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u043c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 . \u042f \u2013 \u0440\u0443\u0441\u0441\u043a\u0438\u0439 \u0433\u043e\u043b\u043e\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/option><option value=\\\"Moira\\\">Moira en_IE # Hello, my name is . I am an Irish-English voice.<\/option><option value=\\\"Monica\\\">Monica es_ES # Hola, me llamo y soy una voz espa\u00f1ola.<\/option><option value=\\\"Nora\\\">Nora nb_NO # Hei, jeg heter . Jeg er en norsk stemme.<\/option><option value=\\\"Paulina\\\">Paulina es_MX # Hola, me llamo y soy una voz mexicana.<\/option><option value=\\\"Samantha\\\">Samantha en_US # Hello, my name is . I am an American-English voice.<\/option><option value=\\\"Sara\\\">Sara da_DK # Hej, jeg hedder . Jeg er en dansk stemme.<\/option><option value=\\\"Satu\\\">Satu fi_FI # Hei, minun nimeni on . Olen suomalainen \u00e4\u00e4ni.<\/option><option value=\\\"Sin-ji\\\">Sin-ji zh_HK # \u60a8\u597d\uff0c\u6211\u53eb \u3002\u6211\u8b1b\u5ee3\u6771\u8a71\u3002<\/option><option value=\\\"Tessa\\\">Tessa en_ZA # Hello, my name is . I am a South African-English voice.<\/option><option value=\\\"Thomas\\\">Thomas fr_FR # Bonjour, je m\u2019appelle . Je suis une voix fran\u00e7aise.<\/option><option value=\\\"Ting-Ting\\\">Ting-Ting zh_CN # \u60a8\u597d\uff0c\u6211\u53eb\u3002\u6211\u8bb2\u4e2d\u6587\u666e\u901a\u8bdd\u3002<\/option><option value=\\\"Veena\\\">Veena en_IN # Hello, my name is . I am an Indian-English voice.<\/option><option value=\\\"Victoria\\\">Victoria en_US # Isn't it nice to have a computer that will talk to you?<\/option><option value=\\\"Xander\\\">Xander nl_NL # Hallo, mijn naam is . Ik ben een Nederlandse stem.<\/option><option value=\\\"Yelda\\\">Yelda tr_TR # Merhaba, benim ad\u0131m . Ben T\u00fcrk\u00e7e bir sesim.<\/option><option value=\\\"Yuna\\\">Yuna ko_KR # \uc548\ub155\ud558\uc138\uc694. \uc81c \uc774\ub984\uc740 \uc785\ub2c8\ub2e4. \uc800\ub294 \ud55c\uad6d\uc5b4 \uc74c\uc131\uc785\ub2c8\ub2e4.<\/option><option value=\\\"Yuri\\\">Yuri ru_RU # \u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u043c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 . \u042f \u2013 \u0440\u0443\u0441\u0441\u043a\u0438\u0439 \u0433\u043e\u043b\u043e\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/option><option value=\\\"Zosia\\\">Zosia pl_PL # Witaj. Mam na imi\u0119 , jestem g\u0142osem kobiecym dla j\u0119zyka polskiego.<\/option><option value=\\\"Zuzana\\\">Zuzana cs_CZ # Dobr\u00fd den, jmenuji se . Jsem \u010desk\u00fd hlas.<\/option><\/select>\";
\n
\nfunction dotalk(towt) {
\n var huhvc=('' + window.sessionStorage.getItem('say_voice_speech_bubbles')).replace(\/^undefined\/g,'').replace(\/^null\/g,'');
\n if (towt == '') {
\n talkdo=false;
\n sayvoice='Alex';
\n if (huhvc != '') { window.sessionStorage.removeItem('say_voice_speech_bubbles'); }
\n } else {
\n talkdo=true;
\n sayvoice=towt;
\n if (huhvc != '') { window.sessionStorage.removeItem('say_voice_speech_bubbles'); }
\n window.sessionStorage.setItem('say_voice_speech_bubbles', towt);
\n }
\n talkvoice=towt;
\n}
\n
\nfunction gettalk() {
\n return talkvoice;
\n}
\n
\n function dcontitf() {
\n if (document.getElementById('dstyle')) {
\n dcontit=dstyleit(document.getElementById('dstyle')).replace(\/[^\\x00-\\x7F]\/g, '');
\n if (!talkdo) {
\n dcontit=dcontit.replace(\/[^\\x00-\\x7F]\/g, '');
\n lastdcontit=dcontit;
\n } else {
\n saywords=dcontit;
\n if (lastdcontit != '') {
\n if (dcontit.replace(\/[^\\x00-\\x7F]\/g, '').indexOf(lastdcontit.replace(\/[^\\x00-\\x7F]\/g, '')) == 0) {
\n saywords=dcontit.replace(\/[^\\x00-\\x7F]\/g, '').split(lastdcontit.replace(\/[^\\x00-\\x7F]\/g, ''))[1];
\n }
\n }
\n if (saywords.trim() != '') {
\n \/\/document.title=saywords;
\n dcontit=dcontit.replace(\/[^\\x00-\\x7F]\/g, '');
\n lastdcontit=dcontit;
\n \/\/alert(\"<iframe name=isayf id=isayf\" + Math.floor(Math.random() * 198978654) + \" title='' style=display:none; src='\/About_Us.html' onload=\\\"if (this.title.length == 0) { this.title='say'; window.open('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=\" + encodeURIComponent(saywords) + \"&voice=\" + encodeURIComponent(sayvoice) + \"','isayf'); }\\\"><\/iframe>\");
\n if (document.URL.indexOf('localhost:8888\/') != -1) {
\n if (document.getElementById('divsayf').innerHTML == '') {
\n document.getElementById('divsayf').innerHTML=\"<iframe name=isayf id=isayf title='' style=display:none; src='http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=\" + encodeURIComponent(saywords) + \"&voice=\" + encodeURIComponent(sayvoice) + \"' data-onload=\\\"if (this.title.length == 0) { this.title='say'; window.open('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=\" + encodeURIComponent(saywords) + \"&voice=\" + encodeURIComponent(sayvoice) + \"','isayf'); }\\\"><\/iframe>\";
\n } else {
\n \/\/alert('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=' + encodeURIComponent(saywords) + '&voice=' + encodeURIComponent(sayvoice));
\n document.getElementById('isayf').src=('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=' + encodeURIComponent(saywords) + '&voice=' + encodeURIComponent(sayvoice));
\n }
\n } else {
\n if (document.getElementById('divsayf').innerHTML == '') {
\n document.getElementById('divsayf').innerHTML=\"<iframe name=isayf id=isayf title='' style=display:none; src='\/About_Us.html' onload=\\\"if (this.title.length == 0) { this.title='say'; window.open('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=\" + encodeURIComponent(saywords) + \"&voice=\" + encodeURIComponent(sayvoice) + \"','isayf'); }\\\"><\/iframe>\";
\n } else {
\n window.open('http:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=' + encodeURIComponent(saywords) + '&voice=' + encodeURIComponent(sayvoice),'isayf');
\n }
\n }
\n }
\n lastdcontit=dcontit;
\n }
\n }
\n }
\n<\/font>
\n
\n function dotdotdotten() {
\n var preta='', anotherdata='', locationhash=('' + location.hash).replace(\/^undefined\/g,'').replace(\/^null\/g,'').split('#td')[0].replace(\/^\\#\/g,'');
\n document.body.title=document.title + ' ... swipe from top right down and left for email and swipe from bottom up for SMS ... click\/tap to manage Speech Bubble(s) or Lines of Text display here. Speech Bubbles may occur when there are line feeds entered by the user, and note, then, that the content can contain YouTube 11 character video IDs (optionally linkable to) or email address or international SMS number linking.';
\n if (window.opener) {
\n var wodiv=window.opener.document.getElementById('dcont').innerHTML;
\n var wasrec=amrecipient;
\n amrecipient=window.opener.trueifrec();
\n if (amrecipient && !wasrec) { fixwho(); }
\n \/\/alert(amrecipient);
\n if (wodiv.indexOf('<svg') != -1) {
\n anotherdata=' data-notfirst=y ';
\n locationhash='';
\n preta='<details id=wodt open><summary id=wosm>Speech Bubble(s) so far ...<\/summary>' + window.opener.document.getElementById('dcont').innerHTML + '<\/details><hr><br>';
\n }
\n var tset='';
\n var fromval=' value=\"\">';
\n var toval=' value=\"\">';
\n var fromtwoval='Optionally add commentary with Voice ...';
\n var totwoval='Optionally add commentary with Voice ...';
\n var disis='inline-block';
\n if (document.URL.indexOf('localhost:8888\/') == -1 && ('' + navigator.platform).toLowerCase().indexOf('mac') != 0) { disis='none'; }
\n if (window.opener.gettalk() != '') {
\n fromval=' value=\"' + window.opener.gettalk() + '\">';
\n toval=' value=\"' + window.opener.gettalk() + '\" selected>';
\n totwoval='Suppress commentary currently with Voice ' + window.opener.gettalk() + ' ...';
\n }<\/font>
\n if (oktoemail && !oktosms) {
\n document.body.innerHTML=preta + '<textarea placeholder=\"Add your next bit of content (where ~~ on a single record of data can be line feed(s)).\" id=myta style=width:100%;height:50%; ' + anotherdata + ' data-done=\"n\" onblur=\" if (oktoemail) { if (!oktosms) { document.getElementById(' + \"'butsms'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butemail'\" + ').click(); }, 3200); } if (oktosms) { if (!oktoemail) { document.getElementById(' + \"'butemail'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butsms'\" + ').click(); }, 3400); } this.style.cursor=' + \"'progress'\" + '; setTimeout(function(){ document.getElementById(' + \"'myta'\" + ').setAttribute(' + \"'data-done','y'\" + '); }, 5000);\">' + decodeURIComponent(('' + locationhash).replace(\/^\\#\/g,'')).replace(\/\\<br\\>\/g, String.fromCharCode(10)) + '<\/textarea><br><br><button onclick=\"setTimeout(function(){ window.opener.doemail(); }, 2000);\" id=\"butemail\">Email 📧<\/button>  <button onclick=\"setTimeout(function(){ window.opener.dosms(); }, 2000);\" id=\"butsms\" disabled>SMS 📟<\/button>  ' + voicedrop.replace('inline-block',disis).replace(fromval,toval).replace(fromtwoval,totwoval)<\/font>;
\n } else if (!oktoemail && oktosms) {
\n document.body.innerHTML=preta + '<textarea placeholder=\"Add your next bit of content (where ~~ on a single record of data can be line feed(s)).\" id=myta style=width:100%;height:50%; ' + anotherdata + ' data-done=\"n\" onblur=\" if (oktoemail) { if (!oktosms) { document.getElementById(' + \"'butsms'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butemail'\" + ').click(); }, 3200); } if (oktosms) { if (!oktoemail) { document.getElementById(' + \"'butemail'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butsms'\" + ').click(); }, 3400); } this.style.cursor=' + \"'progress'\" + '; setTimeout(function(){ document.getElementById(' + \"'myta'\" + ').setAttribute(' + \"'data-done','y'\" + '); }, 5000);\">' + decodeURIComponent(('' + locationhash).replace(\/^\\#\/g,'')).replace(\/\\<br\\>\/g, String.fromCharCode(10)) + '<\/textarea><br><br><button onclick=\"setTimeout(function(){ window.opener.doemail(); }, 2000);\" id=\"butemail\" disabled>Email 📧<\/button>  <button onclick=\"setTimeout(function(){ window.opener.dosms(); }, 2000);\" id=\"butsms\">SMS 📟<\/button>  ' + voicedrop.replace('inline-block',disis).replace(fromval,toval).replace(fromtwoval,totwoval)<\/font>;
\n } else {
\n document.body.innerHTML=preta + '<textarea placeholder=\"Add your next bit of content (where ~~ on a single record of data can be line feed(s)).\" id=myta style=width:100%;height:50%; ' + anotherdata + ' data-done=\"n\" onblur=\" if (oktoemail) { if (!oktosms) { document.getElementById(' + \"'butsms'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butemail'\" + ').click(); }, 3200); } if (oktosms) { if (!oktoemail) { document.getElementById(' + \"'butemail'\" + ').disabled=true; } setTimeout(function(){ document.getElementById(' + \"'butsms'\" + ').click(); }, 3400); } this.style.cursor=' + \"'progress'\" + '; setTimeout(function(){ document.getElementById(' + \"'myta'\" + ').setAttribute(' + \"'data-done','y'\" + '); }, 5000);\">' + decodeURIComponent(('' + locationhash).replace(\/^\\#\/g,'')).replace(\/\\<br\\>\/g, String.fromCharCode(10)) + '<\/textarea><br><br><button onclick=\"setTimeout(function(){ window.opener.doemail(); }, 2000);\" id=\"butemail\">Email 📧<\/button>  <button onclick=\"setTimeout(function(){ window.opener.dosms(); }, 2000);\" id=\"butsms\">SMS 📟<\/button>  ' + voicedrop.replace('inline-block',disis).replace(fromval,toval).replace(fromtwoval,totwoval)<\/font>;
\n }
\n document.getElementById('myta').placeholder+=' ' + String.fromCharCode(10) + 'Real textarea line feed usage can help you start creating speech bubble(s). ' + String.fromCharCode(10) + 'Lines of data that are just ~~ separate your entry of multiple speech bubbles. ' + String.fromCharCode(10) + 'Starting with a ~~ line of data starts afresh with all data.' + String.fromCharCode(10) + 'Speech Bubbles may occur when there are line feeds entered by the user, and note, then, that the content can contain YouTube 11 character video IDs (optionally linkable to) or email address or international SMS number linking.';
\n document.getElementById('myta').placeholder+=' ' + String.fromCharCode(10) + String.fromCharCode(10) + String.fromCharCode(10) + prmptstr.replace(\"To share on today's Bulletin Board enter a username \", \"You can append username\/contact details to the end of a line here with To: (then optional privacy space(s)) for Group Talk definition with or without privacy \").replace(\", and append space to remember, append another space to apply to all other Speech Bubbles\", \" applies to all Speech Bubbles\");
\n } else {
\n if (decodeURIComponent(('#' + location.hash)).indexOf('#bodyih=') != -1) {
\n document.body.innerHTML=decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1];
\n }
\n butnotif=true;
\n addcontents(document.getElementById('mysel').title.replace(\/\\.\\.\\.\/g, '... ~~'));
\n butnotif=false;
\n document.getElementById('mysel').title=document.getElementById('mysel').title.replace(\/\\.\\.\\.\/g, '... ' + String.fromCharCode(10));
\n linesofcontent=[];
\n linesofbcss=[];
\n stylebit='';
\n \/\/document.getElementById('mysel').readonly=true;
\n \/\/document.getElementById('mysel').disabled=true;
\n }
\n }
\n
\n function atstart() {
\n document.body.style.zoom = 1.0
\n
\n var scale = 'scale(1)';
\n document.body.style.webkitTransform = scale; \/\/ Chrome, Opera, Safari
\n document.body.style.msTransform = scale; \/\/ IE 9
\n document.body.style.transform = scale; \/\/ General
\n wow=eval(window.outerWidth);
\n woh=eval(window.outerHeight);
\n wiw=eval(window.innerWidth);
\n wih=eval(window.innerHeight);
\n \/\/alert('' + wih + ' vs ' + woh);
\n if (window.opener) {
\n firstone=false;
\n if (document.URL.indexOf('oktoemail=') != -1) {
\n oktoemail=true;
\n window.opener.settodoemail(false);
\n } else if (document.URL.indexOf('oktosms=') != -1) {
\n oktosms=true;
\n window.opener.settodosms(false);
\n } else {
\n setTimeout(function(){
\n oktoemail=window.opener.gettodoemail();
\n oktosms=window.opener.gettodosms();
\n window.opener.settodoemail(false);
\n window.opener.settodosms(false);
\n }, 2000);
\n }
\n } else if (document.getElementById('dstyle')) {
\n var huhvc=('' + window.sessionStorage.getItem('say_voice_speech_bubbles')).replace(\/^undefined\/g,'').replace(\/^null\/g,'');
\n if (huhvc != '') {
\n talkdo=true;
\n sayvoice=huhvc;
\n talkvoice=huhvc;
\n }
\n dcontit=dstyleit(document.getElementById('dstyle')).replace(\/[^\\x00-\\x7F]\/g, '');
\n lastdcontit=dcontit;
\n setInterval(dcontitf, 10000);
\n }<\/font>
\n
\n }
\n<\/code><\/p>\n

… in the SVG tspan 11 more legitimate letter word YouTube reference Speech Bubble changed<\/a> select_palette.html<\/a> web application<\/a>, building on the “first cab off the rank” work of yesterday’s Talking Message Board Tutorial<\/a>.<\/p>\n

\n

\n

Previous relevant Talking Message Board Tutorial<\/a> is shown below.<\/p>\n

\"Talking<\/a>

Talking Message Board Tutorial<\/p><\/div>\n

Using yesterday’s Text to Speech Hashtagging Tutorial<\/a>, as our “first cab off the rank” in it’s “first incarnation of usage” is a potentially …<\/p>\n

\nTalking Message Board\n<\/p><\/blockquote>\n

… last talked about at Message Board One Liners Span Inline Talents Tutorial<\/a> where the proviso …<\/p>\n

\nThat is, if you have an underlying macOS and MAMP system with macos_say_record.php placed into Document Root folder.\n<\/p><\/blockquote>\n

… holds sway, as a new piece of Text to Speech interfacing functionality. This optional idea kicks into play …<\/p>\n

    \n
  1. should a macOS user choose one of the “say”<\/a> voices off a new dropdown (ie. select element) … combined with …<\/li>\n
  2. a new entry is added to the Message Board<\/li>\n<\/ol>\n

    Our favourite codeline regarding this concerned an HTML iframe starting out with a public “src” attribute URL and empty title attribute, and then an onload<\/i> event allows for Internet to meet Intranet via a window.open reimagination so that the “say” command can be constructed and executed at the underlying macOS command line via the PHP exec function conduit …<\/p>\n

    <?php
    \n
    \n $ifsay=(\"<iframe name=isayf id=isayf title='' style=display:none; src='\/About_Us.html' onload=\\\"if (this.title.length == 0) { this.title='say'; window.open('http<\/font>:\/\/localhost:8888\/macos_say_record.php?justsayingforafriend=y&saythis=\" . urlencode(nobrk($afters)) . \"&voice=\" . explode(\" \",str_replace('+',' ',urldecode($avoice)))[-1 + sizeof(explode(\" \",str_replace('+',' ',urldecode($avoice))))] . \"','isayf'); }\\\"><\/iframe>\");
    \n<\/code>
    \n?><\/p>\n

    … regarding …<\/p>\n