關於直播賣貨小程式原始碼推流功能的實現

在 直播賣貨小程式原始碼 中，含有直播功能的。因此，是需要透過微信小程式後臺配置推流介面的，那麼具體該如何實現呢？下面小編將結合程式碼，為大傢俱體講解下。

1、 首先需要登入微信小程式後臺，點選“開發-》介面設定”，開啟實時錄製音影片流許可權。

2、在小程式wxml頁面使用live-pusher標籤進行推流，目前小程式推流地址只支援rtmp格式，點選推流按鈕之後進行推流。

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

3、js先在onready裡面例項化推流，並且進行推流預覽，然後點選推流按鈕進行推流，監聽頁面解除安裝，在頁面解除安裝時停止推流。

Page({
  /**
   * 頁面的初始資料
   */
  data: {
pusherContext:null,//推流例項
url:’rtmp://’,//推流例項
  },
 
    /**
   * 生命週期函式--監聽頁面初次渲染完成
   */
  onReady: function (e) {
    var _this =this;
    //例項化推流
    _this.pusherContext = wx.createLivePusherContext('livepusher');
    _this.pusherContext.startPreview();
  },
 
  /**
   * 生命週期函式--監聽頁面解除安裝
   */
  onUnload: function () {
    this.pusherContext.stop();//停止推流
  },
 
  /**
   * 開始推流
   */
  start:function(e){
      this.pusherContext.start({})
  },
 
  /**
   * 推流監聽
   */
  statechange:function(e){
     if (e.detail.code == 1001) { //已經連線推流伺服器       
     }else if(e.detail.code == 1002){ //已經與伺服器握手完畢，開始推流
}else if(e.detail.code == 1003){ //開啟攝像頭成功
}else if(e.detail.code == 1004){ //錄屏啟動成功
}else if(e.detail.code == 1005){ //推流動態調整解析度
}else if(e.detail.code == 1106){ //推流動態調整位元速率
}else if(e.detail.code == 1007){ //首幀畫面採集完成
}else if(e.detail.code == 1008){ //編碼器啟動
}
  },
})

以上就是直播賣貨小程式原始碼中，關於推流的實現方法。

宣告：以上內容為作者本人原創，未經作者本人同意，禁止轉載，否則將追究相關法律責任。