Rename to ffprobe-web-analyzer.

www/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "ffmpeg-webtools-viewer",
+  "name": "ffprobe-web-analyzer",
   "version": "0.0.1",
   "lockfileVersion": 1,
   "requires": true,

www/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ffmpeg-webtools-viewer",
+  "name": "ffprobe-web-analyzer",
   "version": "0.0.1",
   "scripts": {
     "serve": "vue-cli-service serve",

www/public/index.html

@@ -12,7 +12,7 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
-    <script src="ffmpeg-webtools.js"></script>
+    <script src="ffprobe-web-analyzer.js"></script>
     <!-- built files will be auto injected -->
   </body>
 </html>

www/src/App.vue

@@ -4,7 +4,7 @@
       <div class="container">
         <b-navbar-nav>
           <b-nav-item href="#">
-            FFmpeg WebTools
+            FFProbe Web Analyzer
           </b-nav-item>
         </b-navbar-nav>
       </div>
@@ -13,7 +13,7 @@
     <GitHubCorner />
 
     <div id="app" class="container">
-      <h3>FFmpeg WebTools</h3>
+      <h3>FFProbe Web Analyzer</h3>
       <hr />
       <File />
     </div>
@@ -23,8 +23,8 @@
       <div class="text-muted">
         <ul>
           <li>{{ name }}-{{ version }}</li>
-          <li><a href="https://github.com/alfg/ffmpeg-webtools">Source</a></li>
-          <li><a href="https://github.com/alfg/ffmpeg-webtools/issues">Report Bugs</a></li>
+          <li><a href="https://github.com/alfg/ffprobe-web-analyzer">Source</a></li>
+          <li><a href="https://github.com/alfg/ffprobe-web-analyzer/issues">Report Bugs</a></li>
         </ul>
       </div>
     </footer>

www/src/components/File.vue

@@ -27,6 +27,8 @@
                 <Overview :info="info" />
               </div>
             </b-tab>
+            <b-tab title="Streams" class="mt-2" disabled></b-tab>
+            <b-tab title="Frames" class="mt-2" disabled></b-tab>
           </b-tabs>
         </div>
     </div>

www/src/components/GitHubCorner.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- http://tholman.com/github-corners/  -->
   <a
-    href="https://github.com/alfg/ffmpeg-webtools"
+    href="https://github.com/alfg/ffprobe-web-analyzer"
     class="github-corner"
     aria-label="View source on GitHub"
   >

www/src/components/Overview.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <h4>AVContext Info</h4>
+    <h4>Metadata</h4>
     <b-table stacked :items="items"></b-table>
 
-    <h4>AVContext Streams</h4>
+    <h4>Streams</h4>
     <b-table striped hover :items="streams"></b-table>
   </div>
 </template>

www/vue.config.js

@@ -6,7 +6,7 @@ module.exports = {
     }
   },
   publicPath: process.env.NODE_ENV === 'production'
-    ? '/ffmpeg-webtools/'
+    ? '/ffprobe-web-analyzer/'
     : '/',
   configureWebpack: {
     devServer: {