{"id":63794,"date":"2024-06-04T03:01:24","date_gmt":"2024-06-03T17:01:24","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=63794"},"modified":"2024-06-04T09:46:45","modified_gmt":"2024-06-03T23:46:45","slug":"animated-gif-creation-data-limits-via-slide-extraction-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-creation-data-limits-via-slide-extraction-tutorial\/","title":{"rendered":"Animated GIF Creation Data Limits via Slide Extraction Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Creation Data Limits via Slide Extraction Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of_manyslides.jpg\" title=\"Animated GIF Creation Data Limits via Slide Extraction Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Creation Data Limits via Slide Extraction Tutorial<\/p><\/div>\n<p>Even PHP&#8217;s <a target=_blank title='PHP $_POST[]' href='https:\/\/www.php.net\/manual\/en\/reserved.variables.post.php'>$_POST[]<\/a> approach to HTML form navigation data sharing has it&#8217;s limits, and that can be challenged when considering a whole set of data-URI defined animated GIF slide images.<\/p>\n<p>But, behind the scenes, when $_POST[] does not get filled out with regard to the data limits of the Apache\/PHP\/MySql (in our case) web server involved, there is still <a target=_blank title='php:\/\/input information' href='https:\/\/www.php.net\/manual\/en\/wrappers.php.php'><i>php:\/\/input<\/i><\/a> &#8230;<\/p>\n<blockquote cite='https:\/\/www.php.net\/manual\/en\/wrappers.php.php'><p>\nPHP provides a number of miscellaneous I\/O streams that allow access to PHP&#8217;s own input and output streams, the standard input, output and error file descriptors, in-memory and disk-backed temporary file streams, and filters that can manipulate other file resources as they are read from and written to.<br \/>\n<br \/>\nphp:\/\/stdin, php:\/\/stdout and php:\/\/stderr \u00b6<br \/>\nphp:\/\/stdin, php:\/\/stdout and php:\/\/stderr allow direct access to the corresponding input or output stream of the PHP process. The stream references a duplicate file descriptor, so if you open php:\/\/stdin and later close it, you close only your copy of the descriptor-the actual stream referenced by STDIN is unaffected. It is recommended that you simply use the constants STDIN, STDOUT and STDERR instead of manually opening streams using these wrappers.<br \/>\n<br \/>\nphp:\/\/stdin is read-only, whereas php:\/\/stdout and php:\/\/stderr are write-only.\n<\/p><\/blockquote>\n<p> &#8230; we can turn to (thanks, <a target=_blank title='Home of PHP' href='https:\/\/www.php.net\/'>PHP<\/a>), that can save the day in a lot of these scenarios.<\/p>\n<p>The thing is, which our parent HTML and Javascript can help with, we want to be flagging the scenario where we should be checking that <i>php:\/\/input<\/i> usage might be coming into play.  Well, even for an HTML form method=POST action=[ourRelevantPHP] scenario, the PHP global <a target=_blank title=\"$_SERVER['QUERY_STRING']\" href='https:\/\/www.php.net\/manual\/en\/reserved.variables.server.php'>$_SERVER[&#8216;QUERY_STRING&#8217;]<\/a> is honoured, shall we say (separate to any <a target=_blank title='PHP $_GET[]' href='https:\/\/www.php.net\/manual\/en\/reserved.variables.get.php'>$_GET[]<\/a> ideas, is what we are getting at here).  So we can, at the client HTML and Javascript parent (and client) end, set a unique $_SERVER[&#8216;QUERY_STRING&#8217;] <font color=blue>condition to test for<\/font> in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html-----GETME\">a changed<\/a> sixth draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html-----GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version), which you can <a href='#pifea'>try below<\/a>, nuancing yesterday&#8217;s <a title='Animated GIF Creation Interfacing via Slide Extraction Tutorial' href='#agifciset'>Animated GIF Creation Interfacing via Slide Extraction Tutorial<\/a> &#8230;<\/p>\n<p><code><br \/>\n&lt;form id=agf style=display:none; method=POST data-target=ifconto action='\/PHP\/animegif\/tutorial_to_animated_gif.php<font color=blue>?theword=numfillin<\/font>'&gt;<br \/>\n&lt;\/form&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; and then, up at that <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'>&#8220;[ourRelevantPHP]&#8221; changed<\/a> PHP <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 web application<\/a> we can test <font color=purple>as per<\/font> &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n<font color=purple>if (strpos(('' . $_SERVER['QUERY_STRING']), '=numfillin') !== false && !isset($_POST['numfillin']) && !isset($_GET['numfillin'])) {<br \/>\n $fp = fopen(\"php:\/\/input\", \"r\");<br \/>\n $post = \"\" . file_get_contents(\"php:\/\/input\");<br \/>\n fclose($fp);<br \/>\n $prefdelim='?';<br \/>\n $pairings=[];<br \/>\n \/\/file_put_contents('yes.yes', substr($post,0,300));<br \/>\n if (strpos($post, '=') !== false && strpos($post, '?') === false) {<br \/>\n   $pairings=explode('=', ('?' . $post));<br \/>\n } else if (strpos($post, '=') !== false) {<br \/>\n   $pairings=explode('=', ('' . $post));<br \/>\n }<br \/>\n if (strpos($post, '=') !== false) { \/\/ && strpos($post, '?') !== false) {<br \/>\n $post='';<br \/>\n \/\/file_put_contents('yesagain.yes', '' . sizeof($pairings));<br \/>\n   for ($ipairings=1; $ipairings&lt;sizeof($pairings); $ipairings++) {<br \/>\n      $thisval=explode('&', $pairings[$ipairings])[0];<br \/>\n      $thisname=explode($prefdelim, $pairings[-1 + $ipairings])[1];<br \/>\n      if (strpos(('~' . $thisval), '~data') !== false) {<br \/>\n        $_POST[$thisname]=$thisval;<br \/>\n      } else {<br \/>\n        $_POST[$thisname]=$thisval;<br \/>\n      }<br \/>\n      if (strpos($thisname, 'slideshow') !== false) {<br \/>\n \/\/file_put_contents('yes_yet_again.yes', '' . $thisname . ' ' . strlen($thisval));<br \/>\n      }<br \/>\n \/\/file_put_contents('yes_again.yes', '' . $thisname . ' ' . strlen($thisval));<br \/>\n      $prefdelim='&';<br \/>\n   }<br \/>\n   $pairings=[];<br \/>\n }<br \/>\n}<br \/>\n$post='';<br \/>\n<\/font><br \/>\nif (isset($_GET['numfillin'])) { $numfillin=$_GET['numfillin']; }<br \/>\nif (isset($_POST['numfillin'])) { $numfillin=$_POST['numfillin']; }<br \/>\n<br \/>\n$nonplus=' ';<br \/>\n$theplus='+';<br \/>\nif ($numfillin &gt;= 2) {<br \/>\n  if (isset($_GET['numfillin'])) {<br \/>\n    $numfillin=$_GET['numfillin'];<br \/>\n    if (isset($_GET['slideshow'])) {<br \/>\n      if (str_replace('+',' ',substr(urldecode($_GET['slideshow']),0,1)) == ' ') { $theplus=' '; $nonplus='+';  }<br \/>\n      $preurl=str_replace($nonplus,$theplus,urldecode($_GET['slideshow']));<br \/>\n    }<br \/>\n$nonplus=' ';<br \/>\n$theplus='+';<br \/>\n    if (isset($_GET['slideshow2'])) {<br \/>\n      if (str_replace('+',' ',substr(urldecode($_GET['slideshow2']),0,1)) == ' ') {  $theplus=' '; $nonplus='+';  }<br \/>\n      $bigfillin=str_replace(' value=\"\"',' value=\"' . str_replace($nonplus,$theplus,urldecode($_GET['slideshow2'])) . '\"',$twopattern);<br \/>\n    } else {<br \/>\n      $bigfillin=$twopattern;<br \/>\n    }<br \/>\n  } else if (isset($_POST['numfillin'])) {<br \/>\n    $numfillin=$_POST['numfillin'];<br \/>\n    if (isset($_POST['slideshow'])) {<br \/>\n \/\/file_put_contents('yes_slideshow_again.yes', '' . $numfillin);<br \/>\n      if (str_replace('+',' ',substr(urldecode($_POST['slideshow']),0,1)) == ' ') {  $theplus=' '; $nonplus='+';  }<br \/>\n      $preurl=str_replace($nonplus,$theplus,urldecode($_POST['slideshow']));<br \/>\n    }<br \/>\n    if (isset($_POST['slideshow2'])) {<br \/>\n \/\/file_put_contents('yes_slideshow2_again.yes', '' . $numfillin);<br \/>\n      if (str_replace('+',' ',substr(urldecode($_POST['slideshow2']),0,1)) == ' ') {  $theplus=' '; $nonplus='+';  }<br \/>\n      $bigfillin=str_replace(' value=\"\"',' value=\"' . str_replace($nonplus,$theplus,urldecode($_POST['slideshow2'])) . '\"',$twopattern);<br \/>\n    } else {<br \/>\n      $bigfillin=$twopattern;<br \/>\n    }<br \/>\n  }<br \/>\n$nonplus=' ';<br \/>\n$theplus='+';<br \/>\n  for ($ijh=3; $ijh&lt;=$numfillin; $ijh++) {<br \/>\n    $pretwopattern='&lt;div id=\"fdiv' . $ijh . '\"&gt;';<br \/>\n    if (isset($_GET['slideshow' . $ijh])) {<br \/>\n      if (str_replace('+',' ',substr(urldecode($_GET['slideshow' . $ijh]),0,1)) == ' ') {  $theplus=' '; $nonplus='+';  }<br \/>\n    $bigfillin=str_replace('&lt;div id=\"fdiv' . (-1 + $ijh) . '\"&gt;&lt;\/div&gt;', '&lt;div id=\"fdiv' . (-1 + $ijh). '\"&gt;' . $pretwopattern . str_replace(' value=\"\"',' value=\"' . str_replace($nonplus,$theplus,urldecode($_GET['slideshow' . $ijh])) . '\"',str_replace('slideshow2\"', 'slideshow' . $ijh . '\"', str_replace('&lt;div id=\"fdiv2\"', '&lt;div id=\"fdiv' . $ijh . '\"', str_replace('&gt;2&lt;', '&gt;' . $ijh . '&lt;', str_replace('ours2', 'ours' . $ijh, $twopattern))))) . $posttwopattern . '&lt;\/div&gt;', $bigfillin);<br \/>\n    } else if (isset($_POST['slideshow' . $ijh])) {<br \/>\n \/\/file_put_contents('yes_slideshow' . $ijh . '_again.yes', '' . $numfillin);<br \/>\n      if (str_replace('+',' ',substr(urldecode($_POST['slideshow' . $ijh]),0,1)) == ' ') {  $theplus=' '; $nonplus='+';  }<br \/>\n    $bigfillin=str_replace('&lt;div id=\"fdiv' . (-1 + $ijh) . '\"&gt;&lt;\/div&gt;', '&lt;div id=\"fdiv' . (-1 + $ijh). '\"&gt;' . $pretwopattern . str_replace(' value=\"\"',' value=\"' . str_replace($nonplus,$theplus,urldecode($_POST['slideshow' . $ijh])) . '\"',str_replace('slideshow2\"', 'slideshow' . $ijh . '\"', str_replace('&lt;div id=\"fdiv2\"', '&lt;div id=\"fdiv' . $ijh . '\"', str_replace('&gt;2&lt;', '&gt;' . $ijh . '&lt;', str_replace('ours2', 'ours' . $ijh, $twopattern))))) . $posttwopattern . '&lt;\/div&gt;', $bigfillin);<br \/>\n    } else {<br \/>\n    $bigfillin=str_replace('&lt;div id=\"fdiv' . (-1 + $ijh) . '\"&gt;&lt;\/div&gt;', '&lt;div id=\"fdiv' . (-1 + $ijh). '\"&gt;' . $pretwopattern . str_replace('slideshow2\"', 'slideshow' . $ijh . '\"', str_replace('&lt;div id=\"fdiv2\"', '&lt;div id=\"fdiv' . $ijh . '\"', str_replace('&gt;2&lt;', '&gt;' . $ijh . '&lt;', str_replace('ours2', 'ours' . $ijh, $twopattern)))) . $posttwopattern . '&lt;\/div&gt;', $bigfillin);<br \/>\n    }<br \/>\n$nonplus=' ';<br \/>\n$theplus='+';<br \/>\n    if ($ijh == $numfillin) {<br \/>\n      $ijh++;<br \/>\n      $bigfillin=str_replace('&lt;div id=\"fdiv' . (-1 + $ijh) . '\"&gt;&lt;\/div&gt;', '&lt;div id=\"fdiv' . (-1 + $ijh). '\"&gt;' . $pretwopattern . str_replace('slideshow2\"', 'slideshow' . $ijh . '\"', str_replace('&lt;div id=\"fdiv2\"', '&lt;div id=\"fdiv' . $ijh . '\"', str_replace('&gt;2&lt;', '&gt;' . $ijh . '&lt;', str_replace('ours2', 'ours' . $ijh, $twopattern)))) . $posttwopattern . '&lt;\/div&gt;', $bigfillin);<br \/>\n    }<br \/>\n  }<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; to cater for more scenarios, we&#8217;re hoping!<\/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\/animated-gif-creation-data-limits-via-slide-extraction-tutorial\/'>New Animated GIF Creation Data Limits via Slide Extraction Tutorial<\/a>.<\/p-->\n<hr>\n<p id='agifciset'>Previous relevant <a target=_blank title='Animated GIF Creation Interfacing via Slide Extraction Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-creation-interfacing-via-slide-extraction-tutorial\/'>Animated GIF Creation Interfacing via Slide Extraction Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Creation Interfacing via Slide Extraction Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of_interfacing.jpg\" title=\"Animated GIF Creation Interfacing via Slide Extraction Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Creation Interfacing via Slide Extraction Tutorial<\/p><\/div>\n<p>The work of today combines &#8230;<\/p>\n<ul>\n<li>the day before yesterday&#8217;s <a title='Animated GIF Slide Extraction Reveal Tutorial' href='#agifsert'>Animated GIF Slide Extraction Reveal Tutorial<\/a> progress with our Animated GIF Slide Extractor web application &#8230; and &#8230;<\/li>\n<li>yesterday&#8217;s <a title='Animated GIF Multiple Onload Slides Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-multiple-onload-slides-tutorial\/'>Animated GIF Multiple Onload Slides Tutorial<\/a> progress with our <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\">Animated GIF Creator<\/a> web application as a more useful tool<\/li>\n<\/ul>\n<p> &#8230; to add the chance for a user to use what <a target=_blank title='ImageMagick software suite' href='https:\/\/www.imagemagick.org\/'>ImageMagick<\/a> produces as an Animated GIF slide and fill this out into the textboxes of the Animated GIF Creator &#8220;child&#8221; iframe hosted incarnation &#8220;quietly&#8221; filled out probably &#8220;below the fold&#8221;, but scroll<sub>able<\/sub> to<sub>able<\/sub>.<\/p>\n<p>There are data limits to what the Animated GIF Creator can handle, but perhaps it can help a user create their own Animated GIFs, for their own purposes, via other sources.<\/p>\n<blockquote><p>\nSources for courses\n<\/p><\/blockquote>\n<p> &#8230; we&#8217;d say.  But we would say that, wouldn&#8217;t we?!<\/p>\n<p>To make this happen, amongst the &#8230;<\/p>\n<ol>\n<li>PHP &#8230; and &#8230;<\/li>\n<li>Korn Shell<\/li>\n<\/ol>\n<p> &#8230; helper components (to get to ImageMagick) we swap the &#8220;tidying up of interim files&#8221; role Korn Shell used to do, quite successfully (and still does for any interim &#8220;whole Animated GIF&#8221; files created), passing the responsibilities to the PHP to do (via passing over to the Korn Shell a new extra argument, to tell it this is the new arrangement).  And at <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.php--GETME\">the changed<\/a> third draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.php--GETME\">agtoslides.php<\/a> PHP (working with <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.ksh--GETME\">the changed<\/a> third draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.ksh--GETME\">agtoslides.ksh<\/a>), before the <font color=magenta>&#8220;outputting command line&#8221;<\/font> is executed, a whole lot of &#8220;child asks stuff of the parent&#8221; &#8220;programming talk and action&#8221; happens (and works, because our <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=client+pre-emptive+iframe' title='Client Pre-emptive Iframe techniques blog postings'>Client Pre-emptive Iframe<\/a> Onload Event logic looks for that iframe document&#8217;s document.body.innerHTML as the representation of the extracted slide (of the animated GIF) of interest) &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n$preoutp='';<br \/>\n$postoutp='';<br \/>\n<br \/>\n$inn=0;<br \/>\n$ij=0;<br \/>\n$otherstuff=\"\";<br \/>\nif (isset($_GET['delay'])) {<br \/>\n   $otherstuff.='delay=' . str_replace('+',' ',urldecode($_GET['delay'])) . '&';<br \/>\n}<br \/>\nif (isset($_POST['delay'])) {<br \/>\n   $otherstuff.='delay=' . str_replace('+',' ',urldecode($_POST['delay'])) . '&';<br \/>\n}<br \/>\nif (isset($_GET['title'])) {<br \/>\n   $otherstuff.='title=' . str_replace('+',' ',urldecode($_GET['title'])) . '&';<br \/>\n}<br \/>\nif (isset($_POST['title'])) {<br \/>\n   $otherstuff.='title=' . str_replace('+',' ',urldecode($_POST['title'])) . '&';<br \/>\n}<br \/>\nif (file_exists('\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')) {<br \/>\nwhile (file_exists('\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')) {<br \/>\n  $ij++;<br \/>\n  $inn++;<br \/>\n}<br \/>\n}<br \/>\n$inn=0;<br \/>\nwhile (file_exists('\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')) {<br \/>\n  if ($postoutp == '') {<br \/>\n    $postoutp='&lt;\/body&gt;&lt;\/html&gt;';<br \/>\n    $preoutp=\"&lt;html&gt;&lt;body onload=\\\"  parent.agslideshow('slideshow','data:image\/\" . explode('#',str_replace('jpg','jpeg',strtolower(explode('.','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')[-1 + sizeof(explode('.','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png'))])))[0] . ';base64,' . base64_encode(file_get_contents(explode('#','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')[0])) . \"');  \";<br \/>\n  }<br \/>\n  if ($postoutp != '') {<br \/>\n   if ($inn &gt; 0) {<br \/>\n    $preoutp.=\" parent.agslideshow('slideshow\" . ('' . (1 + $inn)) . \"','data:image\/\" . explode('#',str_replace('jpg','jpeg',strtolower(explode('.','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')[-1 + sizeof(explode('.','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png'))])))[0] . ';base64,' . base64_encode(file_get_contents(explode('#','\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png')[0])) . \"'); \";<br \/>\n   }<br \/>\n  }<br \/>\n  unlink('\/tmp\/agtoslides\/xx' . explode(' ',$infill)[0] . '_' . substr(('00000' . $inn),-5) . '.png');<br \/>\n  $inn++;<br \/>\n}<br \/>\nif ($postoutp != '') { $preoutp.=\" parent.preagslideshow('\/PHP\/animegif\/tutorial_to_animated_gif.php?\" . $otherstuff . \"numfillin=\" . ('' . $ij) . \"');  \\\"&gt;\"; }<br \/>\n\/\/file_put_contents('x.x', $preoutp . $outp . $postoutp);<br \/>\n<font color=magenta>echo<\/font> $preoutp .<font color=magenta> $outp<\/font> . $postoutp<font color=magenta>;<\/font><br \/>\nexit;<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; to have the new parent Javascript functions &#8230;<\/p>\n<p><code><br \/>\nfunction preagslideshow(theurl) {<br \/>\n      if (theurl.indexOf('delay=') != -1) {<br \/>\n      if (9 == 9) {<br \/>\n      document.getElementById('agf').innerHTML+='&lt;input type=hidden name=delay value=\"' + decodeURIComponent(theurl.split('delay=')[1].split('&')[0]) + '\"&gt;&lt;\/input&gt;';<br \/>\n      } else {<br \/>\n      jjform.append('delay', decodeURIComponent(theurl.split('delay=')[1].split('&')[0]));<br \/>\n      }<br \/>\n      }<br \/>\n      if (theurl.indexOf('title=') != -1) {<br \/>\n      if (9 == 9) {<br \/>\n      document.getElementById('agf').innerHTML+='&lt;input type=hidden name=title value=\"' + decodeURIComponent(theurl.split('title=')[1].split('&')[0]) + '\"&gt;&lt;\/input&gt;';<br \/>\n      } else {<br \/>\n      jjform.append('title', decodeURIComponent(theurl.split('title=')[1].split('&')[0]));<br \/>\n      }<br \/>\n      }<br \/>\n      if (theurl.indexOf('numfillin=') != -1) {<br \/>\n      if (9 == 9) {<br \/>\n      document.getElementById('agf').innerHTML+='&lt;input type=hidden name=numfillin value=\"' + decodeURIComponent(theurl.split('numfillin=')[1].split('&')[0]) + '\"&gt;&lt;\/input&gt;';<br \/>\n      } else {<br \/>\n      jjform.append('numfillin', decodeURIComponent(theurl.split('numfillin=')[1].split('&')[0]));<br \/>\n      }<br \/>\n      }<br \/>\n      if (9 == 9) {<br \/>\n      document.getElementById('agf').innerHTML+='&lt;input type=submit style=display:none; id=mysubag value=Submit&gt;&lt;\/input&gt;';<br \/>\n      \/\/alert(document.getElementById('agf').outerHTML);<br \/>\n      document.getElementById('mysubag').click();<br \/>\n      } else {<br \/>\n      jjxhr.onreadystatechange = twoslidedu;<br \/>\n      \/\/jjxhr.responseType = \"Document\";<br \/>\n      jjxhr.open('post', theurl.split('?')[0], true);<br \/>\n      \/\/document.getElementById('ifconto').src=theurl;<br \/>\n      }<br \/>\n}<br \/>\n<br \/>\nfunction agslideshow(thename, thevalue) {<br \/>\n    if (1 == 1) {<br \/>\n    if (thename == 'slideshow') {<br \/>\n      if (9 == 9) {<br \/>\n      \/\/alert(thevalue);<br \/>\n      document.getElementById('agf').innerHTML='&lt;input type=hidden name=slideshow value=\"' + thevalue + '\"&gt;&lt;\/input&gt;';<br \/>\n      } else {<br \/>\n      jjform = new FormData();<br \/>\n      jjxhr = new XMLHttpRequest();<br \/>\n      jjform.append('slideshow', thevalue);<br \/>\n      }<br \/>\n    } else {<br \/>\n      if (9 == 9) {<br \/>\n      document.getElementById('agf').innerHTML+='&lt;input type=hidden name=' + thename + ' value=\"' + thevalue + '\"&gt;&lt;\/input&gt;';<br \/>\n      } else {<br \/>\n      jjform.append(thename, thevalue);<br \/>\n      }<br \/>\n   }<br \/>\n    } else {<br \/>\n    agconto.getElementById(thename).value=thevalue;<br \/>\n    }<br \/>\n}<br \/>\n<\/code><\/p>\n<p> &#8230; working with the new static HTML &#8230;<\/p>\n<p><code><br \/>\n&lt;form id=agf style=display:none; method=POST data-target=ifconto action='\/PHP\/animegif\/tutorial_to_animated_gif.php'&gt;<br \/>\n&lt;\/form&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; be able to assist with this new Animated GIF Creator interfacing to happen for the user, should they be interested, in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html----GETME\">a changed<\/a> fifth draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html----GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version), which you can <a href='#pifea'>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\/animated-gif-creation-interfacing-via-slide-extraction-tutorial\/'>Animated GIF Creation Interfacing via Slide Extraction Tutorial<\/a>.<\/p-->\n<hr>\n<p id='agifsert'>Previous relevant <a target=_blank title='Animated GIF Slide Extraction Reveal Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-extraction-reveal-tutorial\/'>Animated GIF Slide Extraction Reveal Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Slide Extraction Reveal Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of_reveal.jpg\" title=\"Animated GIF Slide Extraction Reveal Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Slide Extraction Reveal Tutorial<\/p><\/div>\n<p>Around here, we&#8217;re not ashamed to simplify 90% of web design issues into two categories &#8230;<\/p>\n<ol>\n<li>an &#8220;<a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/overlay\" title='WordPress overlay posts'>overlay<\/a>&#8221; issue &#8230; or &#8230;<\/li>\n<li>a &#8220;<a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/reveal\" title='WordPress reveal posts'>reveal<\/a>&#8221; issue<\/li>\n<\/ol>\n<p> &#8230; and today&#8217;s improvements, pitted against the progress up until yesterday&#8217;s <a title='Animated GIF Slide Extraction Absolute URL Tutorial' href='#agifseaurlt'>Animated GIF Slide Extraction Absolute URL Tutorial<\/a>, pitted these two &#8220;colossuses&#8221; <font size=1>(at least in our mind)<\/font> against each other as concept ideas towards today&#8217;s work&#8217;s solution.   Which wins?  We opted for a &#8220;reveal&#8221; solution, where the initial position is &#8220;reveal&#8221;.<\/p>\n<p>We could have &#8220;overlayed&#8221; but we went for the KISS (&#8220;keep it simple simpleton&#8221;) principle, where, what you see at the top of a webpage takes prominence for the user.  The thing is, though, in this alternate input section, we are not fussed that it stays around, hence the <a target=_blank title='HTML details tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>details<\/a>\/<a target=_blank title='HTML summary tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>summary<\/a> &#8220;reveal&#8221; way a user can make it disappear at any given point in time.<\/p>\n<p>Here&#8217;s the thing, though, a details\/summary &#8220;reveal&#8221; pairing has that &#8220;summary&#8221; innerHTML content part that can remain, no matter what, as a status informer mechanism we&#8217;re hoping helps out the &#8220;formerly obtuse&#8221; web application ways of our Animated GIF Extraction web application, in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html---GETME\">a changed<\/a> fourth draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html---GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version), which you can <a href='#pifea'>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\/new-animated-gif-slide-extraction-absolute-url-tutorial\/'>New Animated GIF Slide Extraction Absolute URL Tutorial<\/a>.<\/p-->\n<hr>\n<p id='agifseaurlt'>Previous relevant <a target=_blank title='Animated GIF Slide Extraction Absolute URL Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-extraction-absolute-url-tutorial\/'>Animated GIF Slide Extraction Absolute URL Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Slide Extraction Absolute URL Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of_absolute_url.jpg\" title=\"Animated GIF Slide Extraction Absolute URL Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Slide Extraction Absolute URL Tutorial<\/p><\/div>\n<p>The other user entry the user might do using the Animated GIF Slide Extraction web application of yesterday&#8217;s <a title='Animated GIF Slide Extraction Browsing Tutorial' href='#agifsebt'>Animated GIF Slide Extraction Browsing Tutorial<\/a> onto &#8230;<\/p>\n<ul>\n<li>relative animated GIF URL (within the address bar domain of use or an absolute URL serving similar purposes) &#8230; and yesterday&#8217;s &#8230;<\/li>\n<li>browsed for local animated GIF file of interest &#8230; is today&#8217;s &#8230;<\/li>\n<li>absolute URL pointing to a domain not the same as the address bar domain of use<\/li>\n<\/ul>\n<p>As you might guess this last option for the user may not work for a domain with very high security, but being as hotlinking images <i>makes the Internet woooorrrrllllddd go around<\/i> perhaps the user can try this underlying <a target=_blank title='PHP information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Curl_%28programming_language%29'>curl<\/a> based logic out, to see with <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html--GETME\">a changed<\/a> third draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html--GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version), <a href='#pifea'>try below<\/a>.<\/p>\n<p>You may have noticed in our first draft we were not concerned with two incarnations of the web application being executed at once.  Back then, one might interfere with the next if interrupted during the serverside <a target=_blank title='ImageMagick software suite' href='https:\/\/www.imagemagick.org\/'>ImageMagick<\/a> phase of creating the png slides off the input animated GIF.  Recently, we have started using &#8230;<\/p>\n<p><code><br \/>\n<a target=_blank title='Uniquifier' href='https:\/\/www.google.com\/search?sca_esv=d65b685c4507e687&#038;sca_upv=1&#038;rlz=1C5CHFA_enAU973AU973&#038;sxsrf=ADLYWIJbA5-s9MYd_nQoIdAxMVBN6MuQ0A:1717040953061&#038;q=Define+uniquifier&#038;sa=X&#038;ved=2ahUKEwi5u8mAvLSGAxXxSmwGHaR9CNQQ1QJ6BAg8EAE&#038;biw=1436&#038;bih=741&#038;dpr=1#ip=1'>uniquifier<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; based logic (but in non-SQL realms) for that ImageMagick work.  By and large the <i>internal use only<\/i> interim file naming in this ImageMagick phase is 99.9999999% sure to be unique to your session, and so not interfering, or accidentally picking up, other sessional data.  You might want to look out for a textbox named &#8220;random&#8221;, in the code, regarding how we make that happen &#8230;<\/p>\n<p><code><br \/>\nuser@Users-Air htdocs % fgrep -n \"'random'\" extract_ag_slide_huh_of.html<br \/>\n157:      jjform.append('random', document.getElementById('random').value);<br \/>\n165:      document.getElementById('myif').src='.\/agtoslides.php?agname=' + encodeURIComponent(document.getElementById('agname').value) + '&slidenumber=' + encodeURIComponent(document.getElementById('slidenumber').value) + '&random=' + encodeURIComponent(document.getElementById('random').value);<br \/>\n167:      \/\/window.open('\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?slide=' + encodeURIComponent(document.getElementById('slidenumber').value) + '&random=' + encodeURIComponent(document.getElementById('random').value) + '#url=' + encodeURIComponent(document.getElementById('agname').value), '_blank', 'top=10,left=10,width=600,height=600');<br \/>\n173:      document.getElementById('random').value='' + Math.floor(Math.random() * 198786753);<br \/>\n293:  document.getElementById('random').value='' + Math.floor(Math.random() * 198786753);<br \/>\n376:&lt;body onload=\"document.getElementById('random').value='' + Math.floor(Math.random() * 19878675); setTimeout(askaway,8000); ob(gifurl);\"&gt;<br \/>\nuser@Users-Air htdocs %<br \/>\n<\/code><\/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\/animated-gif-slide-extraction-absolute-url-tutorial\/'>Animated GIF Slide Extraction Absolute URL Tutorial<\/a>.<\/p-->\n<hr>\n<p id='agifsebt'>Previous relevant <a target=_blank title='Animated GIF Slide Extraction Browsing Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-extraction-browsing-tutorial\/'>Animated GIF Slide Extraction Browsing Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Slide Extraction Browsing Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of_browsing.jpg\" title=\"Animated GIF Slide Extraction Browsing Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Slide Extraction Browsing Tutorial<\/p><\/div>\n<p>As of the recent <a title='Animated GIF Slide Extraction Primer Tutorial' href='#agifsept'>Animated GIF Slide Extraction Primer Tutorial<\/a>&#8216;s progress with an Extraction of a User Nominated Animated GIF Slide web application&#8217;s &#8230;<\/p>\n<ul>\n<li>input animated GIF URL modus operandi &#8230; today we add &#8230;<\/li>\n<li>local operating system file browsing method of user animated GIF entry<\/li>\n<\/ul>\n<p> &#8230; approach to our web application&#8217;s functionality abilities in <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html-GETME\">a changed<\/a> second draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html-GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version) helped out, especially via PHP&#8217;s acceptance of HTML form method=POST data, by &#8230;<\/p>\n<ul>\n<li><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.php-GETME\">a changed<\/a> second draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.php-GETME\">agtoslides.php<\/a><\/li>\n<li><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.ksh-GETME\">a changed<\/a> second draft <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.ksh-GETME\">agtoslides.ksh<\/a><\/li>\n<li><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/PHP\/read_exif_off_image_rotate.php------------GETME\">a changed<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/read_exif_off_image_rotate.php------------GETME\">read_exif_off_image_rotate.php<\/a><\/li>\n<li><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html---------------------------------------GETME\">a changed<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html---------------------------------------GETME\">client_browsing.htm<\/a> inhouse client browsing tool (which can also <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.htm\">sit alone<\/a>)<\/li>\n<\/ul>\n<p> &#8230; or via <a href='#pifea'>arrangements 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\/animated-gif-slide-extraction-browsing-tutorial\/'>Animated GIF Slide Extraction Browsing Tutorial<\/a>.<\/p-->\n<hr>\n<p id='agifsept'>Previous relevant <a target=_blank title='Animated GIF Slide Extraction Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-extraction-primer-tutorial\/'>Animated GIF Slide Extraction 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\/Mac\/extract_ag_slide_huh_of.html?noask=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Slide Extraction Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.jpg\" title=\"Animated GIF Slide Extraction Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Animated GIF Slide Extraction Primer Tutorial<\/p><\/div>\n<p>Would you believe &#8230;<\/p>\n<ul>\n<li>the extraction of an HTML video element still is not too hard using that HTML video element object as the first parameter to a [canvasContext].<a target=_blank title='HTML canvas element drawImage() method information from w3schools' href='http:\/\/www.w3schools.com\/tags\/canvas_drawimage.asp'>drawImage<\/a> method call (as you might recall reading the recent <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/canvas-drawimage-first-parameter-primer-tutorial\/' title='Canvas DrawImage First Parameter Primer Tutorial'>Canvas DrawImage First Parameter Primer Tutorial<\/a>) &#8230; whereas &#8230;<\/li>\n<li>the extraction of an HTML animated GIF image (ie. img) element still is a lot harder, regarding only the clientside Javascript side of web applications because using that animated GIF img object as that first  parameter to a [canvasContext].drawImage method call results only in the first still (or slide) of that animated GIF<\/li>\n<\/ul>\n<p>?  And so, to proceed with our &#8220;Animated GIF Slide Extraction&#8221; web application where a user can ask for the still (or slide) to be honed in on, needed us to design it so that a &#8230;<\/p>\n<ul>\n<li>an HTML and Javascript parent (clientside) <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html_GETME\">extract_ag_slide_huh_of.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=y\">Animated GIF Slide Extraction web application<\/a> (or <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html\">Animated GIF Slide Extraction via User Interaction web application<\/a> version) calls &#8230;<\/li>\n<li>serverside PHP <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.php_GETME\">agtoslides.php<\/a> iframe hosted child web application &#8230; calling, via <a target=_blank title='PHP shell_exec() method information' href='http:\/\/php.net\/manual\/en\/function.shell-exec.php'>shell_exec<\/a>, a &#8230;<\/li>\n<li><a target=_blank title='Korn Shell' href='https:\/\/en.wikipedia.org\/wiki\/KornShell'>Korn Shell<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/Mac\/agtoslides.ksh_GETME\">agtoslides.ksh<\/a> script &#8230; facilitating call of &#8230;<\/li>\n<li><a target=_blank title='ImageMagick command line' href='http:\/\/www.imagemagick.org\/script\/command-line-tools.php'>ImageMagick<\/a> <a target=_blank title='ImageMagick animated GIF slide extraction information' href='https:\/\/www.imagemagick.org\/discourse-server\/viewtopic.php?t=22597'>convert command<\/a> based &#8230;<br \/>\n<code><br \/>\nconvert -coalesce [animatedGIFimageFileName] [outputPNGoutputFilespec]<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p> &#8230; looking arrangement could fulfil our requirements, so far, where the user can supply &#8230;<\/p>\n<ol>\n<li>[animatedGIFimageFileName] &#8230; and &#8230;<\/li>\n<li>slide number to extract (which can be entered as a percentage, being as our &#8220;HTML and Javascript parent (clientside) web application&#8221; logics are capable of determining an animated GIF&#8217;s &#8230;<\/p>\n<ul>\n<li><font color=purple>number of slides<\/font> (PHP extracts) &#8230; and, albeit not needed so far, with this project &#8230;<\/li>\n<li><font color=magenta>duration<\/font> of an animated GIF &#8220;run through&#8221;<\/li>\n<\/ul>\n<p>)<\/li>\n<\/ol>\n<p> &#8230; in &#8230;<\/p>\n<p><code><br \/>\n<font color=purple>var ij=0;<\/font><br \/>\n<br \/>\n\/** @param {Uint8Array} uint8 *\/<br \/>\nfunction isGifAnimated(uint8) { \/\/ thanks to https:\/\/stackoverflow.com\/questions\/69564118\/how-to-get-duration-of-gif-image-in-javascript#:~:text=Mainly%20use%20parseGIF()%20%2C%20then,duration%20of%20a%20GIF%20image.<br \/>\n  if (origgifloc == '') { origgifloc=gifloc; }<br \/>\n  pbefore='';<br \/>\n  \/\/ij=0;<br \/>\n  let duration = 0;<br \/>\n  for (let i = 0, len = uint8.length; i &lt; len; i++) {<br \/>\n    if (uint8[i] == 0x21<br \/>\n      && uint8[i + 1] == 0xF9<br \/>\n      && uint8[i + 2] == 0x04<br \/>\n      && uint8[i + 7] == 0x00)<br \/>\n    {<br \/>\n      <font color=magenta>const delay = (uint8[i + 5] &lt;&lt; 8) | (uint8[i + 4] & 0xFF);<br \/>\n      duration += delay &lt; 2 ? 10 : delay;<\/font><br \/>\n    <br \/> <br \/>\n  if (doit || gifloc.indexOf('%') != -1 || 1 == 1) {<br \/>\n    <font color=purple>ij++;<\/font><br \/>\n    doit=true;<br \/>\n    gifloc=origgifloc;<br \/>\n    pbefore='' + ('gifloc=' + gifloc + ' and duration=' + eval(duration \/ 100) + ' and ij=' + ij + ' ');<br \/>\n    if (origgifloc.indexOf('%') != -1) { gifloc='' + Math.round(eval(eval(gifloc.replace('%','')) * eval('' + ij) \/ 100.0)); }<br \/>\n    \/\/document.title='' + pbefore + ' ... ' + gifloc;<br \/>\n  }<br \/>\n    }<br \/>\n  }<br \/>\n  if (eval(<font color=magenta>duration \/ 100<\/font>) &lt;= 0.11) {<br \/>\n  return 0;<br \/>\n  }<br \/>\n  \/\/if (gifloc.indexOf('%') != -1) {<br \/>\n  \/\/  alert('' + eval(duration \/ 100) + ' vs ' + delay);<br \/>\n  \/\/  gifloc=gifloc.replace('%','');<br \/>\n  \/\/}<br \/>\n  if (1 == 5 && canextract &gt; 0) {<br \/>\n    alert('' + eval(duration \/ 100));<br \/>\n  } else {<br \/>\n<br \/>\n  var newimg=new Image();<br \/>\n  newimg.onload = function(){<br \/>\n    ih=newimg.height;<br \/>\n    iw=newimg.width;<br \/>\n    document.getElementById('dimg').style.width='' + eval(1 * newimg.width) + 'px';<br \/>\n    document.getElementById('dimg').style.height='' + eval(1 * newimg.height) + 'px';<br \/>\n    document.getElementById('dimg').style.background='linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)),url(' + gifurl + ')';<br \/>\n    \/\/document.getElementById('dimg').style.backgroundPosition='' + iw + 'px ' + ih + 'px';<br \/>\n    document.getElementById('dimg').style.backgroundPosition='0px 0px';<br \/>\n    document.getElementById('dimg').style.backgroundSize='' + newimg.width + 'px ' + newimg.height + 'px';<br \/>\n    document.getElementById('dimg').style.backgroundRepeat='no-repeat';<br \/>\n    document.getElementById('dimg').src='#';<br \/>\n    document.getElementById('dimg').src=gifurl;<br \/>\n    document.getElementById('mygimage').style.opacity='0.1';<br \/>\n  };<br \/>\n  <br \/>\n  newimg.src=gifurl;<br \/>\n  goi=document.getElementById('mygimage');<br \/>\n  goisrc=gifurl;<br \/>\n  document.getElementById('mygimage').src=gifurl;<br \/>\n  \/\/newimg.src=gifurl;<br \/>\n  setTimeout(function(){<br \/>\n      jjform = new FormData();<br \/>\n      jjxhr = new XMLHttpRequest();<br \/>\n      document.getElementById('agname').value=gifurl;<br \/>\n      document.getElementById('mygimage').title='Finding slide ' + eval(1 + eval(eval(-1 + eval('' + gifloc.replace('%',''))) % ij)) + ' of ' + ij + ' ... please wait ...';<br \/>\n      document.getElementById('slidenumber').value='' + eval(1 + eval(eval(-1 + eval('' + gifloc.replace('%',''))) % ij));<br \/>\n      jjform.append('agname', gifurl);<br \/>\n      jjform.append('slidenumber', '' + eval(1 + eval(      eval(-1 + eval('' + gifloc.replace('%','')))     % ij)));<br \/>\n      jjxhr.onreadystatechange = oneslidedu;<br \/>\n      \/\/jjxhr.responseType = \"Document\";<br \/>\n      jjxhr.open('post', '.\/agtoslides.php', true);<br \/>\n      if (1 == 1) {<br \/>\n      if (eval('' + document.getElementById('agname').value.length) &lt; 400) {<br \/>\n      \/\/document.getElementById('dimg').style.opacity='0.1';<br \/>\n      document.body.style.cursor='progress';<br \/>\n      document.getElementById('myif').src='.\/agtoslides.php?agname=' + encodeURIComponent(document.getElementById('agname').value) + '&slidenumber=' + encodeURIComponent(document.getElementById('slidenumber').value);<br \/>\n      } else {<br \/>\n      \/\/document.getElementById('dimg').style.opacity='0.1';<br \/>\n      document.body.style.cursor='progress';<br \/>\n      document.getElementById('mysub').click();<br \/>\n      }<br \/>\n      } else {<br \/>\n      jjxhr.send(jjform);<br \/>\n      }<br \/>\n  }, 5000);<br \/>\n  }<br \/>\n  return <font color=magenta>duration \/ 100<\/font>; \/\/ if 0.1 is not an animated GIF<br \/>\n}<br \/>\n<\/code><\/p>\n<p id=pifea> &#8230; and to try this out you can turn the iframe below into a user interaction one via a <a onclick=\"document.getElementById('ifea').src=document.getElementById('ifea').src.split('?')[0] + '?rand=' + Math.floor(Math.random() * 19878675);\" href=\"#ifea\">click below<\/a> &#8230;<\/p>\n<p><iframe id=ifea style=\"width:95%;height:2000px;\" src=\"https:\/\/www.rjmprogramming.com.au\/Mac\/extract_ag_slide_huh_of.html?noask=yes\"><\/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='#d63730' onclick='var dv=document.getElementById(\"d63730\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/animated-gif\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63730' 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='#d63746' onclick='var dv=document.getElementById(\"d63746\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/post\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63746' 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='#d63756' onclick='var dv=document.getElementById(\"d63756\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/uniquifier\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63756' 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='#d63764' onclick='var dv=document.getElementById(\"d63764\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/reveal\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63764' 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='#d63781' onclick='var dv=document.getElementById(\"d63781\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/interface\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63781' 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='#d63794' onclick='var dv=document.getElementById(\"d63794\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/data\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d63794' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Even PHP&#8217;s $_POST[] approach to HTML form navigation data sharing has it&#8217;s limits, and that can be challenged when considering a whole set of data-URI defined animated GIF slide images. But, behind the scenes, when $_POST[] does not get filled &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-creation-data-limits-via-slide-extraction-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":[12,14,37],"tags":[2914,2915,4774,3028,72,2073,83,84,3456,3898,2367,85,4484,119,126,2682,4482,3287,4487,2829,184,2525,4480,212,3349,4486,224,228,4367,4489,2442,2650,290,4776,1654,297,2091,385,415,3330,4210,4481,449,451,4479,1828,3453,452,513,529,3008,541,587,590,1658,617,1577,3695,1643,3965,2533,714,2410,744,830,3987,1666,870,2411,932,4775,1988,997,2085,1022,1069,2319,1841,1917,1122,1149,2734,2263,1226,4485,3889,3565,1254,1675,2324,3325,2005,1292,1302,2996,1319,4488,1345,1352,2529,1411,4483,1433],"class_list":["post-63794","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-_get","tag-_post","tag-_serverquery_string","tag-action","tag-align","tag-alignment","tag-animated-gif","tag-animation-2","tag-annotate","tag-annotating","tag-answer","tag-apache","tag-argument-arguments","tag-automation","tag-background","tag-background-colour","tag-background-color","tag-below-the-fold","tag-bottom","tag-btoa","tag-canvas","tag-child","tag-clearrect","tag-client","tag-client-pre-emptive-iframe","tag-color-picker","tag-colour","tag-colour-picker","tag-comma-separated-list","tag-component","tag-contenteditable","tag-convert","tag-data","tag-data-limits","tag-data-uri","tag-data-url","tag-duration","tag-emoji","tag-ffmpeg","tag-fill","tag-fillrect","tag-fillstyle","tag-fold","tag-font","tag-font-colour","tag-font-family","tag-font-size","tag-form","tag-google","tag-google-pagespeed","tag-grandparent","tag-graphics","tag-iframe","tag-image","tag-imagemagick","tag-interactive","tag-interface","tag-interfacing","tag-justification","tag-justify","tag-line-feed","tag-local-web-server","tag-localhost","tag-mamp","tag-navigation","tag-oncontextmenu","tag-ondblclick","tag-onload","tag-parent","tag-php","tag-phpinput","tag-position","tag-programming","tag-question","tag-quiz","tag-right-click","tag-score","tag-scribble","tag-scroll","tag-server","tag-slide","tag-slides","tag-span","tag-svg","tag-svg-quiz","tag-svgxml","tag-target","tag-text","tag-textbox","tag-todataurl","tag-toggle","tag-tool","tag-top","tag-transparency","tag-transparent","tag-tutorial","tag-up","tag-url","tag-utf-8","tag-watermark","tag-web-server","tag-window-btoa","tag-window-open"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/63794"}],"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=63794"}],"version-history":[{"count":9,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/63794\/revisions"}],"predecessor-version":[{"id":63808,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/63794\/revisions\/63808"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=63794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=63794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=63794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}