save file

Author: javascript-2020

utils/video/video-player/video-player.html

@@ -12,13 +12,13 @@
             </title>
 
             <meta name=description content=''>
-
+            
             <base href='https://ext-code.com/utils/video/video-player/'>
             <link rel=canonical href='https://ext-code.com/utils/video/video-player/video-player.html'>
 
             <meta name=viewport content='width=device-width, initial-scale=1'>
             <link rel=icon href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABmFBMVEVHcEwJCQkKCgru7u5GRkgfHx8vLy9ISEgUFBRWV1kXFxdpaWtra2xNTU3h4eEeHh4zMzNLS01DQ0Q6OjoqKir09PQPDw8LCwsNDQ0LCwsREREjIyMxMTFMTE5RUVFlZmpTU1U4ODhzc3Tp6ekPDw8WFhaKi42Cg4USEhKEhYeJiowdHR14eXuMjI5iY2VmZ2kjIyNfYGKGh4mNjpA2NjYkJCR5eXlfX18MDAw0NDQSEhJnaGobGxs3NzhkZWhaW1wrKyxYWFpzdHSTlJWgoKAPDw8gISEWFha0tLSjo6P///8wMDBBQUFgYWQiIiInKChTVFV8fH0lJSVHR0m8vLyrq6xPTk9vcHKCgoQZGRk8PDzr6+sdHh2np6ewsLDU1NRQUVNLS0yMjI7y8vL/AwT6FBRdXl/z8/PPz8/+/v6Gh4mMIySfn5+Wlpjl5eX6+vrg4OB3d3c5Hx57GBj4BAXCDAw0JiaHVFa1trbGxsbLy8vNCgt0Pj++S0tdKCi7GhpwGhvzW1vLZ2heISH9XV2QSEjf399sbGwqFLIEAAAAOHRSTlMAVfgDERMoKMrL4ymxrqsezAfL4+OpmUnc9LPj4stR4eLspp+AYUrdfS7W440iycrMy2qZp9d+rjCB+jUAAAIeSURBVCjPddOHd5pAAAbwaytGE0c0zexKk+69G0BkGDECMg1BxW1Nok3MaJPUrnT/271DbErz+uPx8eB7wLs7AMBxDnJiCJy4/+TpQji8sDgZeRkORSYjIZSLL8YG7Y07jYZVxI2q0NvFi3lhs+FkauIyam/f7DQanTYjaj2hL4nJprBjovxZv4r6e5rWsTSOUqg+vJ0RK4KQcvNZDMRCawin8vyvUjMv8upOc6M4yOdR4HuQhEiypuvJjWqF0s131bw0yPN+4AvSbW2NZUVRype2NZwql0opnMqinBgBvks11uJqlK1z8Nm4Tm83qxLM9aqkoLvjRt00pUxa6QvruXSistnTYAowiVE/wMYpnKKYDGGs5LdkglrNl0U3M6Po3ayDhv4c3JP5MeB7SA4lvUjyCqwf51xcyrXlhJXLoTpI0yZLt2naqqw6yuUsYtXr83BgQVU9/HqoQrVa3TCkYpEacsZtmj++f/n4ATYU7oXquGF0X0GfP4m4ll0eymq4eHEEYHFJ6rZarTdvvzEiS55QGQbVcFq6sDw+UHRd5nke7YisoEnFxhll//3+gSJLnAeryxdg/ciW9/Zk3rbb2deuZbTvyjaqA4WEbScKcPtHoXAX1RlXgvGQM2hJsADhoo9W/nJkFdCCxuaGteydE4YgAhgA14m0a8kDXrgFP2Tf1NJ/zGHoP8CuzcyePWV2Zirq/mTR6TOnTPtR8xulKNDmeeSt2gAAAABJRU5ErkJggg=='>
-
+            
             <script type='application/ld+json'>
                   {
                         "@context"              : "https://schema.org",
@@ -34,28 +34,28 @@
                         "offers"                : {"@type":"Offer","price":"0","priceCurrency":"GBP"}
                   }
             </script>
-
-
-            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
-
+            
+            
+            <script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js'></script>
+            
             <script>
                                                                                 console.clear();
                                                                                 console.log('video-player');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
         var df=true,version='v1.0'
         ;
-      
+        
         var ext,$,datatype,menumod,keydown,debug,hs
         ;
-
+        
         var menu;
 
         var hdr;
         var filemod;
         var log;
 
