Git Product home page Git Product logo

qiniulivewx's Introduction

QiniuLiveWX

七牛直播、播放、连麦最简微信小程序demo

开发准备

接入小程序直播和实时音视频连麦需要直接使用微信小程序的live-pusherlive-player组件;

这两个组件暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。 live-pushe类目

step1: 通过类目审核

根据live-pusherlive-player组件所需的一级和二级类目,去非个人主体小程序开放的服务类目查看具体类目需要的资质要求,测试的时候可以选择创建不需要提供材料的类目项目,比如工具-视频客服。

step2: 在小程序后台「开发」-「接口设置」开通

根据step1添加过相应类目的小程序项目后;再回到「开发」-「接口设置」那开启一下就可以了。
实时音视频权限

快速开始

完整上述的准备工作后,具备了实时音视频的权限,可以进行如下修改运行调试小程序直播demo。

1,首先更改项目配置文件 project.config.json中的微信小程序appid为开发者自己的;

2,此demo中有推流、播放和七牛实时音视频连麦的演示;分别需要替换开发者自己的推流地址、播放地址和实时音视频roomToken:

  • pages/pushstream/pushstream.wxml 中修改 live-pusher 组件的 url 推流地址;
  • pages/player/player.wxml 中修改 live-player 组件的 url 播放地址;
  • pages/rtc/rtc.js 中this.initRoomWithToken('连麦RoomToken') 传入七牛的roomToken.

qiniulivewx's People

Contributors

hugolipeng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.