diff --git a/demo/index.html b/demo/index.html
index f70737d0..d4d67749 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -57,7 +57,13 @@
         <p>Get Media Sources:</p>
         <button id='get-sources'>get entire desktop</button>
         <br>
-        <video id='video'/>
+        <video id='video'></video>
+
+        <hr>
+        <p>Get Version Info:</p>
+        <button id='get-version'>get version info</button>
+        <br>
+        Version Info:<span id='info'></span>
     </body>
     <script>
         var notfEl = document.getElementById('notf');
@@ -187,6 +193,15 @@
           console.log(e)
         }
 
+        var getSources = document.getElementById('get-version');
+        getSources.addEventListener('click', function() {
+            ssf.getVersionInfo().then(function(verInfo) {
+                var verEl = document.getElementById('info');
+                verEl.innerText = '\napi ver=' + verInfo.apiVer +
+                '\ncontainer identifier=' + verInfo.containerIdentifier +
+                '\ncontainer ver=' + verInfo.containerVer
+            })
+        });
 
     </script>
 </html>
diff --git a/js/preload/preloadMain.js b/js/preload/preloadMain.js
index f104bcb9..ffc04c1d 100644
--- a/js/preload/preloadMain.js
+++ b/js/preload/preloadMain.js
@@ -58,8 +58,19 @@ function createAPI() {
     // API exposed to renderer process.
     //
     window.ssf = {
-        // api version
-        version: '1.0.0',
+        getVersionInfo: function() {
+            return new Promise(function(resolve) {
+                var appName = remote.app.getName();
+                var appVer = remote.app.getVersion();
+
+                const verInfo = {
+                    containerIdentifier: appName,
+                    containerVer: appVer,
+                    apiVer: '1.0.0'
+                }
+                resolve(verInfo);
+            });
+        },
 
         /**
          * sets the count on the tray icon to the given number.