欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決ios audio無法播放問題

 更新時間:2017年11月30日 17:16:03   投稿:laozhang  
這篇文章主要介紹了解決ios audio無法播放問題,并給大家分享了解決方法,需要的朋友參考一下。

ios中audio不能直接通過audio.play()播放,需要用戶在click事件或者touch事件中執(zhí)行audio.play()才能播放。

ajax回調(diào)中audio.play()音樂不能正常播放。

用戶點擊按鈕,等服務(wù)器返回數(shù)據(jù)后再播放相應(yīng)的成功或失敗的音樂,測試在ios中不能正常播放。猜測ios中的audio不能再ajax回調(diào)函數(shù)中play()

下面記錄一下ios中ajax回調(diào)中播放音樂的問題解決過程

解決方案一 --降低音量

在用戶點擊時間后將audio的音量設(shè)置為0,等success后將音量設(shè)置為1; volume可以控制audio的音量大小,取值范圍為 0~1

audio.volume=number

發(fā)現(xiàn)在chrome的手機模式可以將音樂靜音,ios中竟然不能控制音量,好吧這個被ios屏蔽了。放棄了

解決方案二 --播放后立即暫停

用戶點擊按鈕后立即播放音樂,等ajax返回數(shù)據(jù)后再繼續(xù)播放。測試能夠正常播放。部分代碼如下:

// 用戶click事件
if (this.isIOS()) {     // ios單獨處理 安卓不需要
 this.$refs.audio.play()
 this.$refs.audio.pause()
}

// ajax成功后的事件
 this.$refs.audio.pause()
 this.$refs.audio.currentTime = 0
 this.$refs.audio.play()

由于是vue項目,所以代碼中有this.$refs小伙伴們別介意;

總結(jié)

在ios中,如果需要播放音樂或者視頻,需要用戶手動觸發(fā)事件在調(diào)用.play()才能播放(autoplay或者直接.play()是不能直接觸發(fā)的);

如果需要在ajax回調(diào)函數(shù)中播放音樂,需要在用戶觸發(fā)事件后播放音樂立即暫停然后才能在回調(diào)函數(shù)中.play(),不然ios中是播放不成功的。

相關(guān)文章

  • iOS監(jiān)控筆記之啟動crash

    iOS監(jiān)控筆記之啟動crash

    iOS崩潰是讓iOS開發(fā)人員比較頭痛的事情,app崩潰了,說明代碼寫的有問題,下面這篇文章主要給大家介紹了關(guān)于iOS監(jiān)控筆記之啟動crash的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2018-05-05
  • iOS項目的開發(fā)命名規(guī)范教程

    iOS項目的開發(fā)命名規(guī)范教程

    為了團隊各成員之間代碼的互通、可讀、易維護性,特制訂此開發(fā)規(guī)范。下面這篇文章主要給大家介紹了關(guān)于iOS項目的開發(fā)命名規(guī)范的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11
  • iOS tableView多輸入框如何獲取數(shù)據(jù)

    iOS tableView多輸入框如何獲取數(shù)據(jù)

    這篇文章主要給大家介紹了關(guān)于iOS tableView多輸入框如何獲取數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • iOS 輸入驗證碼或密碼,自動下一位的實例

    iOS 輸入驗證碼或密碼,自動下一位的實例

    下面小編就為大家分享一篇iOS 輸入驗證碼或密碼,自動下一位的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • iOS SwiftUI 顏色漸變填充效果的實現(xiàn)

    iOS SwiftUI 顏色漸變填充效果的實現(xiàn)

    這篇文章主要介紹了iOS SwiftUI 顏色漸變填充效果的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • Flutter?模型動態(tài)化賦值研究分析

    Flutter?模型動態(tài)化賦值研究分析

    這篇文章主要為大家介紹了Flutter?模型動態(tài)化賦值研究分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • iOS開發(fā)傻瓜式微信支付的方法教程

    iOS開發(fā)傻瓜式微信支付的方法教程

    最近因為工作的需要,要開發(fā)微信支付,發(fā)現(xiàn)網(wǎng)上的很多教程過于復(fù)雜,索性自己寫一篇,所以下面這篇文章主要跟大家分享了關(guān)于iOS開發(fā)傻瓜式微信支付的方法教程,文中通過示例代碼介紹的非常詳細,需要的朋友們下面來一起看看吧。
    2017-07-07
  • Flutter?Widgets之標(biāo)簽類控件Chip詳解

    Flutter?Widgets之標(biāo)簽類控件Chip詳解

    這篇文章主要為大家介紹了Flutter?Widgets之標(biāo)簽類控件Chip詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-10-10
  • IOS LaunchScreen設(shè)置啟動圖片與啟動頁停留時間詳解

    IOS LaunchScreen設(shè)置啟動圖片與啟動頁停留時間詳解

    這篇文章主要介紹了IOS LaunchScreen設(shè)置啟動圖片與啟動頁停留時間詳解的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • ARM匯編逆向iOS 實戰(zhàn)

    ARM匯編逆向iOS 實戰(zhàn)

    本文給大家通過一些簡單的實戰(zhàn)來講解使用ARM匯編進行IOS逆向工程的方法,十分的實用,有需要的小伙伴可以參考下
    2015-11-11

最新評論