成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

h5 移動端 關(guān)于監(jiān)測切換程序到后臺或息屏事件和visibilitychange的使用

chuyao / 3503人閱讀

摘要：需求當(dāng)我們頁面上正在播放視頻或者播放背景音樂時(shí)，我們屏幕自動息屏或者切換程序去看消息時(shí)，我們希望暫停視頻或背景音樂，回到程序我們希望繼續(xù)播放視頻或播放背景音樂。

需求：當(dāng)我們頁面上正在播放視頻或者播放背景音樂時(shí)，我們屏幕自動息屏或者切換程序去看消息時(shí)，我們希望暫停視頻或背景音樂，回到程序我們希望繼續(xù)播放視頻或播放背景音樂。
小程序上提供了 onUnload返回 onHide退出 onShow重新進(jìn)入等生命周期，h5提供了一個(gè)visibilitychange，可以幫我們監(jiān)測這種情況。

document.addEventListener("visibilitychange", () => {
    if (document.hidden) {
      audio.pause()
      video.pause()
    } else {
      setTimeout(() => {
        bgMusic.play()
        video.play()
      }, 2000)
    }
});

關(guān)于2s延時(shí)：在測試中發(fā)現(xiàn)，當(dāng)回到頁面后100%會執(zhí)行else 但已知在IOS上只是息屏else里的play事件能執(zhí)行成功，但如果是點(diǎn)擊home鍵或者切換到其他程序則需要加2000延時(shí)才可以成功執(zhí)行播放事件。具體機(jī)制不太清楚，如果有哪位大神指導(dǎo)其中緣由請指教。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/100300.html

相關(guān)文章

  • 移動端倒計(jì)時(shí)切到后臺切回來不繼續(xù)執(zhí)行的問題

    摘要：問題描述這個(gè)倒計(jì)時(shí)按鈕，如果頁面在移動端切到后臺和切回來，倒計(jì)時(shí)停止運(yùn)行。相關(guān)代碼為了兼容，切換到后臺繼續(xù)運(yùn)行 問題描述 showImg(https://segmentfault.com/img/bVbiVSh);這個(gè)倒計(jì)時(shí)按鈕，如果頁面在移動端切到后臺和切回來，倒計(jì)時(shí)停止運(yùn)行。但是在pc端沒有這個(gè)問題。倒計(jì)時(shí)代碼如下 let downCount = () => { ...

    Aomine 評論0 收藏0

  • 頁面可見與不可見的事件——visibilitychange

    摘要：需求背景在最近的項(xiàng)目中，使用了和定時(shí)器實(shí)現(xiàn)了隨機(jī)走動物體的功能，走動的物體還會有的動畫。上述代碼中，維護(hù)了兩個(gè)數(shù)組，分別代表頁面進(jìn)入可見狀態(tài)時(shí)需要執(zhí)行的回調(diào)列表和進(jìn)入不可見狀態(tài)時(shí)需要執(zhí)行的回調(diào)列表。 需求背景 在最近的項(xiàng)目中，使用了transition和定時(shí)器實(shí)現(xiàn)了隨機(jī)走動物體的功能，走動的物體還會有animation的動畫。我發(fā)現(xiàn)在手機(jī)中，按home鍵或者切換應(yīng)用，使頁面不在屏幕中，...

    libxd 評論0 收藏0

  • 頁面進(jìn)入后臺如何關(guān)閉背景音樂

    摘要：之前在做小程序的時(shí)候遇到一個(gè)問題小程序中有一個(gè)頁面，這個(gè)頁面中用嵌套了一個(gè)頁面，這個(gè)頁面中有背景音樂，背景音樂播放的情況下，點(diǎn)擊小程序右上角退出的小圓圈背景音樂仍然播放。 之前在做小程序的時(shí)候遇到一個(gè)問題：小程序中有一個(gè)webview頁面，這個(gè)頁面中用iframe嵌套了一個(gè)H5頁面，這個(gè)H5頁面中有背景音樂，背景音樂播放的情況下，點(diǎn)擊小程序右上角退出的小圓圈背景音樂仍然播放。 預(yù)期效果...

    Travis 評論0 收藏0

  • 頁面進(jìn)入后臺如何關(guān)閉背景音樂

    摘要：之前在做小程序的時(shí)候遇到一個(gè)問題小程序中有一個(gè)頁面，這個(gè)頁面中用嵌套了一個(gè)頁面，這個(gè)頁面中有背景音樂，背景音樂播放的情況下，點(diǎn)擊小程序右上角退出的小圓圈背景音樂仍然播放。 之前在做小程序的時(shí)候遇到一個(gè)問題：小程序中有一個(gè)webview頁面，這個(gè)頁面中用iframe嵌套了一個(gè)H5頁面，這個(gè)H5頁面中有背景音樂，背景音樂播放的情況下，點(diǎn)擊小程序右上角退出的小圓圈背景音樂仍然播放。 預(yù)期效果...

    abson 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<