-                                                                                
+        
         var github    = false;
         if(window.location.toString().includes('github')){
               github    = true;
@@ -75,17 +75,17 @@
         var btn   = {};
 
 
-
-
-
+        
+        
+        
 
         async function init(){
-
+        
               menu    = menumod();
-
+              
               mod.base.add({ext,$,datatype,keydown,menu,menumod});
 
-
+              
               hdr           = mod['video-hdr'];
               filemod       = mod['file-mod'];
               log           = mod['log-mod'];
@@ -106,13 +106,13 @@
 
         }//init
 
-
+        
 (async()=>{
 
         mod.stack.add;
 
         ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
-          
+        
         var promise   = ext.load.libs(
               'js/dom/$.js',
               'js/core/datatype.js',
@@ -122,33 +122,33 @@
               'js/string/hs.js',
         );
         [$,datatype,menumod,keydown,debug,hs]   = await promise;
-  
+        
         mod.stack.complete;
-              
+        
 })();
 
 
 
       </script>
-        
-        
-        
-        
+      
+      
+      
+      
         <style>
 
   html
     {height:100%}
 
   body
     {display: flex; flex-direction: column; height: calc(100% - 30px); margin: 15px; font-family: arial;}
-
-
+    
+    
   [component]
     {display:none}
 
-  .icon 
+  .icon
     {border:1px solid gray;border-radius:3px;box-sizing:border-box;width:30px;height:30px;cursor:pointer}
-
+    
 
   #upper
     {margin-top: 10px; display: flex; justify-content: space-between; gap: 10px; align-items: center;}
@@ -212,19 +212,19 @@
     {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
 
             </style>
-        
+            
       </head>
-        
-
+      
+      
       <body>
 
             <video-hdr component=grp>
                   <img class=title src='images/video-player.png' style='top:5px;height:60px' alt='video player'>
                   <h1 slot=seo-hdr class=visually-hidden>video player</h1>
                   <time slot=date datetime=2025-11-28>28 Nov 2025</time>
             </video-hdr>
-      
-      
+            
+            
             <div id=upper>
 
                   <div>
@@ -294,11 +294,11 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
             <log-mod component></log-mod>
 
       </body>
-
-
+      
+      
       <script>
-
-
+      
+      
 
         function initdom(){   //c
 
@@ -342,7 +342,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
         }//initdom
 
   //:
-
+  
 
         btn.file    = function(){
 
@@ -360,18 +360,18 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
               }//onchange
 
         }//file
-
+        
 
   //:
-
+  
 
         function setup(){
 
               var s   = window.location.toString();
               var i   = s.indexOf('?');
                                                                                 console.log(s);
               if(i!=-1){
-                
+              
                     s                   = s.slice(i+1);
                     var parts           = s.split('=');
                     var file            = parts[0];
@@ -389,45 +389,45 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
   //:
 
         function set(file,blob){
-
+        
               var url   = window.URL.createObjectURL(blob);
 
               video.src           = url;
               video.currentTime   = 0;
 
         }//set
-
-
+        
+        
   //:
-
-
+  
+  
         function focus(){}
 
-
+        
         function source(){}
 
-  
+        
         var complete    = {};
 
         complete.load   = function(file,blob){
-          
+        
               set(file,blob);
 
         }//load
 
 
         complete.save   = function(file){
         }//save
-
-
-
-
-
-
+        
+        
+        
+        
+        
+        
 
   //:
 
-/*  
+/*
         function select(e){
         
               var file            = e.target.value;
@@ -460,7 +460,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
 */
 
 
-        
+
   //:
 
         function meta(){
@@ -524,7 +524,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
 
         }//time
 
-
+        
         skip.timestamp=function(){
                                                                                 console.log('skip.timestamp');
               var milli   = strtomilli(timestamp.value,'ts1');
@@ -540,14 +540,14 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
 
         }//timestamp
 
-
+        
         function zero(){
 
               video.currentTime   = 0;
 
         }//zero
 
-
+        
         function back(){
 
               var v   = parseFloat(seek.value);
@@ -559,7 +559,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
 
         }//back
 
-
+        
         function forward(){
 
               var v   = parseFloat(seek.value);
@@ -570,7 +570,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
               video.currentTime   = time+v;
 
         }//forward
-
+        
 
         function rotate(){
 
@@ -581,10 +581,10 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
               video.style.transform   = `rotate(${v}deg)`;
 
         }//rotate
-
+        
 
   //:
-
+  
 
         function millitostr(milli,type){
 
@@ -645,7 +645,7 @@ <h1 slot=seo-hdr class=visually-hidden>video player</h1>
 
         }//millitostr
 
-
+        
         function strtomilli(str,type){
 
               var years     = 0;