{"id":66848,"date":"2025-02-10T03:01:00","date_gmt":"2025-02-09T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=66848"},"modified":"2025-02-12T16:23:26","modified_gmt":"2025-02-12T06:23:26","slug":"python-cowsay-api-cartoon-speech-media-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-speech-media-tutorial\/","title":{"rendered":"Python Cowsay API Cartoon Speech Media Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Python Cowsay API Cartoon Speech Media Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/cowsay_media.gif\" title=\"Python Cowsay API Cartoon Speech Media Tutorial\" style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Python Cowsay API Cartoon Speech Media Tutorial<\/p><\/div>\n<p>As soon as a web application talks about image slides, as we have been dealing with allowing for the creation of cartoons with our recent <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> Python API \/ Command-line tool interfacing PHP <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\">web application<\/a>, maybe as <a target=\"blank\" title='Louis Lumi\u00e8re information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Louis_Lumi%C3%A8re' rel=\"noopener\">Louis Lumi\u00e8re<\/a> did many years ago, it brings out media thoughts regarding &#8220;moving pictures&#8221;.  We use, here, at our RJM Programming AlmaLinux web server, the great Open Source <a target=\"_blank\" title='ffmpeg' href='https:\/\/www.ffmpeg.org\/' rel=\"noopener\">ffmpeg<\/a> to help create such media, in today&#8217;s case &#8230;<\/p>\n<ul>\n<li><font color=blue>video<\/font><\/li>\n<li><font color=purple>animated GIF<\/font><\/li>\n<\/ul>\n<p> &#8230; productions using those image slides created via the <font size=1>(again, Open Source)<\/font>  <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> Python API \/ Command-line tool &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n   if (isset($_GET['getvideo'])) {<br \/>\n     $lenv='1';<br \/>\n     if (isset($_GET['len'])) {<br \/>\n       $lenv=$_GET['len'];<br \/>\n     }<br \/>\n     if ($_GET['getvideo'] == '1' && $lenv == '0') {<br \/>\n     echo \"&lt;html&gt;&lt;body onload=\\\" if (parent.document.getElementById('divvideo')) {  parent.document.getElementById('divvideo').innerHTML='&lt;video id=myvideo controls&gt;&lt;source id=mysource type=video\/mp4 src=' + String.fromCharCode(39) + 'data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"' + String.fromCharCode(39) + '&gt;&lt;\/source&gt;&lt;\/video&gt;'; } else if (parent.document.getElementById('mysource')) { parent.document.getElementById('mysource').src='data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"';  } else { parent.document.getElementById('divmedia').innerHTML+='&lt;br&gt;&lt;br&gt;&lt;p id=pvd&gt;Video version below ... &lt;a style=display:inline-block; href=#myh1&gt;Back to top ...&lt;\/a&gt;&lt;\/p&gt;&lt;br&gt;&lt;div id=divvideo&gt;&lt;video id=myvideo controls&gt;&lt;source id=mysource type=video\/mp4 src=' + String.fromCharCode(39) + 'data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"' + String.fromCharCode(39) + '&gt;&lt;\/source&gt;&lt;\/video&gt;&lt;\/div&gt;'; } setTimeout(function(){ parent.document.getElementById('pvd').scrollIntoView(); }, 2000); \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     } else {<br \/>\n     if (file_exists('\/tmp\/video' . server_remote_addr() . '.mp4')) {<br \/>\n       unlink('\/tmp\/video' . server_remote_addr() . '.mp4');<br \/>\n     }<br \/>\n     exec('<font color=blue>ffmpeg -framerate 2 -i \/tmp\/slide_' . server_remote_addr() . '-%03d.png -vcodec libx264 -crf 22 \/tmp\/video' . server_remote_addr() . '.mp4<\/font>');<br \/>\n     echo \"&lt;html&gt;&lt;body onload=\\\" if (parent.document.getElementById('divvideo')) {  parent.document.getElementById('divvideo').innerHTML='&lt;video id=myvideo controls&gt;&lt;source id=mysource type=video\/mp4 src=' + String.fromCharCode(39) + 'data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"' + String.fromCharCode(39) + '&gt;&lt;\/source&gt;&lt;\/video&gt;'; } else if (parent.document.getElementById('mysource')) { parent.document.getElementById('mysource').src='data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"';  } else { parent.document.getElementById('divmedia').innerHTML+='&lt;br&gt;&lt;br&gt;&lt;p id=pvd&gt;Video version below ... &lt;a style=display:inline-block; href=#myh1&gt;Back to top ...&lt;\/a&gt;&lt;\/p&gt;&lt;br&gt;&lt;div id=divvideo&gt;&lt;video id=myvideo controls&gt;&lt;source id=mysource type=video\/mp4 src=' + String.fromCharCode(39) + 'data:video\/mp4;base64,\" . base64_encode(file_get_contents('\/tmp\/video' . server_remote_addr() . '.mp4')) . \"' + String.fromCharCode(39) + '&gt;&lt;\/source&gt;&lt;\/video&gt;&lt;\/div&gt;'; } setTimeout(function(){ parent.document.getElementById('pvd').scrollIntoView(); }, 2000); \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     }<br \/>\n     exit;<br \/>\n   } else if (isset($_GET['getagif'])) {<br \/>\n     $lenv='1';<br \/>\n     if (isset($_GET['len'])) {<br \/>\n       $lenv=$_GET['len'];<br \/>\n     }<br \/>\n     if ($_GET['getvideo'] == '1' && $lenv == '0') {<br \/>\n     echo \"&lt;html&gt;&lt;body onload=\\\" if (parent.document.getElementById('mygif')) { parent.document.getElementById('mygif').src='data:image\/gif;base64,\" . base64_encode(file_get_contents('\/tmp\/agif' . server_remote_addr() . '.gif')) . \"';  } else { parent.document.getElementById('divmedia').innerHTML+='&lt;br&gt;&lt;br&gt;&lt;p id=pag&gt;Animated GIF version below ... &lt;a style=display:inline-block; href=#myh1&gt;Back to top ...&lt;\/a&gt;&lt;\/p&gt;&lt;br&gt;&lt;img id=mygif src=data:image\/gif;base64,\" . base64_encode(file_get_contents('\/tmp\/agif' . server_remote_addr() . '.gif')) . \"&gt;&lt;\/img&gt;'; }   setTimeout(function(){ parent.document.getElementById('pag').scrollIntoView(); }, 2000);   \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     } else {<br \/>\n     if (file_exists('\/tmp\/agif' . server_remote_addr() . '.gif')) {<br \/>\n       unlink('\/tmp\/agif' . server_remote_addr() . '.gif');<br \/>\n     }<br \/>\n     exec('<font color=purple>ffmpeg -framerate 2 -i \/tmp\/slide_' . server_remote_addr() . '-%03d.png \/tmp\/agif' . server_remote_addr() . '.gif<\/font>');<br \/>\n     echo \"&lt;html&gt;&lt;body onload=\\\" if (parent.document.getElementById('mygif')) { parent.document.getElementById('mygif').src='data:image\/gif;base64,\" . base64_encode(file_get_contents('\/tmp\/agif' . server_remote_addr() . '.gif')) . \"';  } else { parent.document.getElementById('divmedia').innerHTML+='&lt;br&gt;&lt;br&gt;&lt;p id=pag&gt;Animated GIF version below ... &lt;a style=display:inline-block; href=#myh1&gt;Back to top ...&lt;\/a&gt;&lt;\/p&gt;&lt;br&gt;&lt;img id=mygif src=data:image\/gif;base64,\" . base64_encode(file_get_contents('\/tmp\/agif' . server_remote_addr() . '.gif')) . \"&gt;&lt;\/img&gt;'; }   setTimeout(function(){ parent.document.getElementById('pag').scrollIntoView(); }, 2000);   \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     }<br \/>\n     exit;<br \/>\n   }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; as a new optional piece of additional functionality offered in <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/cowsay.php----GETME\" rel=\"noopener\">our changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php----GETME\" rel=\"noopener\">&#8220;fifth draft&#8221;<\/a> <font size=1>(picking up from <a title='Python Cowsay API Cartoon Speech Content Tutorial' href='#pcapicsct'>Python Cowsay API Cartoon Speech Content Tutorial<\/a>&#8216;s fourth draft, and further to yesterday&#8217;s <a title='Text to Image via ImageMagick Primer Tutorial' href='#tiimpt' rel=\"noopener\">Text to Image via ImageMagick Primer Tutorial<\/a>)<\/font> <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\">Cartoon creation and email sharing capable<\/a> PHP web application you can also <a href='#ifcart'>try below<\/a>. <\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-speech-media-tutorial\/' rel=\"noopener\">Python Cowsay API Cartoon Speech Media Tutorial<\/a>.<\/p-->\n<hr>\n<p id='tiimpt'>Previous relevant <a target=\"_blank\" title='Text to Image via ImageMagick Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/text-to-image-via-imagemagick-primer-tutorial\/' rel=\"noopener\">Text to Image via ImageMagick Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/text_to_image.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Text to Image via ImageMagick Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/text_to_image.gif\" title=\"Text to Image via ImageMagick Primer Tutorial\" style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Text to Image via ImageMagick Primer Tutorial<\/p><\/div>\n<p>Why would a &#8220;Primer&#8221; tutorial point at a &#8220;well along the way&#8221; one?  Well, a few reasons really &#8230;<\/p>\n<ul>\n<li>the &#8220;Primer&#8221; concept of Text to Images (as an <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/text_to_image.html-GETME\" rel=\"noopener\">early days<\/a> <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/text_to_image.html\" rel=\"noopener\">web application<\/a> possibility) only happened because of yesterday&#8217;s <a title='Python Cowsay API Cartoon Speech Content Tutorial' href='#pcapicsct'>Python Cowsay API Cartoon Speech Content Tutorial<\/a>&#8216;s work &#8230;<\/li>\n<li>the inhouse Text to Images web application calls on the <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> Python API \/ Command-line tool interfacing PHP web application of yesterday (via <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/cowsay.php-----GETME\" rel=\"noopener\">our changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php-----GETME\" rel=\"noopener\">latest draft<\/a> cowsay.php code) &#8230; and that &#8230;<\/li>\n<li>called PHP now not only involves Python but a part of today&#8217;s Text to Images logic calls on Perl (when trying to display emoji characters <font size=1>(and is imperfect, by the way, but <a target=\"_blank\" title='Useful link' href='https:\/\/usage.imagemagick.org\/text\/#unicode' rel=\"noopener\">thanks for the heads up<\/a>)<\/font>) &#8230; which can only mean <strike>36.3<\/strike> <font size=1>&#8230; sorry &#8230;<\/font> <strong>1<\/strong> thing &#8230;<br \/>\n<blockquote><p>\nThe Three P&#8217;s &#8230; <a target=\"_blank\" title='?' href='https:\/\/www.youtube.com\/watch?v=fw7p7tAdVuE' rel=\"noopener\">ride again!<\/a>\n<\/p><\/blockquote>\n<\/li>\n<\/ul>\n<p>Yes, the great <a target=\"_blank\" href='https:\/\/imagemagick.org' title='ImageMagick' rel=\"noopener\">ImageMagick<\/a> <font size=1>(and we&#8217;re using it&#8217;s command line &#8220;convert&#8221; command here to make this happen)<\/font> can convert text to images (ie. HTML img elements).  Now, we&#8217;re not saying you always get perfect matches here, but it is akin to mere mortal dreamers think of as &#8220;intelligent scanning&#8221;.  So, we wanted to have this sidetrack, and we will be resuming &#8220;normal transmission&#8221; <a style=text-decoration:underline;cursor:pointer; onmouseover=\"document.getElementById('npb').style.display='block'; document.getElementById('ifnpb').style.display='block';\" onclick=\"document.getElementById('npb').style.display='block'; document.getElementById('ifnpb').style.display='block';\">shortly?!<\/a><\/p>\n<p><img style=display:none; id=npb src='\/nala_praise_be.jpg'><\/img><\/p>\n<p><iframe style=display:none;width:100%;height:900px; id=ifnpb src='\/\/www.rjmprogramming.com.au\/text_to_image.html'><\/iframe><\/p>\n<p>We&#8217;ll leave you with some <i>cowsay.php<\/i> new relevant PHP code to ponder &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n   if (isset($_GET['fontlist'])) {<br \/>\n     $selpop='';<br \/>\n     if (!file_exists('\/tmp\/imfl.txt')) {<br \/>\n         exec('convert -list font &gt; \/tmp\/imfl.txt');<br \/>\n     }<br \/>\n     $fcont=file_get_contents('\/tmp\/imfl.txt');<br \/>\n     if (strpos($fcont, 'family: ') !== false) {<br \/>\n       $fcs=explode('family: ', $fcont);<br \/>\n       for ($iuy=1; $iuy&lt;sizeof($fcs); $iuy++) {<br \/>\n        if (strpos($selpop, '&gt;' . explode(\"\\n\", $fcs[$iuy])[0] . '&lt;') === false) {<br \/>\n         $selpop.=\"\\n selo.innerHTML+='&lt;option value=' + String.fromCharCode(39) + '\" . explode(\"\\n\", $fcs[$iuy])[0] . \"' + String.fromCharCode(39) + '&gt;\" . explode(\"\\n\", $fcs[$iuy])[0] . \"&lt;\/option&gt;'; \\n\";<br \/>\n        }<br \/>\n       }<br \/>\n       if ($selpop != '') {<br \/>\n         echo \"&lt;html&gt;&lt;body onload=\\\" var selos=parent.document.getElementsByTagName('select'); if (eval('' + selos.length) &gt; 0) { var selo=selos[eval(-1 + selos.length)];  \" . $selpop . \" selo.style.display='inline-block';  selo.style.backgroundColor='#f0f0f0';   } \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n       }<br \/>\n     }<br \/>\n     exit;<br \/>\n   } else if (isset($_POST['text'])) {<br \/>\n     $perlemoji='';<br \/>\n     $emojilabbit=\"@- \";  \/\/ vs perl<br \/>\n     $iex='png';<br \/>\n     $fnt='Courier';<br \/>\n     $wdt='800';<br \/>\n     $hgt='800';<br \/>\n     $psiz='36';<br \/>\n     $fcol='black';<br \/>\n     $bcol='white';<br \/>\n     if (isset($_POST['ext'])) {  $iex=str_replace('+',' ',urldecode($_POST['ext']));  }<br \/>\n     if (isset($_POST['ffam'])) {  $fnt=str_replace('+',' ',urldecode($_POST['ffam']));  }<br \/>\n     if (isset($_POST['width'])) {  $pwdt=str_replace('+',' ',urldecode($_POST['width']));  }<br \/>\n     if (isset($_POST['height'])) {  $hgt=str_replace('+',' ',urldecode($_POST['height']));  }<br \/>\n     if (isset($_POST['ptsize'])) {  $psiz=str_replace('+',' ',urldecode($_POST['ptsize']));  }<br \/>\n     if (isset($_POST['fcol'])) {  $fcol=str_replace('+',' ',urldecode($_POST['fcol']));  }<br \/>\n     if (isset($_POST['bcol'])) {  $bcol=str_replace('+',' ',urldecode($_POST['bcol']));  }<br \/>\n     $slidename='\/tmp\/imagerequest_' . server_remote_addr() . '-0.' . $iex;<br \/>\n     file_put_contents('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt', str_replace('+',' ',urldecode($_POST['text'])));<br \/>\n     file_put_contents('\/tmp\/maybeemojisP.txt', htmlspecialchars(str_replace('+',' ',urldecode($_POST['text'])), ENT_COMPAT,'UTF-8', true));<br \/>\n     \/\/ yes no &amp;#129684;<br \/>\n     if (strpos(str_replace('+',' ',urldecode($_POST['text'])), '&amp;#') !== false || strpos(str_replace('+',' ',urldecode($_POST['text'])), '&amp;#') !== false) {  \/\/ thanks to https:\/\/usage.imagemagick.org\/text\/#unicode<br \/>\n         $outsofar=''; \/\/ '\\x{201C}Unicode \\x{2018}\\x{263A}\\x{2019} Please\\x{201D}'<br \/>\n         if (strpos(str_replace('+',' ',urldecode($_POST['text'])), '&amp;#') !== false) {<br \/>\n           $outs=explode('&amp;#', str_replace('+',' ',urldecode($_POST['text'])));<br \/>\n           $outsofar=$outs[0];<br \/>\n           for ($ivx=1; $ivx&lt;sizeof($outs); $ivx++) {<br \/>\n             $decis=explode(';', $outs[$ivx])[0];<br \/>\n             if (str_replace('0','',str_replace('1','',str_replace('2','',str_replace('3','',str_replace('4','',str_replace('5','',str_replace('6','',str_replace('7','',str_replace('8','',str_replace('9','',$decis)))))))))) != '') {<br \/>\n             if (substr(strtolower($decis),0,1) == 'x') {<br \/>\n             $outsofar.=\"\\\\x{\" . substr($decis,1) . \"}\";<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . $decis . \"}\";<br \/>\n             }<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . dechex($decis) . \"}\";<br \/>\n             }<br \/>\n             $outsofar.=substr($outs[$ivx],strlen($decis . ';'));<br \/>\n           }<br \/>\n         } else if (strpos(str_replace('+',' ',urldecode($_POST['text'])), '&amp;#') !== false) {<br \/>\n           $outs=explode('&amp;#', str_replace('+',' ',urldecode($_POST['text'])));<br \/>\n           $outsofar=$outs[0];<br \/>\n           for ($ivx=1; $ivx&lt;sizeof($outs); $ivx++) {<br \/>\n             $decis=explode(';', $outs[$ivx])[0];<br \/>\n             if (str_replace('0','',str_replace('1','',str_replace('2','',str_replace('3','',str_replace('4','',str_replace('5','',str_replace('6','',str_replace('7','',str_replace('8','',str_replace('9','',$decis)))))))))) != '') {<br \/>\n             if (substr(strtolower($decis),0,1) == 'x') {<br \/>\n             $outsofar.=\"\\\\x{\" . substr($decis,1) . \"}\";<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . $decis . \"}\";<br \/>\n             }<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . dechex($decis) . \"}\";<br \/>\n             }<br \/>\n             $outsofar.=substr($outs[$ivx],strlen($decis . ';'));<br \/>\n           }<br \/>\n         }<br \/>\n         $labbit=$emojilabbit;<br \/>\n         $perlemoji=\"perl -e 'binmode(STDOUT, \\\":utf8\\\"); print \\\"\" . str_replace(\"\\n\", \"\\x{000A}\", $outsofar) . '\";' . \"' | \";<br \/>\n     }<br \/>\n     if (strpos(str_replace('+',' ',urldecode($_POST['text'])), \"\\\\\") !== false) {<br \/>\n     if ($perlemoji == '') { $labbit='\"$(cat \/tmp\/imagerequest_' . server_remote_addr() . '-0.txt | ' . \" sed '\/\\\\\\\\\/s\/\/\\\\\\\\\\\\\\\\\/g')\" . '\" '; }<br \/>\n     file_put_contents('\/tmp\/imag.cmd', $perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename);<br \/>\n     exec($perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename);<br \/>\n     exec('chmod 777 ' . $slidename);<br \/>\n     } else {<br \/>\n     if ($perlemoji == '') { $labbit='\"$(cat \/tmp\/imagerequest_' . server_remote_addr() . '-0.txt)' . '\" '; }<br \/>\n     file_put_contents('\/tmp\/imaG.cmd', $perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename . ' ; chmod 777 ' . $slidename);<br \/>\n     exec($perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename);<br \/>\n     exec('chmod 777 ' . $slidename);<br \/>\n     }<br \/>\n     if (isset($_POST['raw'])) {<br \/>\n     header('Content-Type: image\/' . $iex);<br \/>\n     echo file_get_contents($slidename);<br \/>\n     unlink($slidename);<br \/>\n     unlink('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt');<br \/>\n     exit;<br \/>\n     } else {<br \/>\n     echo \"&lt;html&gt;<br \/>\n     &lt;body onload=\\\"<br \/>\n       if (window.parent != window.self) {<br \/>\n       var cnvs=parent.document.getElementsByTagName('canvas');<br \/>\n       if (eval('' + cnvs.length) &gt; 0) {<br \/>\n         var imgsis=new Image();<br \/>\n         imgsis.onload=function(event){<br \/>\n           var canvasis=cnvs[0];<br \/>\n           var cntxis=canvasis.getContext('2d');<br \/>\n           cntxis.drawImage(event.target, 0, 0);<br \/>\n         };<br \/>\n         imgsis.src='data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"';<br \/>\n       } else {<br \/>\n       var imgs=parent.document.getElementsByTagName('img');<br \/>\n       if (eval('' + imgs.length) &gt; 0) {<br \/>\n         imgs[0].src='data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"';<br \/>\n       } else if (document.body.innerHTML == '') {<br \/>\n         document.body.innerHTML='&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;&lt;style&gt; * { margin:0 0 0 0; padding:0 0 0 0; } img {  border-top: 8px solid \" . $bcol . \"; }&lt;\/style&gt;';<br \/>\n       } else {<br \/>\n         document.body.innerHTML+='&lt;br&gt;&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;';<br \/>\n       }<br \/>\n       }<br \/>\n       } else if (document.body.innerHTML == '') {<br \/>\n         document.body.innerHTML='&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;&lt;style&gt; * { margin:0 0 0 0; padding:0 0 0 0; } img {  border-top: 8px solid \" . $bcol . \"; }&lt;\/style&gt;';<br \/>\n       } else {<br \/>\n         document.body.innerHTML+='&lt;br&gt;&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;';<br \/>\n       }<br \/>\n     \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     unlink('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt');<br \/>\n     try {<br \/>\n     unlink($slidename);<br \/>\n     } catch(Exception $esdw) {   }<br \/>\n     }<br \/>\n     exit;<br \/>\n   } else if (isset($_GET['text'])) {<br \/>\n     $perlemoji='';<br \/>\n     $emojilabbit=\"@- \";  \/\/ vs perl<br \/>\n     $iex='png';<br \/>\n     $fnt='Courier';<br \/>\n     $wdt='800';<br \/>\n     $hgt='800';<br \/>\n     $psiz='36';<br \/>\n     $fcol='black';<br \/>\n     $bcol='white';<br \/>\n     if (isset($_GET['ext'])) {  $iex=str_replace('+',' ',urldecode($_GET['ext']));  }<br \/>\n     if (isset($_GET['ffam'])) {  $fnt=str_replace('+',' ',urldecode($_GET['ffam']));  }<br \/>\n     if (isset($_GET['width'])) {  $pwdt=str_replace('+',' ',urldecode($_GET['width']));  }<br \/>\n     if (isset($_GET['height'])) {  $hgt=str_replace('+',' ',urldecode($_GET['height']));  }<br \/>\n     if (isset($_GET['ptsize'])) {  $psiz=str_replace('+',' ',urldecode($_GET['ptsize']));  }<br \/>\n     if (isset($_GET['fcol'])) {  $fcol=str_replace('+',' ',urldecode($_GET['fcol']));  }<br \/>\n     if (isset($_GET['bcol'])) {  $bcol=str_replace('+',' ',urldecode($_GET['bcol']));  }<br \/>\n     $slidename='\/tmp\/imagerequest_' . server_remote_addr() . '-0.' . $iex;<br \/>\n     file_put_contents('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt', str_replace('+',' ',urldecode($_GET['text'])));<br \/>\n     file_put_contents('\/tmp\/maybeemojisG.txt', htmlspecialchars(str_replace('+',' ',urldecode($_GET['text'])), ENT_COMPAT,'UTF-8', true));<br \/>\n     \/\/ yes no &amp;#129684;<br \/>\n     if (strpos(str_replace('+',' ',urldecode($_GET['text'])), '&amp;#') !== false || strpos(str_replace('+',' ',urldecode($_GET['text'])), '&amp;#') !== false) { \/\/ thanks to https:\/\/usage.imagemagick.org\/text\/#unicode<br \/>\n         $outsofar=''; \/\/ '\\x{201C}Unicode \\x{2018}\\x{263A}\\x{2019} Please\\x{201D}'<br \/>\n         if (strpos(str_replace('+',' ',urldecode($_GET['text'])), '&amp;#') !== false) {<br \/>\n           $outs=explode('&amp;#', str_replace('+',' ',urldecode($_GET['text'])));<br \/>\n           $outsofar=$outs[0];<br \/>\n           for ($ivx=1; $ivx&lt;sizeof($outs); $ivx++) {<br \/>\n             $decis=explode(';', $outs[$ivx])[0];<br \/>\n             if (str_replace('0','',str_replace('1','',str_replace('2','',str_replace('3','',str_replace('4','',str_replace('5','',str_replace('6','',str_replace('7','',str_replace('8','',str_replace('9','',$decis)))))))))) != '') {<br \/>\n             if (substr(strtolower($decis),0,1) == 'x') {<br \/>\n             $outsofar.=\"\\\\x{\" . substr($decis,1) . \"}\";<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . $decis . \"}\";<br \/>\n             }<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . dechex($decis) . \"}\";<br \/>\n             }<br \/>\n             $outsofar.=substr($outs[$ivx],strlen($decis . ';'));<br \/>\n           }<br \/>\n         } else if (strpos(str_replace('+',' ',urldecode($_GET['text'])), '&amp;#') !== false) {<br \/>\n           $outs=explode('&amp;#', str_replace('+',' ',urldecode($_GET['text'])));<br \/>\n           $outsofar=$outs[0];<br \/>\n           for ($ivx=1; $ivx&lt;sizeof($outs); $ivx++) {<br \/>\n             $decis=explode(';', $outs[$ivx])[0];<br \/>\n             if (str_replace('0','',str_replace('1','',str_replace('2','',str_replace('3','',str_replace('4','',str_replace('5','',str_replace('6','',str_replace('7','',str_replace('8','',str_replace('9','',$decis)))))))))) != '') {<br \/>\n             if (substr(strtolower($decis),0,1) == 'x') {<br \/>\n             $outsofar.=\"\\\\x{\" . substr($decis,1) . \"}\";<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . $decis . \"}\";<br \/>\n             }<br \/>\n             } else {<br \/>\n             $outsofar.=\"\\\\x{\" . dechex($decis) . \"}\";<br \/>\n             }<br \/>\n             $outsofar.=substr($outs[$ivx],strlen($decis . ';'));<br \/>\n           }<br \/>\n         }<br \/>\n         $labbit=$emojilabbit;<br \/>\n         $perlemoji=\"perl -e 'binmode(STDOUT, \\\":utf8\\\"); print \\\"\" . str_replace(\"\\n\", \"\\x{000A}\", $outsofar) . '\";' . \"' | \";<br \/>\n     }<br \/>\n     if (strpos(str_replace('+',' ',urldecode($_GET['text'])), \"\\\\\") !== false) {<br \/>\n     if ($perlemoji == '') { $labbit='\"$(cat \/tmp\/imagerequest_' . server_remote_addr() . '-0.txt | ' . \" sed '\/\\\\\\\\\/s\/\/\\\\\\\\\\\\\\\\\/g')\" . '\" '; }<br \/>\n     \/\/file_put_contents('\/tmp\/imag.cmd', 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:\"$(cat \/tmp\/imagerequest_' . server_remote_addr() . '-0.txt | ' . \" sed '\/\\\\\\\\\/s\/\/\\\\\\\\\\\\\\\\\/g')\" . '\" ' . $slidename . ' ; chmod 777 ' . $slidename);<br \/>\n     exec($perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename);<br \/>\n     exec('chmod 777 ' . $slidename);<br \/>\n     } else {<br \/>\n     if ($perlemoji == '') { $labbit='\"$(cat \/tmp\/imagerequest_' . server_remote_addr() . '-0.txt)' . '\" '; }<br \/>\n     exec($perlemoji . 'convert -background \"' . $bcol . '\" -fill \"' . $fcol . '\" -size ' . $wdt . 'x' . $hgt . ' -font ' . $fnt . ' -pointsize ' . $psiz . ' label:' . $labbit . ' ' . $slidename);<br \/>\n     exec('chmod 777 ' . $slidename);<br \/>\n     }<br \/>\n     if (isset($_GET['raw'])) {<br \/>\n     header('Content-Type: image\/' . $iex);<br \/>\n     echo file_get_contents($slidename);<br \/>\n     unlink($slidename);<br \/>\n     unlink('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt');<br \/>\n     exit;<br \/>\n     } else {<br \/>\n     echo \"&lt;html&gt;<br \/>\n     &lt;body onload=\\\"<br \/>\n       if (window.parent != window.self) {<br \/>\n       var cnvs=parent.document.getElementsByTagName('canvas');<br \/>\n       if (eval('' + cnvs.length) &gt; 0) {<br \/>\n         var imgsis=new Image();<br \/>\n         imgsis.onload=function(event){<br \/>\n           var canvasis=cnvs[0];<br \/>\n           var cntxis=canvasis.getContext('2d');<br \/>\n           cntxis.drawImage(event.target, 0, 0);<br \/>\n         };<br \/>\n         imgsis.src='data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"';<br \/>\n       } else {<br \/>\n       var imgs=parent.document.getElementsByTagName('img');<br \/>\n       if (eval('' + imgs.length) &gt; 0) {<br \/>\n         imgs[0].src='data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"';<br \/>\n       } else if (document.body.innerHTML == '') {<br \/>\n         document.body.innerHTML='&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;&lt;style&gt; * { margin:0 0 0 0; padding:0 0 0 0; } img {  border-top: 8px solid \" . $bcol . \"; }&lt;\/style&gt;';<br \/>\n       } else {<br \/>\n         document.body.innerHTML+='&lt;br&gt;&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;';<br \/>\n       }<br \/>\n       }<br \/>\n       } else if (document.body.innerHTML == '') {<br \/>\n         document.body.innerHTML='&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;&lt;style&gt; * { margin:0 0 0 0; padding:0 0 0 0; } img {  border-top: 8px solid \" . $bcol . \"; }&lt;\/style&gt;';<br \/>\n       } else {<br \/>\n         document.body.innerHTML+='&lt;br&gt;&lt;img src=data:image\/\" . $iex . \";base64,\" . base64_encode(file_get_contents($slidename)) . \"&gt;&lt;\/img&gt;';<br \/>\n       }<br \/>\n     \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     unlink('\/tmp\/imagerequest_' . server_remote_addr() . '-0.txt');<br \/>\n     try {<br \/>\n     unlink($slidename);<br \/>\n     } catch(Exception $esdw) {   }<br \/>\n     }<br \/>\n     exit;<br \/>\n   }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/text-to-image-via-imagemagick-primer-tutorial\/' rel=\"noopener\">Text to Image via ImageMagick Primer Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pcapicsct'>Previous relevant <a target=\"_blank\" title='Python Cowsay API Cartoon Speech Content Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-speech-content-tutorial\/' rel=\"noopener\">Python Cowsay API Cartoon Speech Content Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Python Cowsay API Cartoon Speech Content Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/cowsay_cartoon_content.gif\" title=\"Python Cowsay API Cartoon Speech Content Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Python Cowsay API Cartoon Speech Content Tutorial<\/p><\/div>\n<p>If you were to ask most people what is more onerous filling in online web forms on the way to making something happen &#8230;<\/p>\n<ul>\n<li><font size=1>we&#8217;re guessing, rather than saying<\/font> button presses<\/font> &#8230;<\/li>\n<li><font size=1>we&#8217;re guessing, they&#8217;re more likely to say<\/font> typing out text &#8230;<\/li>\n<\/ul>\n<p> &#8230; with it&#8217;s associated tabbing out to negotiate as well.  But, supposing we could offer you a &#8220;speech to text&#8221; approach to performing &#8220;typing out text&#8221; in our latest <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> Python API \/ Command-line tool interfacing PHP web application?<\/p>\n<p>For some years now, we&#8217;ve interfaced to a &#8230;<\/p>\n<ul>\n<li>non-mobile<\/li>\n<li>Google Chrome<\/li>\n<li>secure URL via https: protocol<\/li>\n<li>allowing access to microphone<\/li>\n<\/ul>\n<p> &#8230; means by which we normally access via a &#8220;top&#8221; hierarchy level call to <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php\" rel=\"noopener\">our inhouse Google Speech to Text API interfacing web application<\/a> helper.<\/p>\n<p>Isn&#8217;t a popup window awkward here?  Well, you might think so, but today, we discovered with the Google Chrome browser we used on macOS &#8230;<\/p>\n<ul>\n<li>we initially call <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php\" rel=\"noopener\">our inhouse Google Speech to Text API interfacing web application<\/a> helper <font color=blue>as a popup<\/font> sitting in front of the <i>cowsay<\/i> interfacing parent window &#8230;<br \/>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\nfunction anop() {<br \/>\n  if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n    <font color=blue>topwo=window_open('https:\/\/www.google.com\/intl\/en\/chrome\/demos\/speech.html','_blank','top=120,left=' + eval(eval('' + screen.width) - 690) + ',width=690,height=550');<\/font><br \/>\n    setTimeout(function(){  topwo.scrollTo(0,0);  topwo.document.getElementById('tdm').style.opacity='0.0';   }, 6000);<br \/>\n    <font color=purple>setInterval(function(){  if (!topwo.closed) { topwo.focus(); }  topwo.location.href='https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php?rand=' + Math.floor(Math.random() * 1987967) + '&mode=4';  setTimeout(function(){ topwo.scrollTo(0,0);   topwo.document.getElementById('tdm').style.opacity='0.0'; }, 6000);  }, 30000);<\/font><br \/>\n  } else {<br \/>\n    <font color=blue>topwo=window.open('https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php?rand=' + Math.floor(Math.random() * 1987967) + '&mode=4','_blank','top=120,left=' + eval(eval('' + screen.width) - 690) + ',width=690,height=550');<\/font><br \/>\n    setTimeout(function(){  topwo.scrollTo(0,0);  topwo.document.getElementById('tdm').style.opacity='0.0';   }, 6000);<br \/>\n    <font color=purple>setInterval(function(){ if (!topwo.closed) { topwo.focus(); } topwo.location.href='https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php?rand=' + Math.floor(Math.random() * 1987967) + '&mode=4';  setTimeout(function(){ topwo.scrollTo(0,0);   topwo.document.getElementById('tdm').style.opacity='0.0'; }, 6000);  }, 30000);<\/font><br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;\n<\/li>\n<li>and found that it was visible until any click or focus back to the <i>cowsay<\/i> interfacing parent window &#8230; normally an annoyance &#8230;<\/li>\n<li>but not if &#8230;\n<ol>\n<li>we semi regularly reload the <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php\" rel=\"noopener\">our inhouse Google Speech to Text API interfacing web application<\/a> helper &#8230; <font color=purple>to refresh it&#8217;s red &#8220;recording&#8221; button<\/font> instigation &#8230; and then &#8230;<\/li>\n<li>even if it remains hidden, it is still apparent to the focussed <i>cowsay<\/i> interfacing parent window on account of an orange &#8220;microphone on recording&#8221; icon appearing for the Google Chrome web browser user up at it&#8217;s Menu Bar &#8230; and &#8230;<\/li>\n<li>audio being &#8220;sight independent&#8221; the user does not have to refocus <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/speech_supervisor.php\" rel=\"noopener\">our inhouse Google Speech to Text API interfacing web application<\/a> helper, just talk into the microphone just after that new icon appears &#8230; so that &#8230;<\/li>\n<li>the Google Speech to Text smarts help transfer that resultant text over to the textarea of the <i>cowsay<\/i> interfacing parent window, even avoiding any need to tab out of that textarea element &#8230; ahead of &#8230;<\/li>\n<li>the rest of the dropdown selections and button presses needed to achieve the user aim of establishing a new slide, perhaps for a Cartoon being created<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p> &#8230; you can see happening with <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay_cartoon_content.gif\" rel=\"noopener\">today&#8217;s animated GIF presentation<\/a> on top of the work of yesterday&#8217;s <a title='Python Cowsay API Cartoon Tutorial' href='#pcapict'>Python Cowsay API Cartoon Tutorial<\/a> in <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/cowsay.php---GETME\" rel=\"noopener\">our changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php---GETME\" rel=\"noopener\">&#8220;fourth draft&#8221;<\/a> <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\">Cartoon creation and email sharing capable<\/a> PHP web application you can also <a href='#ifcart'>try below<\/a>.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-speech-content-tutorial\/' rel=\"noopener\">Python Cowsay API Cartoon Speech Content Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pcapict'>Previous relevant <a target=\"_blank\" title='Python Cowsay API Cartoon Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-tutorial\/' rel=\"noopener\">Python Cowsay API Cartoon Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Python Cowsay API Cartoon Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/cowsay_cartoon.gif\" title=\"Python Cowsay API Cartoon Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Python Cowsay API Cartoon Tutorial<\/p><\/div>\n<p>We&#8217;ve long been interested in online web application ideas that end up with a half decent cartoon the user can create, and share, themselves.  &#8220;Half decent&#8221; becomes &#8220;fully decent&#8221; with a user who has a great imagination.  And so, onto yesterday&#8217;s <a title='Python Cowsay API Primer Tutorial' href='#pcapipt'>Python Cowsay API Primer Tutorial<\/a>&#8216;s start with interfacing to the great <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> Python API \/ Command-line tool we access via the PHP <a target=\"_blank\" title='PHP exec() method information' href='http:\/\/php.net\/manual\/en\/function.exec.php' rel=\"noopener\">exec<\/a> method conduit to our AlmaLinux Apache\/PHP\/MySql Linux web server, today we&#8217;ve extended that &#8230;<\/p>\n<ul>\n<li>&#8220;proof of concept&#8221; thinking &#8230; onto &#8230;<\/li>\n<li>cartoon creation &#8220;smarts&#8221; &#8230; starting with <font size=1>(also egged on here by mobile platform problems with monospaced fonts, it seems like)<\/font> &#8230;<\/li>\n<li>allowing a tabular display of our <i>cowsay<\/i> components &#8230; into &#8230;<\/li>\n<li>table cells horizontally aligned (and so, less vulnerable to monospacing inaccuracies) &#8230; also allowing &#8230;<\/li>\n<li>within any table cell there is a topmost th table cell wording part above a <i>cowsay<\/i> character td cell lower part &#8230;<\/li>\n<li>&#8220;half decent&#8221; looking via <font color=blue>static CSS<\/font> &#8230;<br \/>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n&lt;style&gt;<br \/>\n margin: 0 0 0 0;<br \/>\n padding: 0 0 0 0;<br \/>\n <font color=blue>tr { vertical-align: top; }<br \/>\n td { vertical-align: top; }<br \/>\n th { vertical-align: top; }<\/font><br \/>\n * { font-family:'Courier New',Courier,monospace; }<br \/>\n .img-hor { \/\/ thanks to https:\/\/stackoverflow.com\/questions\/32875695\/flip-mirror-an-image-horizontally-vertically-with-css<br \/>\n        -moz-transform: scaleX(-1);<br \/>\n        -o-transform: scaleX(-1);<br \/>\n        -webkit-transform: scaleX(-1);<br \/>\n        transform: scaleX(-1);<br \/>\n        filter: FlipH;<br \/>\n        -ms-filter: 'FlipH';<br \/>\n }<br \/>\n .img-ver { \/\/ thanks to https:\/\/stackoverflow.com\/questions\/32875695\/flip-mirror-an-image-horizontally-vertically-with-css<br \/>\n        -moz-transform: scaleY(-1);<br \/>\n        -o-transform: scaleY(-1);<br \/>\n        -webkit-transform: scaleY(-1);<br \/>\n        transform: scaleY(-1);<br \/>\n        filter: FlipV;<br \/>\n        -ms-filter: 'FlipV';<br \/>\n }<br \/>\n<br \/>\n .glow {<br \/>\n  -webkit-animation: glow 1s linear infinite alternate;<br \/>\n  -moz-animation: glow 1s linear infinite alternate;<br \/>\n  animation: glow 1s linear infinite alternate;<br \/>\n }<br \/>\n<br \/>\n \/* Thanks to https:\/\/www.w3schools.com\/howto\/tryit.asp?filename=tryhow_css_glowing_text *\/<br \/>\n<br \/>\n @-webkit-keyframes glow {<br \/>\n  from {<br \/>\n    box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;<br \/>\n  }<br \/>\n<br \/>\n  to {<br \/>\n    box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;<br \/>\n  }<br \/>\n }<br \/>\n<br \/>\nth[id$='0'] {<br \/>\n    background: rgba(224,240,240,0.6); \/\/#e0f0f0;<br \/>\n}<br \/>\n<br \/>\nth[id$='1'] {<br \/>\n    background: rgba(225,241,241,0.6); \/\/#e1f1f1;<br \/>\n}<br \/>\n<br \/>\nth[id$='2'] {<br \/>\n    background: rgba(226,242,242,0.6); \/\/#e2f2f2;<br \/>\n}<br \/>\n<br \/>\nth[id$='3'] {<br \/>\n    background: rgba(227,243,243,0.6); \/\/#e3f3f3;<br \/>\n}<br \/>\n<br \/>\nth[id$='4'] {<br \/>\n    background: rgba(228,244,244,0.6); \/\/#e4f4f4;<br \/>\n}<br \/>\n<br \/>\nth[id$='5'] {<br \/>\n    background: rgba(229,245,245,0.6); \/\/#e5f5f5;<br \/>\n}<br \/>\n<br \/>\nth[id$='6'] {<br \/>\n    background: rgba(230,246,246,0.6); \/\/#e6f6f6;<br \/>\n}<br \/>\n<br \/>\nth[id$='7'] {<br \/>\n    background: rgba(231,247,247,0.6); \/\/#e7f7f7;<br \/>\n}<br \/>\n<br \/>\nth[id$='8'] {<br \/>\n    background: rgba(232,248,248,0.6); \/\/#e2f2f2;<br \/>\n}<br \/>\n<br \/>\nth[id$='9'] {<br \/>\n    background: rgba(233,249,249,0.6); \/\/#e9f9f9;<br \/>\n}<br \/>\n<br \/>\ntd[id$='0'] {<br \/>\n    background: rgba(240,240,240,0.3); \/\/#f0f0f0;<br \/>\n    text-shadow:-1px 1px 1px #ff2d90;<br \/>\n}<br \/>\n<br \/>\ntd[id$='1'] {<br \/>\n    background: rgba(241,241,241,0.3); \/\/#f1f1f1;<br \/>\n    text-shadow:-1px 1px 1px #ff2d91;<br \/>\n    float: bottom;<br \/>\n}<br \/>\n<br \/>\ntd[id$='2'] {<br \/>\n    background: rgba(242,242,242,0.3); \/\/#f2f2f2;<br \/>\n    text-shadow:-1px 1px 1px #ff2d92;<br \/>\n}<br \/>\n<br \/>\ntd[id$='3'] {<br \/>\n    background: rgba(243,243,243,0.3); \/\/#f3f3f3;<br \/>\n    text-shadow:-1px 1px 1px #ff2d93;<br \/>\n}<br \/>\n<br \/>\ntd[id$='4'] {<br \/>\n    background: rgba(244,244,244,0.3); \/\/#f4f4f4;<br \/>\n    text-shadow:-1px 1px 1px #ff2d94;<br \/>\n}<br \/>\n<br \/>\ntd[id$='5'] {<br \/>\n    background: rgba(245,245,245,0.3); \/\/#f5f5f5;<br \/>\n    text-shadow:-1px 1px 1px #ff2d95;<br \/>\n}<br \/>\n<br \/>\ntd[id$='6'] {<br \/>\n    background: rgba(246,246,246,0.3); \/\/#f6f6f6;<br \/>\n    text-shadow:-1px 1px 1px #ff2d96;<br \/>\n}<br \/>\n<br \/>\ntd[id$='7'] {<br \/>\n    background: rgba(247,247,247,0.3); \/\/#f7f7f7;<br \/>\n    text-shadow:-1px 1px 1px #ff2d97;<br \/>\n}<br \/>\n<br \/>\ntd[id$='8'] {<br \/>\n    background: rgba(248,248,248,0.3); \/\/#f8f8f8;<br \/>\n    text-shadow:-1px 1px 1px #ff2d98;<br \/>\n}<br \/>\n<br \/>\ntd[id$='9'] {<br \/>\n    background: rgba(249,249,249,0.3); \/\/#f9f9f9;<br \/>\n    text-shadow:-1px 1px 1px #ff2d99;<br \/>\n}<br \/>\n<br \/>\ntable tbody tr:first-child {<br \/>\n    background: transparent; \/\/#f6f6e6;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<br \/>\n &#8230; and then &#8230;\n<\/li>\n<li>whenever new cell content happens <i>padding-top<\/i> adding CSS Javascript DOM nuanced display logic via &#8230;<br \/>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n   function paddingtopit() {<br \/>\n      var maxtwo=0, thistwo=0;<br \/>\n      var thhs=[], tdhs=[], it=0;<br \/>\n      var thdids=[];<br \/>\n      \/\/trthtd1<br \/>\n      \/\/trtdtd1<br \/>\n      var tds=document.getElementsByTagName('td');<br \/>\n      for (it=0; it&lt;tds.length; it++) {<br \/>\n         if (('' + tds[it].id).indexOf('trtdtd') != -1) {<br \/>\n           if (('' + tds[it].style.paddingTop).replace(\/^null\/g,'').replace(\/^undefined\/g,'').trim() != '') {<br \/>\n             tds[it].style.paddingTop='0px';<br \/>\n           }<br \/>\n         }<br \/>\n      }<br \/>\n      for (it=0; it&lt;tds.length; it++) {<br \/>\n         if (('' + tds[it].id).indexOf('trtdtd') != -1) {<br \/>\n           tdhs.push(eval('' + tds[it].getBoundingClientRect().height));<br \/>\n           thdids.push('' + tds[it].id);<br \/>\n         }<br \/>\n      }<br \/>\n      var ths=document.getElementsByTagName('th');<br \/>\n      for (it=0; it&lt;ths.length; it++) {<br \/>\n         if (('' + ths[it].id).indexOf('trthtd') != -1) {<br \/>\n           thhs.push(eval('' + ths[it].getBoundingClientRect().height));<br \/>\n           thistwo=eval(thhs[it] + tdhs[it]);<br \/>\n           if (thistwo &gt; maxtwo) { maxtwo=thistwo; }<br \/>\n         }<br \/>\n      }<br \/>\n      for (it=0; it&lt;tdhs.length; it++) {<br \/>\n           thistwo=eval(thhs[it] + tdhs[it]);<br \/>\n           if (thistwo &lt; maxtwo) {<br \/>\n              document.getElementById(thdids[it]).style.paddingTop='' + eval(maxtwo - thistwo) + 'px';<br \/>\n           }<br \/>\n      }<br \/>\n   }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<br \/>\n &#8230; so that &#8230;\n<\/li>\n<li>cartoons present with &#8220;speech bubble&#8221; wording aligned to the top in our &#8220;cells&#8221; (ie. th contenteditable=true editable wording on top of td horizontal flip (double click) and\/or vertical flop (right click) editable lower part) with those characters aligned to the bottom<\/li>\n<\/ul>\n<p> &#8230; in <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/cowsay.php--GETME\" rel=\"noopener\">our changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php--GETME\" rel=\"noopener\">&#8220;third draft&#8221;<\/a> <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\">Cartoon creation and email sharing capable<\/a> PHP web application you can also <a href='#ifcart'>try below<\/a>.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-tutorial\/' rel=\"noopener\">Python Cowsay API Cartoon Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pcapipt'>Previous relevant <a target=\"_blank\" title='Python Cowsay API Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-primer-tutorial\/' rel=\"noopener\">Python Cowsay API Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Python Cowsay API Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/cowsay.gif\" title=\"Python Cowsay API Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Python Cowsay API Primer Tutorial<\/p><\/div>\n<p>We discovered an interesting Open Source Python API \/ Command-line tool called <a target=\"_blank\" title='Python cowsay' href='https:\/\/pypi.org\/project\/cowsay\/' rel=\"noopener\"><i>cowsay<\/i><\/a> which we installed up at our AlmaLinux web server via &#8230;<\/p>\n<p><code><br \/>\npip install cowsay<br \/>\n<\/code><\/p>\n<p> &#8230; with an integration purpose in mind, so thanks.  Before many readers&#8217; time indeed, but some may remember those cute banner printouts that told you who owned the next printout on a spooling &#8220;crude graphics&#8221; printout in the late 70&#8217;s &#8230; well <i>cowsay<\/i> encapsulates those heady days (and who can forget punch cards)?!   Before integration, though, we want to test it via a new PHP supervisor on <a target=\"_blank\" title='PHP exec() method information' href='http:\/\/php.net\/manual\/en\/function.exec.php' rel=\"noopener\">exec<\/a> method Linux command line interfacings to <i>cowsay<\/i>.<\/p>\n<p>So we started, with <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php_GETME\" rel=\"noopener\">this &#8220;first draft&#8221;<\/a> getting places and then <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/cowsay.php-GETME\" rel=\"noopener\">this &#8220;second draft&#8221;<\/a> with a <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/cowsay.php-GETME\" rel=\"noopener\">little more sophistication<\/a> to leave the day with <a target=\"_blank\" href=\"https:\/\/www.rjmprogramming.com.au\/cowsay.php\" rel=\"noopener\">this interfacer<\/a> &#8230;<\/p>\n<p><iframe id=ifcart style=\"width:100%;height:800px;\" src=\"\/\/www.rjmprogramming.com.au\/cowsay.php?rand=7656785\"><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66808' onclick='var dv=document.getElementById(\"d66808\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/api\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66808' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66816' onclick='var dv=document.getElementById(\"d66816\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/cartoon\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66816' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66829' onclick='var dv=document.getElementById(\"d66829\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/speech-to-text\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66829' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66838' onclick='var dv=document.getElementById(\"d66838\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/imagemagick\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66838' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d66848' onclick='var dv=document.getElementById(\"d66848\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/video\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d66848' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>As soon as a web application talks about image slides, as we have been dealing with allowing for the creation of cartoons with our recent cowsay Python API \/ Command-line tool interfacing PHP web application, maybe as Louis Lumi\u00e8re did &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/python-cowsay-api-cartoon-speech-media-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,12,14,29,37],"tags":[72,83,84,88,105,4119,1580,1824,230,257,2442,5093,3647,405,415,2223,2224,451,1828,452,576,611,652,760,5091,2997,5092,877,932,2550,3120,997,5090,1012,1075,1179,2398,2553,5088,5089,1238,3312,3907,1254,1262,3489,1319,1802,1369,2308],"class_list":["post-66848","post","type-post","status-publish","format-standard","hentry","category-animation","category-elearning","category-event-driven-programming","category-operating-system","category-tutorials","tag-align","tag-animated-gif","tag-animation-2","tag-api","tag-ascii","tag-cartoon","tag-cell","tag-character","tag-column","tag-content","tag-contenteditable","tag-courier-new","tag-drawing","tag-exec","tag-ffmpeg","tag-flip","tag-flop","tag-font","tag-font-family","tag-form","tag-html","tag-install","tag-javascript","tag-media","tag-monospace","tag-monospaced","tag-monospacing","tag-open-source","tag-php","tag-pip","tag-printout","tag-programming","tag-punchcards","tag-python","tag-row","tag-speech","tag-speech-bubble","tag-speech-to-text","tag-spool","tag-spooling","tag-table","tag-tabular","tag-td","tag-text","tag-textarea","tag-th","tag-tutorial","tag-vertical-align","tag-video","tag-wording"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66848"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=66848"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66848\/revisions"}],"predecessor-version":[{"id":66908,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/66848\/revisions\/66908"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=66848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=66848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=66848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}