Atomic Web Player running from inside iframe with proper keyboard input

Data/AtomicEditor/Deployment/Web/AtomicPlayer.html

@@ -8,7 +8,16 @@
 
     <title>Atomic Player</title>
 
+    <script>window.addEventListener("keydown", function(e) {
+        // Disable stock behavior, which was causing scroll errors
+        // space and arrow keys
+        if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
+            e.preventDefault();
+        }
+        }, false);</script>
+
     <style>
+
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.atomic { border: 0px none; }
 
@@ -86,8 +95,6 @@
 
     <!-- <textarea id="output" rows="8" cols="80"></textarea> -->
 
-
-
     <script async type="text/javascript" src="AtomicResources.js"></script>
     <script async type="text/javascript" src="AtomicPlayer.js"></script>
 

Data/AtomicEditor/Deployment/Web/index.html

@@ -1,4 +1,14 @@
 
+<h3> Atomic Player! </h3>
 
+<script>
+function focus()
+{
+    var iframe = document.getElementById('playerframe');
+    iframe.contentWindow.focus();
+}
+window.setInterval(focus, 100);
+</script>
 
-<iframe src="AtomicPlayer.html" width="1024" height="768", marginwidth="0", marginheight="0", frameborder="0", scrolling="no"></iframe>
+
+<iframe id="playerframe" src="AtomicPlayer.html" width="960" height="640", marginwidth="0", marginheight="0", frameborder="0", scrolling="no"></iframe>