{"id":58935,"date":"2023-04-13T03:01:14","date_gmt":"2023-04-12T17:01:14","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=58935"},"modified":"2023-04-12T16:27:11","modified_gmt":"2023-04-12T06:27:11","slug":"pdfimages-pdf-media-browsing-api-share-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-media-browsing-api-share-tutorial\/","title":{"rendered":"Pdfimages PDF Media Browsing API Share Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Media Browsing API Share Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages_apishare.jpg\" title=\"Pdfimages PDF Media Browsing API Share Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Media Browsing API Share Tutorial<\/p><\/div>\n<p>When we presented <a target=_blank title='Web Share API Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-primer-tutorial'>Web Share API Primer Tutorial<\/a> some time back we remember palpable excitement that a means by which email attachments could be linked to &#8220;a&#8221; link &#8220;mailto:&#8221; looking user controlled <sub>e<\/sub>mail sending (as well as several other sharing options, adding to &#8220;Mail&#8221;, those being &#8220;Messages&#8221;, &#8220;AirDrop&#8221;, &#8220;Notes&#8221;, &#8220;Reminders&#8221;, &#8220;Simulator&#8221;, &#8220;Notes&#8221;, &#8220;More&#8230;&#8221; here on this macOS MacBook Air, that you might not have thought of to use, all presented on a menu created by the Web Share API) could be at hand.  Alas, this &#8220;Web Share API&#8221; methodology is not supported on all browsers and platforms and protocols.  Nonetheless, we want to incorporate it where usable because we have the idea, now, to set up web application design scenarios such as &#8230;<\/p>\n<table style=\"font-size:10px;\">\n<tr>\n<th>Grandparent <br \/><font size=1>(download to <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> document root)<\/font><\/th>\n<th>Parent <br \/><font size=1>(download to MAMP HTMLCSS folder off document root)<\/font><\/th>\n<th>Child <br \/><font size=1>(download to MAMP document root)<\/font><\/th>\n<\/tr>\n<tr>\n<td>\n<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php-----GETME\">today&#8217;s changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php-----GETME\">php_calls_pdfimages.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">Pdfimages Interfacer<\/a>\n<\/td>\n<td>\n<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html-----------------------GETME\">today&#8217;s changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html-----------------------GETME\">client_browsing.htm<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.htm\">Client Browsing<\/a>\n<\/td>\n<td>\n<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/web_share_api_test.js--GETME\">today&#8217;s changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/web_share_api_test.js--GETME\">web_share_api_test.js<\/a>\n<\/td>\n<\/tr>\n<tr>\n<td>\ncan help define email and SMS wording via &#038;wording=[title and text words]\n<\/td>\n<td>\ncall child external Javascript, and if supervised, can resize grandparent iframe and when file(s) selected can move Web Share API button just below File API button into the iframe &#8220;view&#8221;, ready for a click that activates Web Share API functionality\n<\/td>\n<td>\nperforms the Web Share API functionality\n<\/td>\n<\/tr>\n<\/table>\n<p> &#8230; which can build on yesterday&#8217;s <a title='Pdfimages PDF Media Share Tutorial' href='#ppdfmst'>Pdfimages PDF Media Share Tutorial<\/a>, but also a whole lot of other web applications that use the &#8220;Parent&#8221; above in an iframe window with similar CSS characteristics, for example <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php----------------------------------------------------------------GETME\">our tweaked &#8220;Grandparent&#8221;<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php----------------------------------------------------------------GETME\">tutorial_to_animated_gif.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\">inhouse animated GIF creator<\/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\/pdfimages-pdf-media-browsing-api-share-tutorial\/'>Pdfimages PDF Media Browsing API Share Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfmst'>Previous relevant <a target=_blank title='Pdfimages PDF Media Share Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-media-share-tutorial\/'>Pdfimages PDF Media Share Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Media Share Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages_share.gif\" title=\"Pdfimages PDF Media Share Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Media Share Tutorial<\/p><\/div>\n<p>It&#8217;s time to get into &#8220;sharing&#8221;, following on from yesterday&#8217;s work interfacing to <a target=_blank title=Pdfimages href='https:\/\/www.cyberciti.biz\/faq\/easily-extract-images-from-pdf-file\/'>Pdfimages<\/a> using web application of <a title='Pdfimages Input PDF File Protocol Link Tutorial' href='#pipdffplt'>Pdfimages Input PDF File Protocol Link Tutorial<\/a>.<\/p>\n<p>Now, as good as the cache is, it cannot be used to be the data for an email attachment or SMS image, because a cache only helps out the webpage it is associated with, nothing beyond.  We could do lots of alternative approaches such as &#8230;<\/p>\n<ul>\n<li>store and recall in Cookies or window.localStorage<\/li>\n<li>store and recall from a web server file<\/li>\n<li>store and recall in a database<\/li>\n<li>store and recall via the PHP codebase itself<\/li>\n<li>store and recall via element global data attributes available via window.parent iframe element interfacing<\/li>\n<li>pre-prepare a PHP mail based attachment set<\/li>\n<\/ul>\n<p> &#8230; to help out with media sharing via email or SMS.  But none of those are what we are doing today, because for the case of &#8230;<\/p>\n<ul>\n<li>user enters an all uppercase output media file(s) prefix &#8230; there are no issues with sharing anyway &#8230; so we think we should just do special arrangements for &#8230;<\/li>\n<li>user enters an output media file(s) prefix with some lowercase characters &#8230; <\/li>\n<\/ul>\n<p> &#8230; and for these, we&#8217;ve decided to offer a user controlling way for them to click a button in time enough to delay the deletion of media files off the web server, and during this &#8220;stay of execution&#8221;, sharing is available as if the prefix was all uppercase.  We use email (&amp;#128231; &#128231;) and SMS (&amp;#128223; &#128223;) emoji (&#8220;a&#8221; &#8220;mailto:&#8221; and &#8220;sms:&#8221; prefixed link) buttons with event logic &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n   var gfirstparam=false, gsecondparam='', defem='\" . $defdef . \"', defs='\" . $defdef . \"', gblurb='';<br \/>\n<br \/>\nfunction emailit(inais) {<br \/>\n   event.stopPropagation();<br \/>\n   if (gfirstparam) { delit(gfirstparam, gsecondparam); }<br \/>\n   var ext='.mp4';<br \/>\n   if (defem == '') { defem=' '; }<br \/>\n   if (('' + inais.id + 'v').substring(0,1).toLowerCase() == 'a') {  ext='.gif';  }<br \/>\n   if (('' + inais.id + 'v').substring(0,1).toLowerCase() == 'p') {  ext='.pdf ( or perhaps you want original PDF at \" . $infile . \" )';  }<br \/>\n   \/\/var em=prompt('Please enter email address to send to for an email message to which you might attach \" . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . strtoupper($outp) . \"' + ext, '');<br \/>\n   var em=prompt('Please enter email address to send to for an email message to which you might attach \" . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . strtoupper($outp) . \"' + ext + ' (or other \" . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . strtoupper($outp) . \"*.* prefixing' + ' image or other media files, and note that right clicking images below is another sharing possibility)' + gblurb, defem.trim());<br \/>\n   if (em == null) { em=''; }<br \/>\n   if (em.indexOf('@') != -1) {<br \/>\n     if (em.trim() != em && gblurb.trim() != '') {<br \/>\n       gblurb=' ';<br \/>\n       setTimeout(tryagain, 120000);<br \/>\n     }<br \/>\n     defem=em.trim();<br \/>\n     document.getElementById('dimap').innerHTML=\\\"&lt;a style=display:none; id=theaemail target=_blank href='mailto:\\\" + em + \\\"?subject=Media%20Share'&gt;Email&lt;\/a&gt;\\\";<br \/>\n     document.getElementById('theaemail').click();<br \/>\n   } else if (em.trim() == '' && em != '') {<br \/>\n     if (em.trim() != em && gblurb.trim() != '') {<br \/>\n       gblurb=' ';<br \/>\n       setTimeout(tryagain, 120000);<br \/>\n     }<br \/>\n   }<br \/>\n   return false;<br \/>\n}<br \/>\n<br \/>\nfunction smsit(inais) {<br \/>\n   event.stopPropagation();<br \/>\n   if (gfirstparam) { delit(gfirstparam, gsecondparam); }<br \/>\n   var ext='.mp4';<br \/>\n   if (defs == '') { defs=' '; }<br \/>\n   if (('' + inais.id + 'v').substring(0,1).toLowerCase() == 'a') {  ext='.gif';  }<br \/>\n   if (('' + inais.id + 'v').substring(0,1).toLowerCase() == 'p') {  ext='.pdf ( or perhaps you want original PDF at \" . $infile . \" )';  }<br \/>\n   var em=prompt('Please enter SMS number to send to for an SMS message to which you might attach \" . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . strtoupper($outp) . \"' + ext + ' (or other \" . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . strtoupper($outp) . \"*.* prefixing' + ' image or other media files, and note that right clicking images below is another sharing possibility)' + gblurb, defs.trim());<br \/>\n   if (em == null) { em=''; }<br \/>\n   if (em.trim() != '') {<br \/>\n     if (em.trim() != em && gblurb.trim() != '') {<br \/>\n       gblurb=' ';<br \/>\n       setTimeout(tryagain, 120000);<br \/>\n     }<br \/>\n     if (em.trim() != '') {<br \/>\n     defs=em.trim();<br \/>\n     document.getElementById('dimap').innerHTML=\\\"&lt;a style=display:none; id=theasms target=_blank href='sms:\\\" + em + \\\"'&gt;SMS&lt;\/a&gt;\\\";<br \/>\n     document.getElementById('theasms').click();<br \/>\n     }<br \/>\n   }<br \/>\n   return false;<br \/>\n}<br \/>\n<br \/>\nfunction tryagain() {<br \/>\n  ajdone=false;<br \/>\n  delit(false, gsecondparam);<br \/>\n}<br \/>\n<br \/>\nfunction delit(istouch, ioissrc) {<br \/>\n  var doit=false;<br \/>\n  var thingos=ioissrc.split('#');<br \/>\n  var zhr = new XMLHttpRequest();<br \/>\n  var zform=new FormData();<br \/>\n  var dgebih='&lt;iframe name=ifdf id=ifdf style=display:none; src=.\/php_calls_pdfimages.php&gt;&lt;\/iframe&gt;&lt;form target=ifdf style=display:none; method=POST action=.\/php_calls_pdfimages.php&gt;&lt;input type=submit id=divformb value=Submit&gt;&lt;\/input&gt;&lt;\/form&gt;';<br \/>\n  if (!istouch && gblurb == '') {<br \/>\n    gfirstparam=true;<br \/>\n    gsecondparam=ioissrc;<br \/>\n    gblurb='.  Add spaces to say that it is okay, that in two minutes, will tidy up media files, as first requested.';<br \/>\n  }<br \/>\n  if (thingos[0].length &gt; 0) {<br \/>\n    doit=true;<br \/>\n    zform.append('delp', ioissrc.split('#')[0]);<br \/>\n    dgebih=dgebih.replace('&lt;input type=submit', '&lt;input type=hidden name=delp id=delp value=\\\"' + ioissrc.split('#')[0] + '\\\"&gt;&lt;\/input&gt;&lt;input type=submit');<br \/>\n  }<br \/>\n  if (thingos.length &gt; 1) {<br \/>\n    if (thingos[1].indexOf('.mp4') != -1) {<br \/>\n    doit=true;<br \/>\n  zform.append('delv', thingos[1]);<br \/>\n    dgebih=dgebih.replace('&lt;input type=submit', '&lt;input type=hidden name=delv id=delv value=\\\"' + thingos[1] + '\\\"&gt;&lt;\/input&gt;&lt;input type=submit');<br \/>\n    } else if (thingos[1].indexOf('.gif') != -1) {<br \/>\n    doit=true;<br \/>\n  zform.append('dela', thingos[1]);<br \/>\n    dgebih=dgebih.replace('&lt;input type=submit', '&lt;input type=hidden name=dela id=dela value=\\\"' + thingos[1] + '\\\"&gt;&lt;\/input&gt;&lt;input type=submit');<br \/>\n    }<br \/>\n  }<br \/>\n  if (thingos.length &gt; 2) {<br \/>\n    if (thingos[2].indexOf('.mp4') != -1) {<br \/>\n    doit=true;<br \/>\n  zform.append('delv', thingos[2]);<br \/>\n    dgebih=dgebih.replace('&lt;input type=submit', '&lt;input type=hidden name=delv id=delv value=\\\"' + thingos[2] + '\\\"&gt;&lt;\/input&gt;&lt;input type=submit');<br \/>\n    } else if (thingos[2].indexOf('.gif') != -1) {<br \/>\n    doit=true;<br \/>\n  zform.append('dela', thingos[2]);<br \/>\n    dgebih=dgebih.replace('&lt;input type=submit', '&lt;input type=hidden name=dela id=dela value=\\\"' + thingos[2] + '\\\"&gt;&lt;\/input&gt;&lt;input type=submit');<br \/>\n    }<br \/>\n  }<br \/>\n  if (istouch) {<br \/>\n    zform.append('touch', 'y');<br \/>\n  }<br \/>\n  if (doit && (!ajdone || istouch)) {<br \/>\n  if (!istouch) {<br \/>\n  document.getElementById('dpf').innerHTML=dgebih;<br \/>\n  document.getElementById('divformb').click();<br \/>\n  \/\/alert('0:' + dgebih);<br \/>\n  } else {<br \/>\n  zhr.open('post', document.URL.split('?')[0].split('#')[0], true);<br \/>\n  zhr.send(zform);<br \/>\n  }<br \/>\n  }<br \/>\n  ajdone=true;<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; bordered by a dotted border to indicate time is running out for the user to indicate interest in &#8220;media sharing&#8221; in their session.<\/p>\n<p>Along the way, we had an idea to improve the chances any videos created will reach the cache.  We start using the <a target=_blank title='HTML video autoplay attribute information' href='https:\/\/www.w3schools.com\/tags\/att_video_autoplay.asp'><i>autoplay<\/i><\/a> attribute when a user&#8217;s prefix contains lowercase characters in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php----GETME\">today&#8217;s changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php----GETME\">php_calls_pdfimages.php<\/a> <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server&#8217;s document root ( ie. using a MAMP macOS URL HTTP:\/\/localhost:8888\/php_calls_pdfimages.php and may take you there with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">this public domain RJM Programming link<\/a> if all of above and below holds ).<\/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\/pdfimages-pdf-media-share-tutorial\/'>Pdfimages PDF Media Share Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pipdffplt'>Previous relevant <a target=_blank title='Pdfimages Input PDF File Protocol Link Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-input-pdf-file-protocol-link-tutorial\/'>Pdfimages Input PDF File Protocol Link Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages Input PDF File Protocol Link Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages_file_protocol.gif\" title=\"Pdfimages Input PDF File Protocol Link Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages Input PDF File Protocol Link Tutorial<\/p><\/div>\n<p>The usual protocol we deal with when talking about the serving of webpages is the &#8230;<\/p>\n<ul>\n<li><a target=_blank title='file Protocol' href='https:\/\/learn.microsoft.com\/en-us\/previous-versions\/aa767734(v%3Dvs.85)'>http Protocol<\/a> &#8230;<br \/>\n<blockquote cite='https:\/\/learn.microsoft.com\/en-us\/previous-versions\/aa767734(v%3Dvs.85)'><p>\nOpens a hypertext transfer session with the specified site address.\n<\/p><\/blockquote>\n<p> &#8230; but, today, our aims for the day take us into the woooorrrrlllldddd of the &#8230;<\/li>\n<li><a target=_blank title='file Protocol' href='https:\/\/learn.microsoft.com\/en-us\/previous-versions\/aa767731(v%3Dvs.85)'>file Protocol<\/a> &#8230;<br \/>\n<blockquote cite=''><p>\nOpens a file on a local or network drive.\n<\/p><\/blockquote>\n<\/li>\n<\/ul>\n<p>Why?  Well, our <a target=_blank title='MAMP' href='http:\/\/www.mamp.info'>MAMP<\/a> local web server residing ideas with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php---GETME\">today&#8217;s changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php---GETME\">php_calls_pdfimages.php<\/a> <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server&#8217;s document root ( ie. using a MAMP macOS URL HTTP:\/\/localhost:8888\/php_calls_pdfimages.php and may take you there with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">this public domain RJM Programming link<\/a> if all of above holds ) have us, perhaps, involving browsed for input PDF files that do not sit within the MAMP document root &#8220;realm&#8221;.  When such a situation develops and we want to add a link for the user to view the input PDF in their MAMP web browser session &#8230;<\/p>\n<ul>\n<li>the http Protocol is unable to get to these folders and files &#8230; but we can resort to &#8230;<\/li>\n<li>a file Protocol way to point a URL where such an input PDF might reside<\/li>\n<\/ul>\n<p> &#8230; but this does not mean you can just expect such a file:\/\/ file Protocol URL to work, regarding security issues, with all the platforms and versions of modern web browser.  Google Chrome, is an example of a web browser that will not allow the combination of &#8230;<\/p>\n<ul>\n<li>file:\/\/ URL (file Protocol) &#8230; of a &#8230;<\/li>\n<li>PDF file pointing URL &#8230; hosted in a webpage via an &#8230;<\/li>\n<li>iframe element<\/li>\n<\/ul>\n<p>So what can we do?  Well, we&#8217;re working in PHP, so we can copy the file:\/\/ PDF file into the HTTP:\/\/ &#8220;realm&#8221;, temporarily, display the data, and then tidy up, leaving the (web browser) cache to keep the data intact during that web browser session.  We already use the cache this way to allow for a tidy up of files should the user specify a non-all-uppercase prefix for their output media filenames.<\/p>\n<p>It would be good for this arrangement to keep a webpage tab title keeping the name of the original PDF file (in its basename form (ie. not the path)), so we start, with today&#8217;s work, also temporarily copying the PDF file into the HTTP:\/\/ realm in a new random subfolder with its original filename basename, to facilitate this wish of ours, and later, tidy up.   Our other wish is to not need any new PHP code files to achieve this.  All possible, and take a look at the PHP &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\nif (isset($_GET['inurl'])) {<br \/>\n  $mt=\"image\";<br \/>\n  $mprefix='&lt;img src=';<br \/>\n  $rpdf='pdfcopy-0-local-' . rand(0,5773354) . '.pdf';<br \/>\n  $newp=$_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $rpdf;<br \/>\n  $newu=\"<font color=black>ht<\/font>tp:\/\/\" . $_SERVER['SERVER_NAME'] . \"\" . str_replace(\"~\",\"\",str_replace(\":443~\",\"\",str_replace(\":80~\",\"\",(\":\" . $_SERVER['SERVER_PORT'] . \"~\")))) . '\/' . basename($rpdf);<br \/>\n  $filename=str_replace('file:\/\/','',str_replace('+',' ',urldecode($_GET['inurl'])));<br \/>\n  if (file_exists($filename)) {<br \/>\n  $outext=str_replace(\"jpg\",\"jpeg\",strtolower(explode(\".\", $filename)[-1 + sizeof(explode(\".\", $filename))]));<br \/>\n  if (strtolower($outext) == 'mp4') { $mt='video'; $mprefix='&lt;video controls&gt;&lt;source src='; }<br \/>\n  if (strtolower($outext) == 'pdf') {<br \/>\n    if (!file_exists($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . explode('.pdf',$rpdf)[0] )) {<br \/>\n      mkdir($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . explode('.pdf',$rpdf)[0] );<br \/>\n      $rpdf=explode('.pdf',$rpdf)[0] . DIRECTORY_SEPARATOR;<br \/>\n      $rpdf.=str_replace(' ','+',basename($filename));<br \/>\n      $newp=$_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $rpdf;<br \/>\n      $newu=\"<font color=black>ht<\/font>tp:\/\/\" . $_SERVER['SERVER_NAME'] . \"\" . str_replace(\"~\",\"\",str_replace(\":443~\",\"\",str_replace(\":80~\",\"\",(\":\" . $_SERVER['SERVER_PORT'] . \"~\")))) . '\/' . $rpdf;<br \/>\n    }<br \/>\n    copy($filename, $newp);<br \/>\n    $mt='application'; $mprefix='&lt;iframe style=width:100%;height:90%; src=';<br \/>\n  }<br \/>\n  $datau='data:' . $mt . '\/' . $outext . ';base64,' . base64_encode(file_get_contents($filename));<br \/>\n  if (strtolower($outext) == 'pdf') { $datau='.\/' . $rpdf; }<br \/>\n  $dw=$mprefix . $datau . '&gt;&lt;\/' . str_replace('video', 'source&gt;&lt;\/video', explode(' ',substr($mprefix,1))[0]) . '&gt;';<br \/>\n  if (strtolower($outext) == 'pdf') {<br \/>\n  sleep(3);<br \/>\n  echo \"&lt;html&gt;&lt;head&gt;&lt;title&gt;\" . str_replace('+',' ',basename($filename)) . \"&lt;\/title&gt;&lt;\/head&gt;&lt;body onload=\\\"var woisa=window.open('\" . $datau . \"#\" . str_replace('+',' ',basename($filename)) . \"', '_self'); woisa.title='\" . basename($filename) . \"'; \\\"&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n  } else {<br \/>\n  echo \"&lt;html&gt;&lt;head&gt;&lt;title&gt;\" . str_replace('+',' ',basename($filename)) . \"&lt;\/title&gt;&lt;\/head&gt;&lt;body onload=\\\"var woisa=window.open('', '_self'); woisa.document.write('\" . $dw . \"');\\\"&gt;&lt;iframe id=myif style=display:none; src=.\/php_calls_pdfimages.php?nopdfurl=y&gt;&lt;\/iframe&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n  }<br \/>\n  }<br \/>\n  exit;<br \/>\n} else if (isset($_GET['nopdfurl'])) {<br \/>\n  sleep(37);<br \/>\nforeach (glob('pdfcopy-0-local-' . '*.pdf') as $filename) {<br \/>\n    try {<br \/>\n    unlink($filename);<br \/>\n    } catch (Exception $werty) { }<br \/>\n}<br \/>\nforeach (glob('pdfcopy-0-local-*' . DIRECTORY_SEPARATOR . '*.pdf') as $filename) {<br \/>\n    try {<br \/>\n    unlink($filename);<br \/>\n    } catch (Exception $werty) { }<br \/>\n    try {<br \/>\n    rmdir(explode(basename($filename), $filename)[0]);<br \/>\n    } catch (Exception $werty) { }<br \/>\n}<br \/>\nexit;<br \/>\n}<br \/>\n<br \/>\n$pdfprotocol='file:\/\/';<br \/>\n<br \/>\nfunction oururlencode($whata) {<br \/>\n  global $pdfprotocol;<br \/>\n  if (strpos('~' . strtolower($whata), '~http') !== false) { return str_replace(urlencode(DIRECTORY_SEPARATOR), DIRECTORY_SEPARATOR, urlencode($whata));  }<br \/>\n  $newwhata=str_replace($_SERVER['DOCUMENT_ROOT'], \"http:\/\/\" . $_SERVER['SERVER_NAME'] . \"\" . str_replace(\"~\",\"\",str_replace(\":443~\",\"\",str_replace(\":80~\",\"\",(\":\" . $_SERVER['SERVER_PORT'] . \"~\")))), $whata);<br \/>\n  if ($newwhata == $whata || 1 == 1) {<br \/>\n     \/\/file_put_contents('xaa.xaa', 'whata=' . $whata . ' and retval=' . urlencode($whata) . ' versus ' . str_replace(urlencode(DIRECTORY_SEPARATOR), DIRECTORY_SEPARATOR, urlencode($whata)));<br \/>\n     if (1 == 1) {<br \/>\n     $pdfprotocol='file:\/\/';<br \/>\n     $pdfprotocol='.\/';<br \/>\n     return 'php_calls_pdfimages.php?inurl=' . 'file:\/\/' . str_replace(urlencode(DIRECTORY_SEPARATOR), DIRECTORY_SEPARATOR, urlencode($whata));<br \/>\n     } else {<br \/>\n     $pdfprotocol='file:\/\/';<br \/>\n     return str_replace(urlencode(DIRECTORY_SEPARATOR), DIRECTORY_SEPARATOR, urlencode($whata));<br \/>\n     \/\/return urlencode($whata);<br \/>\n     }<br \/>\n  }<br \/>\n  $pdfprotocol=explode($_SERVER['SERVER_NAME'], $newwhata)[0];<br \/>\n  return str_replace(urlencode(DIRECTORY_SEPARATOR), '\/', str_replace(urlencode('\/'), '\/', urlencode(explode($pdfprotocol, $newwhata)[1])));<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; regarding this modest additional functionality onto yesterday&#8217;s <a title='Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial' href='#ppdfiephpfimt'>Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial<\/a>, that is more of interest regarding issues where &#8220;desktop&#8221; meets &#8220;online&#8221; woooooorrrrrrlllllddds.  What seems straightforward is not always a given.<\/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\/new-pdfimages-pdf-image-extraction-php-ffmpeg-imagemagick-tutorial\/'>New Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfiephpfimt'>Previous relevant <a target=_blank title='Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-image-extraction-php-ffmpeg-imagemagick-tutorial\/'>Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Image Extraction PHP Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages_ffmpeg_imagemagick.gif\" title=\"Pdfimages PDF Image Extraction PHP Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial<\/p><\/div>\n<p>You might call us &#8220;name droppers&#8221; with today&#8217;s blog posting title, but these names &#8230;<\/p>\n<ul>\n<li><a target=_blank title=ffmpeg href='https:\/\/www.ffmpeg.org\/'>Ffmpeg<\/a><\/li>\n<li><a target=_blank title='ImageMagick command line' href='http:\/\/www.imagemagick.org\/script\/command-line-tools.php'>ImageMagick<\/a><\/li>\n<\/ul>\n<p> &#8230; are brilliant Open Source products worth knowing.  We know them here on our local MacBook Air with its MAMP local Apache\/PHP\/MySql web server, and have a lot of fun working these products amongst their &#8220;media darlings&#8221; &#8230;<\/p>\n<ul>\n<li><a target=_blank title=ffmpeg href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/ffmpeg'>Ffmpeg<\/a> is great at creating Videos or Animated GIFs from Image input<\/li>\n<li><a target=_blank title=ffmpeg href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/imagemagick'>ImageMagick<\/a> is great at creating PDFs from Image input (and, as we have already alluded to, creating Images of PDF pages)<\/li>\n<\/ul>\n<p> &#8230; that you might think is overkill, here, with this <a target=_blank title=Pdfimages href='https:\/\/www.cyberciti.biz\/faq\/easily-extract-images-from-pdf-file\/'>Pdfimages<\/a> (is great at creating Images extracted from PDF) work, until the day somebody says &#8230;<\/p>\n<blockquote><p>\nOh!  By the way!  We want this in <i>Such and Such<\/i> format.  We&#8217;re sure that&#8217;s no trouble, so have a great day.  See ya!\n<\/p><\/blockquote>\n<p>And so, moving on from yesterday&#8217;s <a title='Pdfimages PDF Image Extraction PHP Browsing Tutorial' href='#ppdfiephpbt'>Pdfimages PDF Image Extraction PHP Browsing Tutorial<\/a> we would like you to install these on your local MAMP environment (by visiting links above, or interpreting PHP code below) &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\nif (isset($_POST['install'])) {<br \/>\n   if ($_POST['install'] == 'pdfimages') {<br \/>\n    if (PHP_OS == \"Darwin\") {<br \/>\n    putenv('PATH=\/usr\/local\/bin');<br \/>\n    $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;brew install popper&lt;br&gt;&lt;br&gt;If errors below, you should try command above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n    $x.=shell_exec('brew install poppler 2&gt; huh.jnk');<br \/>\n     if (file_exists('huhjunk.jnk')) {<br \/>\n       $x.=file_get_contents('huhjnk.jnk');<br \/>\n       unlink('huh.jnk');<br \/>\n     }<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     } else if (PHP_OS =='WINNT' || PHP_OS =='WIN32' || PHP_OS =='Windows') {<br \/>\n     $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;sudo apt-get update &lt;br&gt;sudo apt-get install poppler-utils&lt;br&gt;&lt;br&gt;If errors below, you should try commands above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n     $x.=shell_exec('sudo apt-get update');<br \/>\n     $x.=shell_exec('sudo apt-get install poppler-utils');<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     }<br \/>\n   } else if ($_POST['install'] == 'ffmpeg') {<br \/>\n    if (PHP_OS == \"Darwin\") {<br \/>\n    putenv('PATH=\/usr\/local\/bin');<br \/>\n    $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;brew install ffmpeg&lt;br&gt;&lt;br&gt;If errors below, you should try command above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n    $x.=shell_exec('brew install ffmpeg 2&gt; huh.jnk');<br \/>\n     if (file_exists('huhjunk.jnk')) {<br \/>\n       $x.=file_get_contents('huhjnk.jnk');<br \/>\n       unlink('huh.jnk');<br \/>\n     }<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     } else if (PHP_OS =='WINNT' || PHP_OS =='WIN32' || PHP_OS =='Windows') {<br \/>\n     $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;sudo apt update -y &lt;br&gt;sudo apt install ffmpeg -y&lt;br&gt;&lt;br&gt;If errors below, you should try commands above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n     $x.=shell_exec('sudo apt update -y');<br \/>\n     $x.=shell_exec('sudo apt install ffmpeg -y');<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     }<br \/>\n   } else if ($_POST['install'] == 'imagemagick') {<br \/>\n    if (PHP_OS == \"Darwin\") {<br \/>\n    putenv('PATH=\/usr\/local\/bin');<br \/>\n    $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;brew install imagemagick&lt;br&gt;&lt;br&gt;If errors below, you should try command above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n    $x.=shell_exec('brew install imagemagick 2&gt; huh.jnk');<br \/>\n     if (file_exists('huhjunk.jnk')) {<br \/>\n       $x.=file_get_contents('huhjnk.jnk');<br \/>\n       unlink('huh.jnk');<br \/>\n     }<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     } else if (PHP_OS =='WINNT' || PHP_OS =='WIN32' || PHP_OS =='Windows') {<br \/>\n     $x=\"&lt;p&gt;Regarding ...&lt;br&gt;&lt;br&gt;sudo apt update&lt;br&gt;sudo apt install imagemagick&lt;br&gt;&lt;br&gt;If errors below, you should try commands above, yourself, on command line ...&lt;br&gt;&lt;br&gt;&lt;br&gt;\";<br \/>\n     $x.=shell_exec('sudo apt update');<br \/>\n     $x.=shell_exec('sudo apt install imagemagick');<br \/>\n     echo \"&lt;html&gt;&lt;body&gt;&lt;pre&gt;\" . $x . \"&lt;\/pre&gt;&lt;\/body&gt;&lt;\/html&gt;\";<br \/>\n     }<br \/>\n   }<br \/>\n   exit;<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; and have the chance to have fun using our three new checkboxes for &#8230;<\/p>\n<ul>\n<li>Video<\/li>\n<li>Animated GIF<\/li>\n<li>Image PDF<\/li>\n<\/ul>\n<p> &#8230; additional media output options off the Pdfimages start you make, whether that be via filled in textboxes or the browsing mechanisms to define your input PDF containing this Image input data (you&#8217;ll be wanting to refer to as &#8220;slides&#8221; soon enough).<\/p>\n<p>So, why not re-download <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php--GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php--GETME\">php_calls_pdfimages.php<\/a> <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server&#8217;s document root ( ie. using a MAMP macOS URL HTTP:\/\/localhost:8888\/php_calls_pdfimages.php and may take you there with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">this public domain RJM Programming link<\/a> if all of above holds ).  You still need to follow the client_browsing.htm download instructions, as of yesterday&#8217;s work, for local File API browsing.<\/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\/pdfimages-pdf-image-extraction-php-ffmpeg-imagemagick-tutorial\/'>Pdfimages PDF Image Extraction PHP Ffmpeg ImageMagick Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfiephpbt'>Previous relevant <a target=_blank title='Pdfimages PDF Image Extraction PHP Browsing Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-image-extraction-php-browsing-tutorial\/'>Pdfimages PDF Image Extraction PHP Browsing Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Image Extraction PHP Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages_more.gif\" title=\"Pdfimages PDF Image Extraction PHP Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Image Extraction PHP Browsing Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Pdfimages PDF Image Extraction PHP Tutorial' href='#ppdfiephpt'>Pdfimages PDF Image Extraction PHP Tutorial<\/a> &#8230;<\/p>\n<ul>\n<li>asked a lot of the user as far as interactive entry goes having to specify &#8230;\n<ol>\n<li>input PDF file path<\/li>\n<li>input PDF file name<\/li>\n<\/ol>\n<\/li>\n<li>when, in this day and age with the HTML5 and the <a target=_blank title='Great link' href='http:\/\/www.html5rocks.com\/en\/tutorials\/file\/dndfiles\/'>File API<\/a> we can browse for that PDF file using a look like those dialogue boxes from the early Windows and Mac OS X desktop application days<\/li>\n<\/ul>\n<p>We don&#8217;t reinvent the wheel here, but <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html----------------------GETME\">tweak<\/a> our oft-changed inhouse <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html----------------------GETME\">client_browsing.htm<\/a> (which we&#8217;d like you to download to your <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server HTMLCSS folder, you create, off its document root) <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.htm\">interfacing<\/a> to the <a target=_blank title='Great link' href='http:\/\/www.html5rocks.com\/en\/tutorials\/file\/dndfiles\/'>File API<\/a>, allowing the interface, within the parent window nested in an iframe element, return &#8230;<\/p>\n<ol>\n<li>file <font size=1>base<\/font> name<\/li>\n<li>file size<\/li>\n<\/ol>\n<p> &#8230; not pushing any barrows chasing the non-generic file path data members available on a rare platform (to fill in our input PDF file path), instead, writing some PHP to try to glean that input PDF file path ourselves, knowing the two pieces of information above &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\nfunction rsearch($folder, $pattern, $size) { \/\/ thanks, anyway, to https:\/\/stackoverflow.com\/questions\/17160696\/php-glob-scan-in-subfolders-for-a-file<br \/>\n    $didea='';<br \/>\n    if (PHP_OS == \"Darwin\") {<br \/>\n      \/\/file_put_contents(\"x.ksh\", \"find \" . $folder . \" -type f -name \\\"\" . $pattern . \"\\\" 2&gt; \/dev\/null -exec wc -c {} + | egrep '^ \" . $size . \" ' | sed '\/ \" . $size . \" \/s\/\/\/g'\");<br \/>\n      if ($folder == DIRECTORY_SEPARATOR) {<br \/>\n        $didea=shell_exec(\"find \\$HOME\/Downloads -type f -name \\\"\" . $pattern . \"\\\" 2&gt; \/dev\/null -exec wc -c {} + | egrep '^ \" . $size . \" ' | sed '\/ \" . $size . \" \/s\/\/\/g'\");<br \/>\n      \/\/file_put_contents(\"xx.ksh\", $didea);<br \/>\n        if ($didea != '') { return $didea; }<br \/>\n        $didea=shell_exec(\"find \" . dirname(__FILE__) . DIRECTORY_SEPARATOR  . \" -type f -name \\\"\" . $pattern . \"\\\" 2&gt; \/dev\/null -exec wc -c {} + | egrep '^ \" . $size . \" ' | sed '\/ \" . $size . \" \/s\/\/\/g'\");<br \/>\n      \/\/file_put_contents(\"xxx.ksh\", $didea);<br \/>\n        if ($didea != '') { return $didea; }<br \/>\n      }<br \/>\n      return shell_exec(\"find \" . $folder . \" -type f -name \\\"\" . $pattern . \"\\\" 2&gt; \/dev\/null -exec wc -c {} + | egrep '^ \" . $size . \" ' | sed '\/ \" . $size . \" \/s\/\/\/g'\");<br \/>\n    }<br \/>\n    \/\/$iti = new RecursiveDirectoryIterator($folder);<br \/>\n    \/\/foreach (new RecursiveIteratorIterator($iti) as $file) {<br \/>\n    \/\/foreach (glob($folder . $pattern) as $file) {<br \/>\n    \/\/     if (strpos($file , $pattern) !== false && filesize($file) == $size) {<br \/>\n    \/\/        return $file;<br \/>\n    \/\/     }<br \/>\n    \/\/}<br \/>\n    return '';<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; so far just for Mac OS X or macOS &#8230; sorrrryyyyy!<\/p>\n<p>Along the way, we now offer, as far as image displays go, the choices of &#8230;<\/p>\n<ul>\n<li>images from left to right (as with yesterday) &#8230; and now &#8230;<\/li>\n<li>images from top to bottom<\/li>\n<li>images that fill screen width, as far as they can fit<\/li>\n<\/ul>\n<p>The images can be clicked to open individually in new web browser tabs, should that interest.<\/p>\n<p>So, why not download <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php-GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php-GETME\">php_calls_pdfimages.php<\/a> <a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server&#8217;s document root ( ie. using a MAMP macOS URL HTTP:\/\/localhost:8888\/php_calls_pdfimages.php and may take you there with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">this public domain RJM Programming link<\/a> if all of above holds ).<\/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\/pdfimages-pdf-image-extraction-php-browsing-tutorial\/'>Pdfimages PDF Image Extraction PHP Browsing Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfiephpt'>Previous relevant <a target=_blank title='Pdfimages PDF Image Extraction PHP Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-image-extraction-php-tutorial\/'>Pdfimages PDF Image Extraction PHP Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Image Extraction PHP Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.gif\" title=\"Pdfimages PDF Image Extraction PHP Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Image Extraction PHP Tutorial<\/p><\/div>\n<p>Today we&#8217;re building on yesterday&#8217;s <a title='Pdfimages PDF Image Extraction Primer Tutorial' href='#ppdfiept'>Pdfimages PDF Image Extraction Primer Tutorial<\/a>&#8216;s &#8230;<\/p>\n<ul>\n<li>macOS command line use of <a target=_blank title='Install Pdfimages to macOS, thanks' href='https:\/\/apple.stackexchange.com\/questions\/237371\/how-to-install-pdfimages-in-el-capitan'>thanks<\/a>, that the great <a target=_blank title=Pdfimages href='https:\/\/www.cyberciti.biz\/faq\/easily-extract-images-from-pdf-file\/'>Pdfimages<\/a> suite of software works in to extract the images contained within a PDF &#8230; by allowing &#8230;<\/li>\n<li>a combination of &#8230;\n<ul>\n<li>macOS<\/li>\n<li><a target=_blank title='MAMP for Apache\/PHP\/MySql on Mac OS X local web server' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server<\/li>\n<li>inhouse PHP <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php_GETME\">php_calls_pdfimages.php<\/a> downloaded to document root of MAMP web server<\/li>\n<li>PHP <a target=_blank title='PHP exec() method information' href='http:\/\/php.net\/manual\/en\/function.exec.php'>exec<\/a><\/li>\n<\/ul>\n<p> &#8230; can present a form a MAMP webpage user uses to find the input PDF and suggest a prefixing part to the filenames, which will end up creating images from that PDF file as per &#8230; [userPrefix]-0.jpg [userPrefix]-1.jpg [userPrefix]-2.jpg etcetera etcetera etcetera\n<\/li>\n<\/ul>\n<p>So here&#8217;s our source code for <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php_GETME\">php_calls_pdfimages.php<\/a> as it sits for this first incarnation ( ie. using a MAMP macOS URL HTTP:\/\/localhost:8888\/php_calls_pdfimages.php and may take you there with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/php_calls_pdfimages.php\">this public domain RJM Programming link<\/a> if all of above holds ).<\/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\/pdfimages-pdf-image-extraction-php-tutorial\/'>Pdfimages PDF Image Extraction PHP Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfiept'>Previous relevant <a target=_blank title='Pdfimages PDF Image Extraction Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-image-extraction-primer-tutorial\/'>Pdfimages PDF Image Extraction Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/pdfimages_install.gif\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Pdfimages PDF Image Extraction Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/pdfimages_install.gif\" title=\"Pdfimages PDF Image Extraction Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Pdfimages PDF Image Extraction Primer Tutorial<\/p><\/div>\n<p>When we presented <a title='PDF via Slide Images and Back Again via ImageMagick Primer Tutorial' href='#pdfsibaimpt'>PDF via Slide Images and Back Again via ImageMagick Primer Tutorial<\/a> we referenced &#8230;<\/p>\n<ul>\n<li>the great ImageMagick suite of software capable of extracting PDF pages as an image &#8230; as distinct from our curiosity today &#8230;<\/li>\n<li>we <a target=_blank title='Pdfimages rather than ImageMagick, thanks' href='https:\/\/imagemagick.org\/discourse-server\/viewtopic.php?t=35309'>discovered<\/a>, <a target=_blank title='Install Pdfimages to macOS, thanks' href='https:\/\/apple.stackexchange.com\/questions\/237371\/how-to-install-pdfimages-in-el-capitan'>thanks<\/a>, that the great <a target=_blank title=Pdfimages href='https:\/\/www.cyberciti.biz\/faq\/easily-extract-images-from-pdf-file\/'>Pdfimages<\/a> suite of software can extract the images contained within a PDF<\/li>\n<\/ul>\n<p>And so, today, we show with today&#8217;s animated GIF presentation<\/a> &#8230;<\/p>\n<ul>\n<li>installing Pdfimages on macOS via &#8230;<br \/>\n<code><br \/>\nbrew install poppler<br \/>\n<\/code>\n<\/li>\n<li>using a macOS command line (via Terminal application) issued command &#8230;<br \/>\n<code><br \/>\npdfimages -j \"September 22 record.pdf\" ideas -png<br \/>\n<\/code><br \/>\n &#8230; to extract the 242 images (curiously, as jpeg images) contained within our input PDF.\n<\/li>\n<\/ul>\n<p>Interesting, huh?<\/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\/pdfimages-pdf-image-extraction-primer-tutorial\/'>Pdfimages PDF Image Extraction Primer Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pdfsibaimpt'>Previous relevant <a target=_blank title='PDF via Slide Images and Back Again via ImageMagick Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-via-slide-images-and-back-again-via-imagemagick-primer-tutorial\/'>PDF via Slide Images and Back Again via ImageMagick Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants_pdf.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"PDF via Slide Images and Back Again via ImageMagick Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants_pdf.jpg\" title=\"PDF via Slide Images and Back Again via ImageMagick Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">PDF via Slide Images and Back Again via ImageMagick Primer Tutorial<\/p><\/div>\n<p>Does today&#8217;s blog posting title sound familiar to you?  If so, I&#8217;m impressed.  If not, get the whole picture, in context (we hope), today of &#8230;<\/li>\n<ul>\n<li>today&#8217;s &#8220;PDF via Slide Images and Back Again via ImageMagick Primer Tutorial&#8221; &#8230; gets its cues from a &#8230;<\/li>\n<li>previous &#8220;Video via Slide Images and Back Again via ffmpeg Primer Tutorial&#8221; &#8230; so that &#8230;\n<ol>\n<li>PDF is the output file format as distinct from a Video Format such as *.mov or *.mp4<\/li>\n<li><a target=_blank title='ImageMagick software suite' href='https:\/\/www.imagemagick.org\/'>ImageMagick<\/a> is the conduit to that work as distinct from <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p> &#8230; and that what is a common denominator here to be able to convert between Video and PDF and vice versa, is a set of image slides (or frames) of the animation concerned, today&#8217;s being, again, that Ant Video we took on our iPhone (that became the &#8220;Star Ant Video&#8221;), and that today takes as its <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants_pdf.pdf\" title=\"Click picture\">starting point<\/a> &#8230;<\/p>\n<ol>\n<li>image slides (or frames) from <a title='Video via Slide Images and Back Again via ffmpeg Primer Tutorial' href='#vsibapt'>Video via Slide Images and Back Again via ffmpeg Primer Tutorial<\/a> our MacBook Pro (via an email attachment download) &#8230; a listing of which looks like &#8230;<br \/>\n<code><br \/>\n$ ls -l image-000*.jpeg<br \/>\n-rw-r--r--  1 user  admin  170993 26 Jul 11:20 image-0001.jpeg<br \/>\n-rw-r--r--  1 user  admin  205565 26 Jul 11:20 image-0002.jpeg<br \/>\n-rw-r--r--  1 user  admin  218950 26 Jul 11:20 image-0003.jpeg<br \/>\n-rw-r--r--  1 user  admin  164271 26 Jul 11:20 image-0004.jpeg<br \/>\n-rw-r--r--  1 user  admin  171662 26 Jul 11:20 image-0005.jpeg<br \/>\n-rw-r--r--  1 user  admin  155528 26 Jul 11:20 image-0006.jpeg<br \/>\n-rw-r--r--  1 user  admin   53193 26 Jul 11:20 image-0007.jpeg<br \/>\n<\/code>\n<\/li>\n<li>gets converted to an original (input) PDF (<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/antsoriginal.pdf\">antsoriginal.pdf<\/a>) (with slideshow capabilities via applications like Mac OS X&#8217;s Preview or Adobe Acrobat Reader) via Mac OS X Terminal application command line&#8217;s ImageMagick executable convert command &#8230;<br \/>\n<code><br \/>\nconvert image-000*.jpeg -density 4096 antsoriginal.pdf<br \/>\n<\/code><br \/>\n &#8230; and then we act as though this PDF was our original source of data and decide to &#8230;<\/li>\n<li>break that PDF into its constituent image slides (or frames) via &#8230;<br \/>\n<code><br \/>\nconvert -density 900 antsoriginal.pdf image_pdf.jpeg<br \/>\n<\/code><br \/>\n &#8230; and then use ImageMagick convert commands again to &#8230;<\/li>\n<li>crop those image slides via Mac OS X Terminal application command line&#8217;s ImageMagick executable convert commands (thanks to this <a target=_blank title='Great advice, thanks' href='https:\/\/hackernoon.com\/save-time-by-transforming-images-in-the-command-line-c63c83e53b17'>great advice<\/a>) &#8230;<br \/>\n<code><br \/>\n$ convert image_pdf-0.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-0.jpg<br \/>\n$ convert image_pdf-1.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-1.jpg<br \/>\n$ convert image_pdf-2.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-2.jpg<br \/>\n$ convert image_pdf-3.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-3.jpg<br \/>\n$ convert image_pdf-4.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-4.jpg<br \/>\n$ convert image_pdf-5.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-5.jpg<br \/>\n$ convert image_pdf-6.jpeg  -crop 3000x6000+4000+4000 -gravity center image_pdf-6.jpg<br \/>\n<\/code><br \/>\n &#8230; into new PDF slide images (or frames) that can be converted to (output) PDF (<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/antscentral.pdf\">antscentral.pdf<\/a>) via ImageMagick executable convert command &#8230;<br \/>\n<code><br \/>\nconvert image_pdf*.jpg antscentral.pdf<br \/>\n<\/code><br \/>\n &#8230; to see &#8230;<\/li>\n<li>we end up with the (relevant) file listing &#8230;<br \/>\n<code><br \/>\n$ ls -l image-000*.jpeg image_pdf*.jp*g ants*l.pdf<br \/>\n-rw-r--r--@ 1 user  admin  17405330 15 Aug 12:00 antscentral.pdf<br \/>\n-rw-r--r--@ 1 user  admin   1350686 15 Aug 11:53 antsoriginal.pdf<br \/>\n-rw-r--r--  1 user  admin    170993 26 Jul 11:20 image-0001.jpeg<br \/>\n-rw-r--r--  1 user  admin    205565 26 Jul 11:20 image-0002.jpeg<br \/>\n-rw-r--r--  1 user  admin    218950 26 Jul 11:20 image-0003.jpeg<br \/>\n-rw-r--r--  1 user  admin    164271 26 Jul 11:20 image-0004.jpeg<br \/>\n-rw-r--r--  1 user  admin    171662 26 Jul 11:20 image-0005.jpeg<br \/>\n-rw-r--r--  1 user  admin    155528 26 Jul 11:20 image-0006.jpeg<br \/>\n-rw-r--r--  1 user  admin     53193 26 Jul 11:20 image-0007.jpeg<br \/>\n-rw-r--r--  1 user  admin  17643304 15 Aug 11:18 image_pdf-0.jpeg<br \/>\n-rw-r--r--  1 user  admin   2906716 15 Aug 11:56 image_pdf-0.jpg<br \/>\n-rw-r--r--  1 user  admin  18521373 15 Aug 11:18 image_pdf-1.jpeg<br \/>\n-rw-r--r--  1 user  admin   3022841 15 Aug 11:58 image_pdf-1.jpg<br \/>\n-rw-r--r--  1 user  admin  17394312 15 Aug 11:18 image_pdf-2.jpeg<br \/>\n-rw-r--r--  1 user  admin   2762837 15 Aug 11:58 image_pdf-2.jpg<br \/>\n-rw-r--r--  1 user  admin  13963420 15 Aug 11:19 image_pdf-3.jpeg<br \/>\n-rw-r--r--  1 user  admin   2215533 15 Aug 11:58 image_pdf-3.jpg<br \/>\n-rw-r--r--  1 user  admin  16076730 15 Aug 11:19 image_pdf-4.jpeg<br \/>\n-rw-r--r--  1 user  admin   2597147 15 Aug 11:59 image_pdf-4.jpg<br \/>\n-rw-r--r--  1 user  admin  16544272 15 Aug 11:19 image_pdf-5.jpeg<br \/>\n-rw-r--r--  1 user  admin   2840288 15 Aug 11:59 image_pdf-5.jpg<br \/>\n-rw-r--r--  1 user  admin   6870989 15 Aug 11:19 image_pdf-6.jpeg<br \/>\n-rw-r--r--  1 user  admin   1030314 15 Aug 11:59 image_pdf-6.jpg<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p>Just as we decided to reinstall ffmpeg due to that disk crash, we decided to reinstall ImageMagick to this MacBook Pro here, and found, thanks to <a target=_blank title='Great ImageMagick install advice' href='http:\/\/cactuslab.com\/imagemagick\/'>great advice<\/a>, we found that we needed to &#8230;<\/p>\n<ol>\n<li>install ImageMagick via that previous link&#8217;s relevant download link &#8230; then at Terminal application command line &#8230;<br \/>\n<code><br \/>\nsudo -k ln -s \/opt\/ImageMagick\/bin\/convert \/usr\/bin\/convert<br \/>\n<\/code>\n<\/li>\n<li>install GhostScript via that previous link&#8217;s relevant download link &#8230; then at Terminal application command line &#8230;<br \/>\n<code><br \/>\nsudo -k ln -s \/opt\/Ghostscript\/bin\/gs \/usr\/local\/bin\/gs<br \/>\n<\/code><br \/>\n<img decoding=\"async\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants_pdf-imagemagick-ghostscript.jpg\" title=\"ants_pdf-imagemagick-ghostscript.jpg\" \/>\n<\/li>\n<li>install XQuartz via via <a target=_blank title='XQuartz download page' href='https:\/\/www.xquartz.org\/'>XQuartz download page<\/a>, thanks<\/li>\n<p><img decoding=\"async\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants_pdf-imagemagick-ghostscript-xquartz.jpg\" title=\"ants_pdf-imagemagick-ghostscript.jpg\" \/>\n<\/ol>\n<p>All animations, different forms (or formats), all presentation facilitators, is the message here today.<\/p>\n<hr>\n<p id='vsibapt'>Previous relevant <a target=_blank title='Video via Slide Images and Back Again via ffmpeg Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/video-via-slide-images-and-back-again-via-ffmpeg-primer-tutorial\/'>Video via Slide Images and Back Again via ffmpeg Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Video via Slide Images and Back Again via ffmpeg Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants.jpg\" title=\"Video via Slide Images and Back Again via ffmpeg Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Video via Slide Images and Back Again via ffmpeg Primer Tutorial<\/p><\/div>\n<p>Reading yesterday&#8217;s <a target=_blank title='LibreOffice Spreadsheet via dBase Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/libreoffice-spreadsheet-via-dbase-primer-tutorial\/'>LibreOffice Spreadsheet via dBase Primer Tutorial<\/a> you can&#8217;t say I didn&#8217;t warn you about my interest in ants (and bees)?  Glad you asked?<\/p>\n<p><b><i>Did you know?<\/i><\/b><\/p>\n<ul>\n<li>the queen ant (often just one per ant colony) is not a leader as such in thinking out strategies &#8230; believe it or not &#8230;<\/li>\n<li>it is believed ant colony strategies are worked by what we might call &#8220;groupthink&#8221;<\/li>\n<li>ants march in line often and the scent that the ants leave behind is pheromone, that non-leader ants follow off that left behind by the &#8220;leader ant&#8221; &#8230; ie. &#8220;leader&#8221; of position, rather than &#8220;leader&#8221; of hierarchy<\/li>\n<\/ul>\n<p>So seeing some ants walking in line up a power pole, used an iPhone to capture a very short video (short enough to use the iPhone&#8217;s Photo app&#8217;s Share via Mail (attachment) method of emailing to the MacBook Pro, and then (<a target=_blank title='Gmail' href='http:\/\/gmail.com'>Gmail website<\/a>) downloading) of this, and later, buck the &#8220;ant&#8221; trend, and &#8220;anthropomorphise&#8221; a &#8220;star ant&#8221;, by honing in on an ant in this video and ring it (and its movement) before creating another &#8220;Star Ant Video&#8221;.<\/p>\n<p>There are video editing approaches you could use, but what got us interested was the thought of &#8230;<\/p>\n<ul>\n<li>break the video into its component parts &#8230; just like animations like <a target=_blank href='https:\/\/www.youtube.com\/watch?v=tJBeih6JZrs' title='?'>&#8220;Bugs Bunny&#8221;<\/a> &#8230; a series of (slide, or frame) images<\/li>\n<li>edit those (slide) images to add the (we&#8217;ve decided should be) red ringing of our &#8220;Star Ant&#8221; &#8230; who we&#8217;ve decided you, the user can call whatever you so desire &#8230; aaaaaaarrrrrrr<\/li>\n<li>reconstitute a new video from some new (slide) image components<\/li>\n<\/ul>\n<p>That&#8217;s where one of our favourite Mac Os X friendly media players, which is also a command line &#8220;player&#8221; (yayyyyyy!) comes to the fore, for us.  It&#8217;s the wonderful <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a> which we&#8217;ve had for a long time now on this MacBook Pro until a disk crash mentioned some weeks back.  Could get it back off restore, but decided to reconsitute &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Xcode IDE information from Apple' href='https:\/\/developer.apple.com\/technologies\/tools\/'>Xcode<\/a> command line tools<\/li>\n<li><a target=_blank title='Homebrew as alternative to Package Manager' href='http:\/\/brew.sh\/'>Homebrew<\/a><\/li>\n<li>ffmpeg<\/li>\n<\/ul>\n<p> &#8230; as a fairly straightforward exercise (given you have Xcode installed already) via a <a target=_blank title='Ren\u00e9 Calles webpage' href='http:\/\/www.renevolution.com\/ffmpeg\/2013\/03\/16\/how-to-install-ffmpeg-on-mac-os-x.html'>How to install FFmpeg on Mac OS X<\/a> webpage by Ren\u00e9 Calles, thanks, heaps, we discovered the commands that worked well for us that go &#8230;<\/p>\n<p><code><br \/>\nruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<br \/>\nbrew install ffmpeg --with-fdk-aac --with-ffplay --with-freetype --with-frei0r --with-libass --with-libvo-aacenc --with-libvorbis --with-libvpx --with-opencore-amr --with-openjpeg --with-opus --with-rtmpdump --with-schroedinger --with-speex --with-theora --with-tools<br \/>\n<\/code><\/p>\n<p> &#8230; to (re)install ffmpeg so that, then &#8230;<\/p>\n<p><code><br \/>\nffmpeg -i IMG_0738.MOV -r 1 image-%04d.jpeg<br \/>\n<\/code><\/p>\n<p> &#8230; could create those original 7 (slide) images, though the use of a value bigger than <a target=_blank title='ffmpeg information' href='http:\/\/www.ffmpeg.org\/ffmpeg.html'>1<\/a> frames per second for the &#8220;-r&#8221; switch could be on the cards for your usages.<\/p>\n<p>How to edit those images?  We just used the Mac OS X version of <a target=_blank title='Paintbrush for Mac' href='http:\/\/paintbrush.sourceforge.net\/downloads\/'>PaintBrush<\/a> and lined a lot of these images side by side across the screen to try to track our &#8220;Star Ant&#8221; and award it the &#8220;Red Ellipse PaintBrush Order of Merit&#8221; (for individualism &#8230; tee hee).<\/p>\n<p>Reconstituting the new slides into a new video we remember was another talent of ffmpeg and found this <a target=_blank title='Useful webpage, thanks' href='https:\/\/stackoverflow.com\/questions\/24961127\/how-to-create-a-video-from-images-with-ffmpeg'>useful webpage<\/a>, thanks, on the topic of taking raw (slide) images to create a video via ffmpeg.  Actually, though, we also had our previous very useful <a target=_blank href='#agifvphpwphpdurit' title='Animated GIF and Video via PHP Writing PHP Data URI Tutorial'>Animated GIF and Video via PHP Writing PHP Data URI Tutorial<\/a> (presented below) to turn to to end up with the Mac OS X (Terminal session command line command &#8230;<\/p>\n<p><code><br \/>\nffmpeg -r 1 -i image-%04d.jpg ants.mp4<br \/>\n<\/code><\/p>\n<p>There are no worries with video file &#8220;workings&#8221; to do with uppercase and lowercase and names, so we &#8230;<\/p>\n<p><code><br \/>\ncp IMG_0738.MOV ants.mov<br \/>\n<\/code><\/p>\n<p> &#8230; just for some consistency purposes (and could use &#8220;mv&#8221; to rename instead) so that we can show you &#8230;<\/p>\n<table style=width:100%>\n<tr>\n<th>Before &#8230;<\/th>\n<th>After &#8230; &#8220;Star Ant Video&#8221;<\/th>\n<\/tr>\n<tr>\n<td><video controls type='video\/mp4' style='width:300px;'><source src='http:\/\/www.rjmprogramming.com.au\/Mac\/ants.mov'><\/source><\/video><\/td>\n<td><video controls type='video\/mp4' style='width:300px;'><source src='http:\/\/www.rjmprogramming.com.au\/Mac\/ants.mp4'><\/source><\/video><\/td>\n<\/tr>\n<\/table>\n<p>See a lot of all these goings on at today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ants.pdf\" title=\"Click picture\">PDF slideshow<\/a>.<\/p>\n<hr>\n<p id='agifvphpwphpdurit'>Previous relevant <a target=_blank title='Animated GIF and Video via PHP Writing PHP Data URI Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-and-video-via-php-writing-php-data-uri-tutorial\/'>Animated GIF and Video via PHP Writing PHP Data URI Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF and Video via PHP Writing PHP Data URI Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/video_or_not.jpg\" title=\"Animated GIF and Video via PHP Writing PHP Data URI Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF and Video via PHP Writing PHP Data URI Tutorial<\/p><\/div>\n<p>There is a great open source command line application called <a target=_blank title='FFmpeg' href='https:\/\/www.ffmpeg.org\/'>&#8220;FFmpeg&#8221;<\/a> that can create video (or convert video) from image slides (for instance), and so, if we <b>merge functionality for this<\/b> into yesterday&#8217;s <a title='Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial' href='#agifsphpwphpdurit'>Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial<\/a> some &#8220;presentation&#8221; styles that our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\" title=\"Click picture\">web application<\/a> can process are now &#8230;<\/p>\n<ul>\n<li>animated GIF<\/li>\n<li>slideshow<\/li>\n<li><b>video<\/b><\/li>\n<\/ul>\n<p>As useful as &#8220;FFmpeg&#8221; is, it is not necessarily a default application existing on web server operating systems like our rjmprogramming.com.au&#8217;s CentOS server.  But we do have it on our Mac OS X (MacBook Pro) operating system&#8217;s command line, so we write our PHP determining whether to &#8230;<\/p>\n<ul>\n<li>create the video data there and then via &#8220;FFmpeg&#8221; and PHP&#8217;s <a target=_blank title='PHP exec() method information' href='http:\/\/php.net\/manual\/en\/function.exec.php'>exec<\/a> method &#8230; or &#8230;<\/li>\n<li>provide instructions to be able to create the video back at your client computer (that has &#8220;FFmpeg&#8221; perhaps) &#8230; to suit the &#8230;<br \/>\n<code><br \/>\nffmpeg -r 1 -i %03d.jpg video.mp4<br \/>\n<\/code><br \/>\n &#8230; to create a video called video.mp4 with 1 second delays between (input) slides named 001.jpg then 002.jpg then 003.jpg etcetera &#8230; thanks <a target=_blank title='Useful link' href='https:\/\/stackoverflow.com\/questions\/5892308\/create-video-file-using-php'>useful webpage<\/a> for the help &#8230; that in the command line can sometimes be played via &#8230;<br \/>\n<code><br \/>\nopen video.mp4<br \/>\n<\/code><br \/>\n &#8230; or used in some HTML as per &#8230;<br \/>\n<code><br \/>\n&lt;video controls id=ivideo type='video\/mp4'&gt;&lt;source src='video.mp4'&gt;&lt;\/source&gt;&lt;\/video&gt;<br \/>\n<\/code><br \/>\n &#8230; that we show you, below, the Mac OS X local <a target=_blank title='MAMP local Apache\/PHP\/MySql web server' href='http:\/\/mamp.info'>MAMP<\/a> (Apache\/PHP\/MySql) web server running of today&#8217;s PHP to create &#8230;<br \/>\n<video style='width:100%;' controls id=ivideo type='video\/mp4'><source src='http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/vid_eo.mp4'><\/source><\/video>\n<\/li>\n<\/ul>\n<p>If you are a regular at this blog and &#8220;FFmpeg&#8221; sounds a bit familiar to you, that&#8217;s probably because you&#8217;ve read <a target=_blank title='FFmpeg Image Optimization Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/ffmpeg-image-optimization-primer-tutorial\/'>FFmpeg Image Optimization Primer Tutorial<\/a> on an earlier occasion <font size=2>&#8230; by candlelight <\/font><font size=1>&#8230; with the lights dimmed?!<\/font><\/p>\n<p>See this in the context of how this PHP <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php----GETME\" title=\"tutorial_to_animated_gif.php\">tutorial_to_animated_gif.php<\/a> code changed for videos in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php----GETME\">this way<\/a> or try it as a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\" title=\"Click picture\">live run<\/a>.<\/p>\n<hr>\n<p id='agifsphpwphpdurit'>Previous relevant <a target=_blank title='Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-and-slideshow-via-php-writing-php-data-uri-tutorial\/'>Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/agmore.jpg\" title=\"Animated GIF via PHP Writing PHP Data URI Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF and Slideshow via PHP Writing PHP Data URI Tutorial<\/p><\/div>\n<p>To us, there are great similarities between animated GIFs and slideshows, as two forms of &#8220;presentation&#8221;, and so to extend yesterday&#8217;s <a title='Animated GIF via PHP Writing PHP Data URI Tutorial' href='#agifphpwphpdurit'>Animated GIF via PHP Writing PHP Data URI Tutorial<\/a> animated GIF creator &#8220;PHP Writes PHP&#8221; web application that now has the option for <a target=_blank title='Data URI information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Data_URI_scheme'>data URI<\/a> &#8220;exports&#8221; we add the functionality for &#8230;<\/p>\n<ul>\n<li>slideshow creation (using our inhouse methods) which defaults to a horizontal (hashtag type of) navigation &#8230; as well as adding a &#8230;<\/li>\n<li>slideshow creation, with Data URI image data, using functionality as if CSS <a target=_blank title='CSS z-index information from w3schools' href='http:\/\/www.w3schools.com\/cssref\/pr_pos_z-index.asp'>z-index<\/a> (ie. slides stacked on top of each other in <a target=_blank title='Overlay blog postings at this blog' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/overlay'>&#8220;overlay&#8221;<\/a> style) was being used, but actually isn&#8217;t &#8230;<\/li>\n<\/ul>\n<p> &#8230; that little bit different to another &#8220;stacked&#8221; (or z-index feeling) approach we talked about with <a target=_blank title='Multiple Class Slideshow Details Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/multiple-class-slideshow-details-tutorial\/'>Multiple Class Slideshow Details Tutorial<\/a>, where HTML element <a target=_blank title='HTML class information from w3schools' href='http:\/\/www.w3schools.com\/html\/html_classes.asp'>&#8220;class&#8221;<\/a> properties were changed so that the last class defined reflects the look of the slideshow slide desired at any given time.  We just use an array, and a <a target=_blank title='Javascript setTimeout() method information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_settimeout.asp'>setTimeout<\/a> timer to achieve the same ends today, with our work (or &#8220;presentation&#8221;).  If this &#8220;horizontal versus stack&#8221; navigation choice interests you, also take a read of <a target=_blank title='HTML Input Element Types Randomized History Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html-input-element-types-randomized-history-tutorial\/'>HTML Input Element Types Randomized History Tutorial<\/a>.<\/p>\n<p>Again, with all this added functionality, because it is &#8220;hosted&#8221; in an HTML <a target=_blank title='HTML iframe element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_iframe.asp'>iframe<\/a> element all the existant web browser (Windows right click or Mac OS X two finger gesture) functionality can come into play, and make life quite interesting for your non-mobile users &#8220;collecting&#8221; data URIs <font size=1>&#8230; there are worse hobbies!<\/font><\/p>\n<p>You can see this in the context of how this PHP <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php---GETME\" title=\"tutorial_to_animated_gif.php\">tutorial_to_animated_gif.php<\/a> code changed for slideshows in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php---GETME\">this way<\/a> or try it as a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\" title=\"Click picture\">live run<\/a>.<\/p>\n<hr>\n<p id='agifphpwphpdurit'>Previous relevant <a target=_blank title='Animated GIF via PHP Writing PHP Data URI Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-via-php-writing-php-data-uri-tutorial\/'>Animated GIF via PHP Writing PHP Data URI Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Animated GIF via PHP Writing PHP Data URI Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/animegif_datauri.jpg\" title=\"Animated GIF via PHP Writing PHP Data URI Tutorial\"  \/><\/a><p class=\"wp-caption-text\">Animated GIF via PHP Writing PHP Data URI Tutorial<\/p><\/div>\n<p>The previous relevant &#8220;PHP writes PHP&#8221; methodology <a target=_blank title='Animated GIF information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/GIF'>animated GIF<\/a> creator we talked about, first, with <a title='Animated GIF via PHP Writing PHP Primer Tutorial' href='#agvpwppt'>Animated GIF via PHP Writing PHP Primer Tutorial<\/a> came back to mind yesterday with our <a target=_blank title='Missing Javascript Audio on Unmute Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/missing-javascript-audio-on-unmute-tutorial\/'>Missing Javascript Audio on Unmute Tutorial<\/a>, where we pondered on whether an animated GIF could be represented on a webpage by a <a target=_blank title='Data URI information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Data_URI_scheme'>data URI<\/a>.  Why take an interest in this?  Data URIs are very important to do with &#8230;<\/p>\n<ul>\n<li>future mobile development web form navigation benefits from their usage<\/li>\n<li>the use of data URIs make your web pages independent of web server location issues, so make your web data more portable, and flexible<\/li>\n<\/ul>\n<p> &#8230; and ideally, animated GIFs are also not just a decorative part of all this web application usage (as they can be a very efficient representation of an animation that could not be a more succinct way to show that animation or presentation), and if they can be made to be like any other GIF or image data file in the ways they can be represented (and used), then that is all for the good.<\/p>\n<p>So we changed the Jeroen van Wissen&#8217;s <a target=_blank href='http:\/\/www.jeroenvanwissen.nl\/weblog\/php\/howto-generate-animated-gif-with-php' title='Great PHP library for Animated GIF creation work, thanks'>inspired<\/a> PHP (&#8220;PHP writes PHP&#8221; methodology) code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php--GETME\">tutorial_to_animated_gif.php<\/a> code allow for this extra animated GIF data URI representation in a new additional HTML iframe (containing the animegif.html of code below) that when harnessing existant web browser (Windows right click or Mac OS X two finger gesture) functionality can glean for us, as required, that animated GIF&#8217;s data URI representation.  But don&#8217;t get too excited about this being rocket science, in that with a bit of effort, and PHP, it could have been gleaned <b>from what we already produced<\/b>, in that (in PHP &#8220;land&#8221;) &#8230;<\/p>\n<p><code><br \/>\n$lastbitto=\"\\$fp = fopen('animegif.gif', 'w');<br \/>\n\\$data = \\$gif->GetAnimation();<br \/>\n<b>\\$dataUri = 'data:image\/gif;base64,' . <a target=_blank title='PHP base64_encode information' href='http:\/\/php.net\/manual\/en\/function.base64-encode.php'>base64_encode<\/a>(\\$data);<\/b><br \/>\nfwrite(\\$fp, \\$data);<br \/>\nfclose(\\$fp);<br \/>\n<b>\\$fp = fopen('animegif.html', 'w');<br \/>\nfwrite(\\$fp, '&lt;!doctype html&gt;&lt;html&gt;&lt;body&gt;&lt;h1&gt;Data URI version below&lt;h1&gt;&lt;br&gt;&lt;h4&gt; ... via web browser (Windows right click, Mac OS X two finger gesture ...&lt;\/h4&gt;&lt;br&gt;&lt;img src=' . \\\"\\\\n\\\" . \\$dataUri . \\\"\\\\n\\\" . ' title=DataURI&gt;&lt;\/img&gt;&lt;\/body&gt;&lt;\/html&gt;');<br \/>\nfclose(\\$fp);\";<\/b><br \/>\n<\/code><\/p>\n<p>You can see this in the context of how this PHP code changed in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php--GETME\">this way<\/a> or try it as a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\" title=\"Click picture\">live run<\/a>.<\/p>\n<hr>\n<p id='agvpwppt'>Previous relevant <a target=_blank title='Animated GIF via PHP Writing PHP Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-via-php-writing-php-primer-tutorial\/'>Animated GIF via PHP Writing PHP Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF via PHP Writing PHP Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/animated_gif-186of.jpg\" title=\"Animated GIF via PHP Writing PHP Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Animated GIF via PHP Writing PHP Primer Tutorial<\/p><\/div>\n<p>We find another very useful reason for PHP to write PHP.  Today we establish a PHP web application to dynamically create Animated GIF images via some still images, like <a target=_blank title='Gifpal' href='http:\/\/www.gifpal.com'>Gifpal<\/a> would do.<\/p>\n<p>We have some great open source PHP code to thank for the basis of the functionality we found at Jeroen van Wissen&#8217;s very <a target=_blank href='http:\/\/www.jeroenvanwissen.nl\/weblog\/php\/howto-generate-animated-gif-with-php'>useful link<\/a>, thanks.<\/p>\n<p>Then we added a more user friendly interface to get the information off the user we need.   We present this in an HTML form, which navigates to the same PHP to do the actual assembly of the Animated GIF via techniques where PHP writes PHP &#8230; and really needs to, to be useful.<\/p>\n<p>Do you remember, last, when we did some PHP writing PHP functionality &#8230; <a target=_blank title='PHP Writes PHP Vertical TextBoxes Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/php-writes-php-vertical-textboxes-primer-tutorial\/'>PHP Writes PHP Vertical TextBoxes Primer Tutorial<\/a>?<\/p>\n<p>And inside the PHP it makes big use of the <a target=_blank title='GD and Image Functions' href='http:\/\/php.net\/manual\/en\/ref.image.php'>GD and Image Functions<\/a> to read and write the image data we assemble via the user information.<\/p>\n<p>This Animated GIF form of animation is the easiest to implement, as it consists of just the one GIF image file, but the user has very little control over the animation settings, such as the delay between stills, one of the settings we ask about in our web application.<\/p>\n<p>Our PHP source code today you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php_GETME\" title='tutorial_to_animated_gif.php'>tutorial_to_animated_gif.php<\/a> and we redirect you to some live run ideas &#8230;<\/p>\n<ul>\n<li>normal run with HTML form which posts back to itself &#8230; <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\" title='live run'>live run<\/a><\/li>\n<li>example GET parameters <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php?delay=500&#038;stitle=PaintBrush%20Panning%20Primer%20Tutorial&#038;slideshow=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/index.html\" title='get parameters live run'>run<\/a> (like our tutorial picture)<\/li>\n<\/ul>\n<p>Hope you find this tutorial useful.<\/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='#d17197' onclick='var dv=document.getElementById(\"d17197\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/category\/animation\/\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17197' 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='#d35097' onclick='var dv=document.getElementById(\"d35097\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/category\/animated-gif\/\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d35097' 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='#d35120' onclick='var dv=document.getElementById(\"d35120\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/slideshow\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d35120' 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='#d35146' onclick='var dv=document.getElementById(\"d35146\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/ffmpeg\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d35146' 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='#d39732' onclick='var dv=document.getElementById(\"d39732\"); 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='d39732' 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='#d40146' onclick='var dv=document.getElementById(\"d40146\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/pdf\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d40146' 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='#d58880' onclick='var dv=document.getElementById(\"d58880\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/command-line\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58880' 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='#d58892' onclick='var dv=document.getElementById(\"d58892\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/exec\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58892' 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='#d58897' onclick='var dv=document.getElementById(\"d58897\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/browse\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58897' 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='#d58906' onclick='var dv=document.getElementById(\"d58906\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/ffmpeg\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58906' 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='#d58917' onclick='var dv=document.getElementById(\"d58917\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/protocol\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58917' 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='#d58926' onclick='var dv=document.getElementById(\"d58926\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/autoplay\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58926' 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='#d58935' onclick='var dv=document.getElementById(\"d58935\"); dv.innerHTML = \"<iframe width=670 height=600 src=\" + \"\/\/www.rjmprogramming.com.au\/ITblog\/tag\/api\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58935' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>When we presented Web Share API Primer Tutorial some time back we remember palpable excitement that a means by which email attachments could be linked to &#8220;a&#8221; link &#8220;mailto:&#8221; looking user controlled email sending (as well as several other sharing &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/pdfimages-pdf-media-browsing-api-share-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,37],"tags":[83,85,88,111,1989,1993,3531,177,233,234,1654,297,4307,341,1750,380,3353,405,2618,415,418,419,4311,581,4310,590,1658,597,611,612,1807,714,725,2178,744,760,4312,2732,877,885,913,4306,932,1002,1133,1137,1159,1252,1319,1345,1369,1404,4031],"class_list":["post-58935","post","type-post","status-publish","format-standard","hentry","category-animation","category-elearning","category-event-driven-programming","category-tutorials","tag-animated-gif","tag-apache","tag-api","tag-attachment","tag-autoplay","tag-browse","tag-browsing","tag-cache","tag-command","tag-command-line","tag-data-uri","tag-data-url","tag-dektop-application","tag-display","tag-document-root","tag-email","tag-email-attachment","tag-exec","tag-extract","tag-ffmpeg","tag-file","tag-file-api","tag-file-protocol","tag-http","tag-http-protocol","tag-image","tag-imagemagick","tag-images","tag-install","tag-installation","tag-link","tag-local-web-server","tag-mac-os-x","tag-macos","tag-mamp","tag-media","tag-media-file","tag-mimetype","tag-open-source","tag-operating-system-2","tag-pdf","tag-pdfimages","tag-php","tag-protocol","tag-share","tag-sharing","tag-sms","tag-terminal","tag-tutorial","tag-url","tag-video","tag-web-browser","tag-web-share-api"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58935"}],"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=58935"}],"version-history":[{"count":21,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58935\/revisions"}],"predecessor-version":[{"id":58957,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58935\/revisions\/58957"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=58935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=58935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=58935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}