微信觀看小程序SDK(推薦)

產品介紹

概述

POLYV微信觀看小程序SDK以組件的方式提供了直播播放|_停车位规范、點播播放|_|芯睿单片机、文檔繪製等功能_-|26岁毒贩获死刑,供用戶靈活組合自己的業務邏輯--亿彩彩票是否合法。

功能特性

功能 表述
視頻 支持直播視頻和點播視頻觀看||盈彩网,暫不支持點播加密視頻
文檔 PPT--_注册就送钱的彩票软件、白板以及畫筆展示--|苍之涛天书,暫不支持動效PPT
連麥 支持1V1語音和視頻連麥功能
聊天 支持在線文本表情聊天

閱讀對象

本文檔為技術文檔-_-至尊心水在哪里下载,需要閱讀者360大乐透专家杀号定胆:
- 擁有基本的小程序開發能力
- 準備接入polyv視頻雲或已接入的客戶
- 對polyv視頻雲使用方法有基礎的了解

使用步驟

開發準備

獲取Access Key

登錄保利威直播後台 - 雲直播 - 開發設置 - 身份認證

微信接口白名單配置

request合法域名
https://document.hemihome.com
https://api.hemihome.com
https://player.hemihome.com
https://router.hemihome.com
https://livestatic.videocc.net
https://prtas.videocc.net
https://rtas.videocc.net
https://apichat.hemihome.com
https://chat.hemihome.com
https://miniapp.agoraio.cn
https://uni-webcollector.agora.io
https://live.polyv.cn
https://apollo.hemihome.com
https://doc.hemihome.com
https://doc-2.hemihome.com
socket合法域名
wss://chat.hemihome.com
wss://miniapp.agoraio.cn
downloadFile合法域名
https://doc.hemihome.com
https://doc-2.hemihome.com

配置微信直播權限

sdk播放直播使用了微信live-player||娱乐天地开奖结果,需要先通過類目審核_-31彩票,再在小程序管理後台|_-门铃音效,「開發」-「接口設置」中自助開通該組件權限|-|丧尸国度第三季。

使用方法

sdk提供了自定義組件polyv提供一套完整的業務邏輯_|无码苍井空a在线,供用戶開箱即用-靠我。也提供了player播放組件|__广场娱乐项目、ppt文檔組件|--卓易彩票下载、chatroom聊天室組件等供用戶靈活組合自己的業務邏輯||李龟年是唐朝的什么。

在使用之前需要在app.js的onLaunch中調用setApp方法|_优博彩票平台,傳入polyv雲直播的access key_-|圆点包包网。

import plv from '*/polyv-sdk/index';
onLaunch() {
    plv.setApp({
        appId: '',
        appSecret: ''
    });
}
一_-038彩票正规吗?、使用polyv組件--336时时彩助手。可參考demo的watch
  1. 拷貝sdk代碼到自己的項目中|-102彩票,在使用到sdk的page的json文件中引入組件

    {
     "usingComponents": {
       "polyv": "*/polyv-sdk/components/polyv/polyv"
     }
    }
    
  2. 在wxml中使用polyv組件
    <view>
    <polyv />
    </view>
    
  3. 在頁麵的onload中調用init方法-诺亚信a700,在onUnload中調用destory方法

    init方法初始化觀看|_丝图腾,獲取頻道詳情_|-0165彩票iphone版、初始化socket事件等___中央电影网。

    import plv from '*/polyv-sdk/index';
    // onLoad
    onLoad() {
       const options = {
         channelId: '', // 頻道ID
         openId: '', // 用戶openId
         userName: '', // 用戶名
         avatarUrl: '' // 用戶頭像
       };
       plv.init(options);
    }
    // onUnload
    onUnload() {
      plv.destory();
    }
    
二|_|易彩娱乐福地、靈活組合組件_|-运盛彩票是哪里的网站。可參考demo的watch2
  1. 在使用到sdk的page的json文件中引入組件

    {
     "usingComponents": {
       "player": "*/polyv-sdk/components/player/player",
        "ppt": "*/polyv-sdk/components/ppt/ppt",
        ...
     }
    }
    
  2. 在wxml中使用組件||昆明三对,傳入必要的參數|铜的电阻率。
    <view>
    <player
        videoOption="{{ videoOption }}"
           bind:onLiveStatusChange="playerLiveStatusChange"
       />
    <ppt />
    </view>
    
  3. 在頁麵的onload方法中調用init方法__青春幻想曲。
    import plv from '*/polyv-sdk/index';
    Page({ 
       onLoad() {
           const options = { ... };
           plv.init(options)
               .then(data => {
                const { detail, chat } = data;
                   // 處理業務邏輯
               })
               .catch(err => {
                // 異常處理
               });
       },
       onUnload() {
           plv.destory();
       }
    });
    

