Topic: Creating animated image but can Select timeline similar to wxGOES16&17-HAniSLoop

[pimohdaimaoh]

I downloaded Saratoga's wxGOES16&17-HAniSLoops animated satellite scripts but as I noticed it is only for US bound areas.

Maybe if Ken can creat also using from Japan meteorological Agency's animated images that can be similar to those scripts that can be selected based on satellite resolutions, timeline and can animate.

here are the embedded images from JMA  file list: these are complete 24 hrs cycle of images. I want to play it based on my current time then it can be selected based on option selection.

https://www.data.jma.go.jp/mscweb/data/himawari/list_r2w.html


I researched it and heres the example but no idea how to add these images because these are complete 24 hrs loop but I want to automatically load it on my webpage for example which loops from current time as the start loop cycle then it can be selected time duration you want.

<article>

<h2>ANIMATE IMAGE</h2>

<form action="" method="post" name="form1">
<div class="col-xs-12 col-sm-6 col-md-6">Select Area<br />
<select name="slt_area" onchange="chgSelect()">
<option value="fd_">Full Disk</option><option value="aus">Australia</option><option value="ca1">Central Asia</option><option value="nzl">New Zealand</option><option value="pi1">Pacific Islands 1</option><option value="pi2">Pacific Islands 2</option><option value="pi3">Pacific Islands 3</option><option value="pi4">Pacific Islands 4</option><option value="pi5">Pacific Islands 5</option><option value="pi6">Pacific Islands 6</option><option value="pi7">Pacific Islands 7</option><option value="pi8">Pacific Islands 8</option><option value="pi9">Pacific Islands 9</option><option value="pia">Pacific Islands 10</option><option value="se1">Southeast Asia 1</option><option value="se2" selected>Southeast Asia 2</option><option value="se3">Southeast Asia 3</option><option value="se4">South Asia</option><option value="ha1">Hi-res Asia 1</option><option value="ha2">Hi-res Asia 2</option><option value="ha3">Hi-res Asia 3</option><option value="ha4">Hi-res Asia 4</option><option value="ha5">Hi-res Asia 5</option><option value="ha6">Hi-res Asia 6</option><option value="hp1">Hi-res Pacific Islands 1</option><option value="hp2">Hi-res Pacific Islands 2</option><option value="hp3">Hi-res Pacific Islands 3</option><option value="jpn">Japan area</option>   </select>
</div>

<div class="col-xs-12 col-sm-6 col-md-6">
   Band<br />
   <select name="slt_element" onchange="chgSelect()">
      <option value="b13">B13 (Infrared)</option>
      <option value="b03">B03 (Visible)</option>
      <option value="b08">B08 (Water Vapor)</option>
      <option value="b07">B07 (Short Wave Infrared)</option>
      <option value="dms">Day Microphysics RGB</option>
      <option value="ngt">Night Microphysics RGB</option>
      <option value="dst">Dust RGB</option>
      <option value="arm">Airmass RGB</option>
      <option value="dsl">Day Snow-Fog RGB</option>
      <option value="dnc">Natural Color RGB</option>
      <option value="tre">True Color RGB (Enhanced)</option>
      <option value="trm">True Color Reproduction Image</option>
      <option value="cve">Day Convective Storm RGB</option>
      <option value="snd">Sandwich</option>
      <option value="vir">B03 combined with B13</option>
      <option value="irv">B03 and B13 at night</option>
      <option value="hrp">Heavy rainfall potential areas</option>
   </select>
    </div>

<div class="col-xs-12 col-sm-6 col-md-6">Time<br />

<select name="slt_time" onchange="chgSelect();">
<option value=1150></option>
<option value=1140></option>
<option value=1130></option>
<option value=1120></option>
<option value=1110></option>
<option value=1100></option>


   </select>
      <input name="prev" onclick="prevImg();chgSelect();" type="button" value="Prev" />
      <input name="next" onclick="nextImg();chgSelect();" type="button" value="Next" />
    </div>

<div class="col-xs-12 col-sm-6 col-md-6">Animation<br />
<select name="slt_animation_type">
      <option value="6">Last 1 Hour</option>
      <option value="18">Last 3 Hours</option>
      <option value="36">Last 6 Hours</option>
      <option value="71">Last 12 Hours</option>
      <option value="107">Last 18 Hours</option>
      <option value="135">Last 23 Hours</option>
</select>

   <input id="ani_start" onclick="tmOut = setTimeout('chgImage()',800);" type="button" value="Play" />
   <input id="ani_stop" onclick="clearTimeout(tmOut)" type="button" value="Stop" />
   <input name="form2txt" size="40" type="hidden" />
   </div>

   </form>

   <div class="col-xs-12 col-sm-12 col-md-12">
   <div class="img-responsive">
<img class="image" alt="Southeast Asia 2" name="pic" onclick="window.open(src);" src="" title="" /><br />
   </div>
   </div>


</article>


</div>

</div>

Hope ken could solve it for me.


Regards

-Mike-