最近在做用微信小程序實現實時通話,一個頁面同時使用了live-pusher和live-player。中途踩了許多坑,在這里做一下總結,希望能幫到大家。 1問題:Live-player播著播著沒聲音了。原因:對live-pusher進行start, stop,resume等操作時,會停止所有正在播放的live-player的聲音。(暫時沒發現調用live-pusher的pause會引起這個問題。) 兩種解決方案: 一種是避免在live-player播放后操作live-pusher。比如進頁面直接開啟live-pusher,然后不再操作。官方DEMO就是使用這種方案。 第二種,則是每次操作live-pusher后,都重新調用live-player的play操作(感覺需要短暫的延遲調用)。不過這會引起正在播放的live-player音視頻的短暫中斷,體驗不是太好,所以業務許可的話,第一種更推薦。 2問題:Live-pusher調用start之后,隨機出現,返回成功,卻并沒有視頻顯示原因:這種情況下,并不會收到OnPush回調。感覺是跟頁面標簽的初始化,URL的設置,以及start的調用時機等有關。 解決方案: 在OnLoad的時候,就把標簽的Url設置好。wx.createLivePusherContext的調用則要放在onReady之后。如果不能一開始設置好Url,可以在wxml里,用wx:if控制live-pusher標簽等到url設置好了再有。 3問題:enable-camera屬性似乎無效。解決方案:bool類型的屬性,正確寫法應該是這樣的:[enable-camera="{{enable}}” ] 4問題:調用live-pusher的start之后,沒有調用傳入的成功,失敗,完成的任何回調,沒有出現視頻。原因:在某次測試中,彈出攝像頭的權限申請的時候,拒絕了。這個設置跟微信賬號綁定,出現某個微信賬號必現失敗的時候,可能是這種情況。 解決方案:在微信里,點 發現->小程序,在里面刪掉你的應用,重新掃碼進入,會重新彈出權限申請,同意即可。 5問題:用wxml用wx:for把一個數組和一組live-player綁定時,多次修改數組內容,界面上的live-player多出一個來。而多次測試,確定數組內容正確。原因:這是我覺得最神奇的一個BUG,也很難清楚的描述到底出現了啥,不過好在找到了解決方法。 解決方案:在.json文件里,加上‘"usingComponents": {}’這一句就可以。 6問題:iPad版微信掃描小程序二維碼無效原因:小程序目前只支持手機。 7問題:live-pusher出現紅色報錯,說渲染失敗,access denied.原因:live-pusher目前只對部分品類的應用開放,且需要在網站設置。設置完如果還不行,嘗試下刪除小程序重裝,退出微信等,會成功的。
總結上面這些問題的解決,覺得最重要的是耐心與細致。 |