組件詳解請參考demo中doc文件

demo

demo下載地址

change log

  • v 1.0.0

    初始版本

以上內容是否對您有幫助___掌上时彩下载?根本沒有幫助文檔較差文檔一般文檔不錯文檔很好
Loading...

直播觀看小程序開發

播放界麵


開發前準備

1.小程序微信開發者後台設置-開發設置-服務器域名中配置 [request合法域名]


開始開發


1.獲取頻道直播播放地址

index.wxml

<view class="video-box">
    <live-player id="polyvLiveVideo" class="vp-v" src="{{video.src}}" autoplay></live-player>
</view>

index.js

//引用polyvlive.js
import polyvLive from '../../utils/polyvlive.js';

//設置頻道信息
var liveUid = "e3wx706i3v";
var liveVid = "103915";
var liveVideoContext = wx.createLivePlayerContext('polyvLiveVideo');

polyvLive.getVideo({
    uid: liveUid,
    vid: liveVid,
    videoContext: liveVideoContext,
    success: (videoInfo) => {
      // set video src and poster
      this.setPlayerSrc(videoInfo);
    },
    error: (res) => {
      //console.log(res.error);
    },
    onStartLive: ()=>{
      // set latest video src
      this.setNewPlayerSrc();
    }
});

setNewPlayerSrc() {
    polyvLive.getNewVideo((videoInfo)=>{
        this.setPlayerSrc(videoInfo);
    });
}

setPlayerSrc(videoInfo) {
    this.setData({
        video: {
            src: videoInfo.flvSrc,
            poster: videoInfo.poster
        }
    });
}

選項說明

uid

類型__铜的电阻率:String
說明-||刘俊麟图片:直播賬戶id

vid

類型|_-168彩票怎么玩:String
說明-_中兴彩票首页:直播頻道id

videoContext

類型_盈彩彩票怎么注册:String
說明-进进孕妇装:視頻組件控製--_绝配冤家,詳情查看

params

類型_--106官网彩票福利版:object
說明-育儿百科哪本好:播放日誌參數|-198彩票怎么样,可設置值並且直播後台觀看日誌查詢中顯示對應字段名稱如下

參數值可選 說明
param1 用戶ID
param2 昵稱

success(videoInfo)

類型___广州圣亚性医院:Function
說明_武汉口碑网:獲取視頻信息成功時觸發

參數_-11选5任3必中计算方法:videoInfo
參數類型_魔兽世界星雅:object
參數說明|_艾派国历:

參數 參數說明
src 視頻m3u8播放地址,獲取成功後設置為video組件的src
flvSrc 視頻flv播放地址,獲取成功後設置為live-player組件的src
poster 視頻封麵
title 視頻標題
waitImage 暖場圖片/暖場視頻,以返回鏈接後綴判斷圖片/視頻類型
logoImage logo圖片地址
logoHref logo的點擊跳轉鏈接
logoPosition logo位於播放器位置
logoOpacity logo透明度

error(res)

類型---掌上税务平台下载:Function
說明_|水族之家zadull:獲取視頻信息失敗時觸發

參數-|_图吧公交:res
參數類型||3尺是多少厘米:object
參數說明||创业 我们的故事:

參數 參數說明
code 錯誤狀態碼
error 錯誤詳細說明

onApiStatus(status)

類型-1999彩票平台:Function
說明_-掌游彩趣味台球:獲取視頻直播/結束狀態

參數--|炫舞团名:status
參數類型-|亚洲区:String
參數說明__qq游戏2011官方下载正式版:

參數 參數說明
live 直播正在進行
end 直播結束

onStartLive ()

類型|-_2m彩票2m永久免费彩图:Function
說明-|7k小游戏大全:直播從結束狀態切換至開始狀態觸發

2.綁定播放進度變化
//事件處理函數
timeUpdate: function(e) {
    //bind timeUpdate Event
    polyvLive.timeUpdate(e);
}

ps||-qq飞车加速测试服:注意播放進度綁定事件中e參數為必須項 (若使用live-player組件則不需綁定)

3.銷毀播放器
//頁麵處理函數
onUnload() {
    polyvLive.destroy();
}

注意事項

使用live-player組件有類目限製_|东方热线测速,需要先通過類目審核
1536218165(1)
然後需要在小程序管理後台||娱乐天地点检苹果,“設置”-“接口設置”中自助開通該組件權限
1536218076(1)

sdk默認使用live-player組件_||众赢国际是传销吗,使用flv拉流地址

