js怎么實現(xiàn)直播賣貨小程序源碼推流功能

這篇文章主要介紹“js怎么實現(xiàn)直播賣貨小程序源碼推流功能”，在日常操作中，相信很多人在js怎么實現(xiàn)直播賣貨小程序源碼推流功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”js怎么實現(xiàn)直播賣貨小程序源碼推流功能”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

1、首先需要登錄微信小程序后臺，點擊“開發(fā)-》接口設(shè)置”，開啟實時錄制音視頻流權(quán)限。

2、在小程序wxml頁面使用live-pusher標簽進行推流，目前小程序推流地址只支持rtmp格式，點擊推流按鈕之后進行推流。

<live-pusher bindstatechange="statechange" mode="RTC" url="{{url}}" id="livepusher"></live-pusher>
<button bindtap=“start”>開始推流</button>

3、js先在onready里面實例化推流，并且進行推流預(yù)覽，然后點擊推流按鈕進行推流，監(jiān)聽頁面卸載，在頁面卸載時停止推流。

Page({
  /**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
pusherContext:null,//推流實例
url:’rtmp://’,//推流實例
  },
 
    /**
   * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
   */
  onReady: function (e) {
    var _this =this;
    //實例化推流
    _this.pusherContext = wx.createLivePusherContext('livepusher');
    _this.pusherContext.startPreview();
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽頁面卸載
   */
  onUnload: function () {
    this.pusherContext.stop();//停止推流
  },
 
  /**
   * 開始推流
   */
  start:function(e){
      this.pusherContext.start({})
  },
 
  /**
   * 推流監(jiān)聽
   */
  statechange:function(e){
     if (e.detail.code == 1001) { //已經(jīng)連接推流服務(wù)器       
     }else if(e.detail.code == 1002){ //已經(jīng)與服務(wù)器握手完畢，開始推流
}else if(e.detail.code == 1003){ //打開攝像頭成功
}else if(e.detail.code == 1004){ //錄屏啟動成功
}else if(e.detail.code == 1005){ //推流動態(tài)調(diào)整分辨率
}else if(e.detail.code == 1106){ //推流動態(tài)調(diào)整碼率
}else if(e.detail.code == 1007){ //首幀畫面采集完成
}else if(e.detail.code == 1008){ //編碼器啟動
}
  },
})

到此，關(guān)于“js怎么實現(xiàn)直播賣貨小程序源碼推流功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>