save file

javascript-2020 · javascript-2020 · commit 478dc5be3da2 · 2025-11-15T05:23:29.000Z
diff --git a/blog/25-11-15/ffmpeg-in-the-browser/ffmpeg-in-the-browser.html b/blog/25-11-15/ffmpeg-in-the-browser/ffmpeg-in-the-browser.html
@@ -0,0 +1,213 @@
+
+
+<!DOCTYPE html>
+
+<html>
+
+      <head>
+            <meta charset=utf-8>
+            
+            <title>
+            </title>
+
+            <meta name=description content=''>
+
+            <base href='https://ext-code.com/blog/'>
+            <link rel=canonical href='https://ext-code.com/blog/'>
+            
+            <link rel=icon type='image/png' href='/blog/image/blog-30.png'>
+            <meta name=viewport content='width=device-width, initial-scale=1'>
+
+            <script type='application/ld+json'>
+                  {
+                        "@context"            : "https://schema.org",
+                        "@type"               : "TechArticle",
+                        "headline"            : "",
+                        "description"         : "",
+                        "author"              : {"@type":"Person","name":"Matthew Richards"},
+                        "datePublished"       : "2025-10-17",
+                        "dateModified"        : "2025-10-29",
+                        "mainEntityOfPage"    : {"@type":"WebPage","@id":""},
+                        "publisher"           : {"@type":"Organization","name":"ext-code.com","logo":{"@type":"ImageObject","url":"https://ext-code.com/favicon.ico"}},
+                  }
+            </script>
+
+            <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
+
+
+            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
+            
+            <script init>
+                                                                                console.clear();
+                                                                                console.log('');
+                                                                                console.log();
+                                                                                console.json=v=>console.log(JSON.stringify(v,null,4));
+        var df=true,version='v2.0'
+        ;
+        
+        var ace;
+        
+        var ext;
+        var $;
+        var datatype;
+        var menumod;
+        var keydown;
+        var debug;
+        
+        var menu;
+
+        var hdr;
+        var log;
+        
+        
+  //:
+  
+  
+        async function init(){
+          
+              menu    = menumod();
+              
+              hdr     = mod.hdr;
+              log     = mod.log;
+              
+              hdr.initmod({ext,$});
+              log.initmod({ext,$});
+              
+              await Promise.all([
+                    ex.init(),
+                    log.init(),
+              ]);
+              
+              
+              initdom(document.body);
+              
+              
+        }//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',
+              'js/dom/menumod/menumod.js',
+              'js/dom/keydown/keydown.js',
+              'js/debug/debug.js',
+        );
+        
+        [$,datatype,menumod,keydown,debug]    = await promise;
+        
+        mod.stack.complete;
+
+})();
+  
+            </script init>
+
+
+            
+            <link rel=stylesheet href='/blog/css/blog.css'>
+
+            <style>
+            
+  html
+    {height:100%;font-family:arial}
+  body
+    {min-height:calc(100% - 40px);display:flex;flex-direction:column;gap:20px;margin:20px;align-items:center;
+      padding-bottom:200px;
+    }
+  body>*
+    {max-width:1400px;width:100%}
+    
+  [component]
+    {display:none}
+    
+  .description 
+    {max-width:1000px;text-align:justify;border-left:4px solid #4a90e2;padding:1rem 2rem;
+      background-color:#f9f9f9;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#333}
+  .description>p
+    {margin:0}
+  .description > p+p
+    {margin:10px 0}
+
+  code
+    {font-family:monospace;background:whitesmoke}
+  code.inline
+    {display:inline;padding:5px 10px}
+
+  a
+    {color:#4a90e2;text-decoration:none;font-weight:500}
+  a:hover 
+    {text-decoration:underline}
+  .link-domain
+    {font-size:0.85rem;color:#777;margin-left:0.25rem}
+  .link-domain::before 
+    {content:'['}
+  .link-domain::after
+    {content:']'}
+  .link-txt
+    {}
+
+  input
+    {font-size:16px;padding:5px 7px;box-sizing:border-box;}
+  input[type=button]
+    {cursor:pointer}
+            
+            </style>
+            
+      </head>
+      
+      
+      <body>
+
+
+            <blog-hdr component=grp1 v2.0>      
+                  <h1 class=title>
+                        
+                  </h1>
+                  <time slot=date datetime=2025-10-29>
+                        29 Oct 2025
+                  </time>
+            </blog-hdr>
+      
+            <div class=description>
+                  <p>
+                  </p>
+            </div>
+
+
+            <log component v2.0></log>
+
+            
+      </body>
+
+      
+      <script>
+      
+
+        function initdom(rootnode){
+
+          
+              ex.initdom();
+              log.initdom();
+              
+              
+        }//initdom
+        
+
+  //:
+  
+  
+      </script>
+      
+</html>
+
+
+
+
+
+
+
