Network error interstitial bug fixes

chrome/renderer/resources/offline.js

 // Copyright (c) 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 (function() {
 'use strict';
 /**
  * T-Rex runner.
  * @param {string} outerContainerId Outer containing element id.
  * @param {object} opt_config
  * @constructor
@@ skipping 37 matching lines @@
 
   this.resizeTimerId_ = null;
 
   this.playCount = 0;
 
   // Sound FX.
   this.audioBuffer = null;
   this.soundFx = {};
 
   // Global web audio context for playing sounds.
-  this.audioContext = new AudioContext();
+  this.audioContext = null;
 
   // Images.
   this.images = {};
   this.imagesLoaded = 0;
   this.loadImages();
 }
 window['Runner'] = Runner;
 
 
 /**
@@ skipping 174 matching lines @@
       var imgSource = imageSources[i];
       this.images[imgSource.name] = document.getElementById(imgSource.id);
     }
     this.init();
   },
 
   /**
    * Load and decode base 64 encoded sounds.
    */
   loadSounds: function() {
+    this.audioContext = new AudioContext();
     var resourceTemplate =
         document.getElementById(this.config.RESOURCE_TEMPLATE_ID).content;
 
     for (var sound in Runner.sounds) {
       var soundSrc = resourceTemplate.getElementById(Runner.sounds[sound]).src;
       soundSrc = soundSrc.substr(soundSrc.indexOf(',') + 1);
       var buffer = decodeBase64ToArrayBuffer(soundSrc);
 
       // Async, so no guarantee of order in array.
       this.audioContext.decodeAudioData(buffer, function(index, audioData) {
@@ skipping 54 matching lines @@
     this.tRex = new Trex(this.canvas, this.images.TREX);
 
     this.outerContainerEl.appendChild(this.containerEl);
 
     if (IS_MOBILE) {
       this.createTouchController();
     }
 
     this.startListening();
     this.update();
-    this.loadSounds();
 
     window.addEventListener(Runner.events.RESIZE,
-        this.debounceResize.bind(this), false);
+        this.debounceResize.bind(this));
   },
 
   /**
    * Create the touch controller. A div that covers whole screen.
    */
   createTouchController: function() {
     this.touchController = document.createElement('div');
     this.touchController.className = Runner.classes.TOUCH_CONTROLLER;
   },
 
@@ skipping 88 matching lines @@
    */
   startGame: function() {
     this.runningTime = 0;
     this.playingIntro = false;
     this.tRex.playingIntro = false;
     this.containerEl.style.webkitAnimation = '';
     this.playCount++;
 
     // Handle tabbing off the page. Pause the current game.
     window.addEventListener(Runner.events.VISIBILITY,
-          this.onVisibilityChange.bind(this), false);
+          this.onVisibilityChange.bind(this));
 
     window.addEventListener(Runner.events.BLUR,
-          this.onVisibilityChange.bind(this), false);
+          this.onVisibilityChange.bind(this));
 
     window.addEventListener(Runner.events.FOCUS,
-          this.onVisibilityChange.bind(this), false);
+          this.onVisibilityChange.bind(this));
   },
 
   clearCanvas: function() {
     this.canvasCtx.clearRect(0, 0, this.dimensions.WIDTH,
         this.dimensions.HEIGHT);
   },
 
   /**
    * Update the game frame.
    */
@@ skipping 118 matching lines @@
   },
 
   /**
    * Process keydown.
    * @param {Event} e
    */
   onKeyDown: function(e) {
     if (!this.crashed && (Runner.keycodes.JUMP[String(e.keyCode)] ||
          e.type == Runner.events.TOUCHSTART)) {
       if (!this.activated) {
+        this.loadSounds();
         this.activated = true;
       }
 
       if (!this.tRex.jumping) {
         this.playSound(this.soundFx.BUTTON_PRESS);
         this.tRex.startJump();
       }
     }
 
     if (this.crashed && e.type == Runner.events.TOUCHSTART &&
@@ skipping 1631 matching lines @@
 
   /**
    * Add a new cloud to the horizon.
    */
   addCloud: function() {
     this.clouds.push(new Cloud(this.canvas, this.cloudImg,
         this.dimensions.WIDTH));
   }
 };
 })();