setPlayerSrc(videoInfo) {
    this.setData({
      video: {
        src: videoInfo.flvSrc, // videoInfo.flvSrc返回flv地址
        poster: videoInfo.poster
      }
    });
  }

如果所用小程序組件為video,則需要設置播放地址為m3u8

<view class="video-wrap">
    <view class="video-box">
        <video id="polyvLiveVideo" class="vp-v" src="{{video.src}}" controls autoplay></video>
    </view>
</view>
setPlayerSrc(videoInfo) {
    this.setData({
      video: {
        src: videoInfo.src, // videoInfo.src返回m3u8地址
        poster: videoInfo.poster
      }
    });
  }

小程序直播sdk下載

以上內容是否對您有幫助---镁合金密度?根本沒有幫助文檔較差文檔一般文檔不錯文檔很好
Loading...

聊天室小程序SDK

一-__艾依欧、登錄微信公眾平台|||宜兴土特产,配置合法域名

1__108娱乐买彩票骗局、填寫||-光明牛奶网上订购: request 合法域名--|诺基亚翻盖手机大全:https://apichat.hemihome.com
2_|基督教赞美诗歌曲、填寫---2017电改国网裁员50万: socket 合法域名||3分PK10:wss://chat.hemihome.com
3|__耐高温护膝、操作截圖||诺亚舟电子词典:

webapp

二|--广名网、POLYV小程序聊天室SDK調用

1||镇赉吧、POLYV小程序聊天室SDK下載

2_-装甲车电影、壓縮包解壓縮後|||09彩票,在項目目錄中.js文件中引入polyvSocket.js


小程序項目生成不同類型的文件: .json 後綴的 JSON 配置文件 .wxml 後綴的 WXML 模板文件 .wxss 後綴的 WXSS 樣式文件 .js 後綴的 JS 腳本邏輯文件
(1)socket聊天室插件引用示例
//引入socket插件
const polyvSocket = require('polyvSocket.js');

//獲取微信昵稱_|娱乐天地彩票首页、頭像圖片|-|menu键,openID等用戶信息後嵌入聊天室

/*示例用戶信息*/
var user = ["nickName","http://livestatic.videocc.net/v_84/assets/wimages/missing_face.png",13478930214];
var vid = "126076";//頻道號

/*設置socket連接信息回調*/
polyvSocket.onMessage(function (type, data) {
       /*參數說明*/
       //type  信息類型--_2018版本彩票256,如getHistory 獲取回看信息
       //data  數據體
}

/*登錄聊天室*/
polyvSocket.loginRoom(vid, user, function (type, data) {
    //登錄成功回調
});
(2)插件接口詳解
接口名 參數 說明 備注
loginRoom roomId, user, callback 登錄聊天室
sendMsg msg 聊天信息發送
onMessage Callback(type,data) 聊天信息接收
getHistoryContent / 獲取曆史聊天信息
prettyTime time 時間格式化
leavePage / 聊天室離開
(3)socket聊天室事件調用
登錄聊天室 loginRoom
var vid = "126076";

var user= ["nickName","http://livestatic.videocc.net/v_84/assets/wimages/missing_face.png",13478930214];//學員信息昵稱---蛮荒之友,頭像|-盈彩计划软件,openID

polyvSocket.loginRoom(vid, user, function (type, data) {
//登錄成功回調
});
聊天信息發送 sendMsg
polyvSocket.sendMsg("這是第一條發送的聊天信息");
聊天信息接收 onMessage
polyvSocket.onMessage(function (type, data) {
//聊天信息接收
});
消息類型
類型 type 數據 data 說明
LOGIN / 登錄成功
GETHISTORY [{class:"clearfix right",content:"明年",showTime:"9小時前",time:1510160275411},user:{clientIp:"",nick:"tom",pic:""..}] 曆史聊天信息
SPEAK {EVENT:"SPEAK",content:"ad",id:"8d6b9160-c4f8-11e7-b7d0-0b202d613fb3",showTime:undefined,time:1510195746166,user:{clientIp:"",nick:"tom",pic:""..}} 發言
獲取曆史聊天信息 getHistoryContent
//執行該接口-_锐度网站,如上回調GETHISTORY聊天信息
polyvSocket.getHistoryContent();
時間格式化 prettyTime
//換算為36秒前等顯示格式
polyvSocket.prettyTime(1510195746166);
聊天室離開 leavePage
//關閉頁麵時斷開socket連接
polyvSocket.leavePage();
以上內容是否對您有幫助|-_云顶娱乐注册?根本沒有幫助文檔較差文檔一般文檔不錯文檔很好
Loading...