js怎么實現直播賣貨小程序源碼推流功能

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

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){ //編碼器啟動
}
  },
})

到此，關于“js怎么實現直播賣貨小程序源碼推流功能”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！