fix: Controls audio when page is switching (#1316)

mipengine · Jan 7, 2019 · 5426ff1 · 5426ff1
1 parent eb1b1a9
commit 5426ff1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/mip-audio/mip-audio.js b/src/mip-audio/mip-audio.js
@@ -21,6 +21,9 @@ define(function (require) {
         'volume'
     ];
 
+    var CUSTOM_EVENT_SHOW_PAGE = 'show-page'
+    var CUSTOM_EVENT_HIDE_PAGE = 'hide-page'
+
     customElement.prototype.firstInviewCallback = function () {
         var ele = this.element;
         // 防止重复渲染
@@ -110,6 +113,9 @@ define(function (require) {
                 this.container.appendChild(this.customControls);
             }
 
+            window.addEventListener(CUSTOM_EVENT_SHOW_PAGE, this.audioElement.load.bind(this.audioElement))
+            window.addEventListener(CUSTOM_EVENT_HIDE_PAGE, this._playOrPause.bind(this, 'pause'))
+
             // 事件绑定：获取总播放时长，更新DOM
             // FIXME: 由于ios10手机百度不执行loadedmetadata函数，
             // 魅族自带浏览器在播放前获取总播放时长为0.需要修改