save file

Author: javascript-2020

utils/video/video-thumbnail-generator/video-thumbnail-generator.html

@@ -234,7 +234,10 @@ <h1 slot=seo-hdr class=visually-hidden>video thumbnail generator</h1>
             <div id=video-root>
                   <video controls></video>
                   <div>
-                        <span id=video-filename></span>
+                        <div>
+                              <input type=checkbox>
+                              <span id=video-filename></span>
+                        </div>
                         <span id=video-size></span>
                         <div>
                               <span id=video-width>-</span>
@@ -274,7 +277,7 @@ <h1 slot=seo-hdr class=visually-hidden>video thumbnail generator</h1>
         var video;
         var results;
         var item;
-
+        var chk;
 
         var btn   = {};
         var gen   = {};
@@ -297,6 +300,7 @@ <h1 slot=seo-hdr class=visually-hidden>video thumbnail generator</h1>
               item                  = $('.item');
               item.remove();
               item.style.display    = '';
+              chk   = $.chkbox.group();
 
               output    = $('#output');
 
@@ -482,11 +486,16 @@ <h1 slot=seo-hdr class=visually-hidden>video thumbnail generator</h1>
               cur.status      = false;
               var url         = window.URL.createObjectURL(blob);
               var nitem       = item.cloneNode(true);
+              var id          = 'item-'+chk.len;
+              nitem.id        = id
               var img         = $(nitem,'img');
               img.onload      = onload;
               img.src         = url;
+              $(nitem,'.filename').textContent    = blob.name;
               $(nitem,'.size').textContent    = hs(blob.size);
               results.append(nitem);
+              chk.add(results,`#${id}`);
+              
 
               function onload(){